| Server IP : 162.0.232.25 / Your IP : 3.133.117.95 Web Server : LiteSpeed System : Linux premium276.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : kwacuqig ( 988) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/kwacuqig/mtumbuka.org/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mathews Mtumbuka - Presentations</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.6/css/ionicons.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/tiny-slider.css">
<link rel="stylesheet" href="css/glightbox.min.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/style.css">
<meta property="og:url" content="https://mtumbuka.org/home" />
<meta property="og:type" content="website" />
<meta property="og:title" content="<?php echo "Eng. Dr. Mathews Mtumbuka"; ?>" />
<meta property="og:image" content="https://mtumbuka.org/images/mmtumbuka.jpg" />
<meta property="og:description" content="Presentations" />
<script nonce="9d10d78c-9c63-4536-8e51-070275157002">
try {
(function(w, d) {
! function(j, k, l, m) {
if (j.zaraz) console.error("zaraz is loaded twice");
else {
j[l] = j[l] || {};
j[l].executed = [];
j.zaraz = {
deferred: [],
listeners: []
};
j.zaraz._v = "5796";
j.zaraz.q = [];
j.zaraz._f = function(n) {
return async function() {
var o = Array.prototype.slice.call(arguments);
j.zaraz.q.push({
m: n,
a: o
})
}
};
for (const p of ["track", "set", "debug"]) j.zaraz[p] = j.zaraz._f(p);
j.zaraz.init = () => {
var q = k.getElementsByTagName(m)[0],
r = k.createElement(m),
s = k.getElementsByTagName("title")[0];
s && (j[l].t = k.getElementsByTagName("title")[0].text);
j[l].x = Math.random();
j[l].w = j.screen.width;
j[l].h = j.screen.height;
j[l].j = j.innerHeight;
j[l].e = j.innerWidth;
j[l].l = j.location.href;
j[l].r = k.referrer;
j[l].k = j.screen.colorDepth;
j[l].n = k.characterSet;
j[l].o = (new Date).getTimezoneOffset();
if (j.dataLayer)
for (const w of Object.entries(Object.entries(dataLayer).reduce(((x, y) => ({
...x[1],
...y[1]
})), {}))) zaraz.set(w[0], w[1], {
scope: "page"
});
j[l].q = [];
for (; j.zaraz.q.length;) {
const z = j.zaraz.q.shift();
j[l].q.push(z)
}
r.defer = !0;
for (const A of [localStorage, sessionStorage]) Object.keys(A || {}).filter((C => C.startsWith("_zaraz_"))).forEach((B => {
try {
j[l]["z_" + B.slice(7)] = JSON.parse(A.getItem(B))
} catch {
j[l]["z_" + B.slice(7)] = A.getItem(B)
}
}));
r.referrerPolicy = "origin";
r.src = "../../cdn-cgi/zaraz/sd0d9.js?z=" + btoa(encodeURIComponent(JSON.stringify(j[l])));
q.parentNode.insertBefore(r, q)
};
["complete", "interactive"].includes(k.readyState) ? zaraz.init() : j.addEventListener("DOMContentLoaded", zaraz.init)
}
}(w, d, "zarazData", "script");
window.zaraz._p = async bv => new Promise((bw => {
if (bv) {
bv.e && bv.e.forEach((bx => {
try {
const by = d.querySelector("script[nonce]"),
bz = by?.nonce || by?.getAttribute("nonce"),
bA = d.createElement("script");
bz && (bA.nonce = bz);
bA.innerHTML = bx;
bA.onload = () => {
d.head.removeChild(bA)
};
d.head.appendChild(bA)
} catch (bB) {
console.error(`Error executing script: ${bx}\n`, bB)
}
}));
Promise.allSettled((bv.f || []).map((bC => fetch(bC[0], bC[1]))))
}
bw()
}));
zaraz._p({
"e": ["(function(w,d){})(window,document)"]
});
})(window, document)
} catch (e) {
throw fetch("/cdn-cgi/zaraz/t"), e;
};
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="./js/sweetalert.min.js"></script>
<style>
.card {
transition: transform 0.3s, box-shadow 0.3s;
border: none;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.card-title {
font-weight: bold;
}
.btn.btn-primary {
background: #c71400 !important;
border: 1px solid #c71400 !important;
border-radius: 30px;
transition: background-color 0.3s;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
}
.btn-primary:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<?php
include './nav.php';
?>
<section class="hero-wrap hero-wrap-2">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text align-items-end justify-content-center">
<div class="col-md-9 pt-5 text-center">
<p class="breadcrumbs"><span class="me-2"><a href="home">Home <i class="fa fa-chevron-right"></i></a></span> <span>Presentations <i class="fa fa-chevron-right"></i></span></p>
<h1 class="mb-0 bread">Presentations</h1>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-project">
<!-- Content Section -->
<div class="container my-5">
<div class="row row-cols-1 row-cols-md-2 g-4">
<?php
include './php/connect.php';
include './php/ppt-form.php';
$run = mysqli_query($conn, "SELECT * FROM `ppts` ORDER BY `pid` DESC") or die(mysqli_error($conn));
while ($row = mysqli_fetch_array($run)) {
?>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><?php echo $row['title']; ?></h5>
<p class="card-text"><?php echo $row['description']; ?></p>
<a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#ppt-<?php echo $row['pid']; ?>"><i class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="ppt-<?php echo $row['pid']; ?>">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-dark">Enter Email Address</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<form action="presentations" method="POST">
<div class="form-floating mb-3">
<input type="email" name="email" class="form-control" id="floatingText" required>
<label for="floatingText">Email Address</label>
</div>
<input type="hidden" name="pid" value="<?php echo $row['pid']; ?>">
<input class="form-check-input check" type="checkbox" name="option1" value="something" onclick="toggleSubmit()">
<p>By checking the box above, you confirm that:
<ul>
<li>we may use your email for marketing purposes</li>
<li>sending you newsletters</li>
<li>We will not share your email with third parties.</li>
</ul>
<!-- Submit button initially hidden -->
<button type="submit" name="submit" class="btn py-3 w-100 mb-4 submitBtn" style="border-radius:20px;color:#fff;background-color:#c71400; display: none;" data-aos="flip-right" data-aos-duration="500" data-aos-delay="300">Submit</button>
</form>
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</section>
<footer class="ftco-footer">
<div class="container-xl">
<div class="row">
<div class="col-md-12 text-center">
<p class="mb-0 copyright">Copyright ©<script>
document.write(new Date().getFullYear());
</script> All rights reserved
</p>
</div>
</div>
</div>
</footer>
<!-- <script src="js/bootstrap.bundle.min.js"></script> -->
<script src="js/tiny-slider.js"></script>
<script src="js/glightbox.min.js"></script>
<script src="js/aos.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-23581568-13');
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8bcc6316af3e4f69","version":"2024.8.0","serverTiming":{"name":{"cfL4":true}},"token":"cd0b4b3a733644fc843ef0b185f98241","b":1}' crossorigin="anonymous"></script>
<script>
document.querySelectorAll("nav ul li a")[3].classList.add("active")
</script>
<script>
// Select all checkboxes and submit buttons
var checkboxes = document.querySelectorAll(".check");
var submitButtons = document.querySelectorAll(".submitBtn");
// Loop through each checkbox and add an event listener to toggle the corresponding submit button
checkboxes.forEach((checkbox, index) => {
checkbox.addEventListener("change", function() {
if (checkbox.checked) {
submitButtons[index].style.display = "block";
} else {
submitButtons[index].style.display = "none";
}
});
});
</script>
</body>
</html>