| Server IP : 162.0.232.25 / Your IP : 18.116.89.2 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/nkhwaziaeros.com/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="./icons/nkhwaziaeros.ico">
<title>NKHWAZI AEROS - Team</title>
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" >
<link href="./css/main.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./css/animate.css" type="text/css">
<!-- Font awesome JS -->
<script type="text/javascript" src="./js/all.min.js"></script>
<!-- Ajax Features -->
<script type="text/javascript" src="./js/ajax.js"></script>
<!-- Sweet Alert -->
<script type="text/javascript" src="./js/sweetalert.min.js"></script>
<!-- Open Graph tags -->
<meta property="og:site_name" content="NkhwaziAeros"/>
<meta property="og:title" content="Team"/>
<meta property="og:description" content="Providing captivating footage from all angles!"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="https://www.nkhwaziaeros.com/img/dji-phantom-4.jpg"/>
<meta property="og:locale" content="en_US"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@AerosNkhwazi"/>
<meta name="twitter:title" content="NkhwaziAeros"/>
<meta name="twitter:description" content="Mapping, drone photography and videos"/>
<meta name="twitter:image" content="https://www.nkhwaziaeros.com/img/dji-phantom-4.jpg"/>
<meta name="twitter:image:alt" content="NkhwaziAeros"/>
</head>
<body>
<!-- Email Us -->
<i class="fa fa-envelope message" data-toggle="modal" data-target="#message"></i>
<!-- Email Modal -->
<?php include './email.php';?>
<!-- Header -->
<div class="cover-overflow">
<section class="row img-cover">
<nav class="navbar navbar-expand-md navbar-dark fixed-top">
<a class="navbar-brand">
<img src="./img/aeros1.png" alt="NkhwaziAeros">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Nav Bar -->
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="home" aria-disabled="true">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery" tabindex="-1" aria-disabled="true">GALLERY</a>
</li>
<li class="nav-item">
<a class="nav-link" href="videos" tabindex="-1" aria-disabled="true">VIDEOS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services" tabindex="-1" aria-disabled="true">SERVICES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects" tabindex="-1" aria-disabled="true">PROJECTS</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="team">TEAM<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact" aria-disabled="true">CONTACT</a>
</li>
</ul>
</div>
</nav>
<!-- Background Image -->
<div class="container-fluid">
<div class="color-overlay-img"></div>
<div class="img-content">
<h3 class="my-3">NKHWAZI TEAM</h3>
<div class="underline"></div>
<h4 class="lead">About Us</h4>
</div>
</div>
</section>
</div>
<!-- Team -->
<section>
<div class="container-fluid">
<div class="row d-fex justify-content-center align-items-center team">
<div class="col-11 col-sm-12 col-xl-10 col-lg-10">
<div class="row">
<?php
include './inc/connect.php';
$sql = "SELECT * FROM `team` ORDER BY `tid` DESC";
if ($query_run = mysqli_query($conn, $sql)) {
while ($row = mysqli_fetch_array($query_run)) {
$id = $row['tid'];
$name = $row['name'];
$role = $row['role'];
$info = $row['info'];
$image = $row['image']; ?>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
<div class="single-team text-center mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.4s">
<div class="team-image">
<img src="./img/team/<?php echo $image;?>" alt="<?php echo $name;?>">
</div>
<div class="team-content">
<h4 class="team-name"><a href="#"><?php echo $name;?></a></h4>
<span class="sub-title"><?php echo $role;?></span>
<ul class="social mt-25">
<li><a href="#" data-toggle="modal" data-target="#<?php echo 'team-'.$id;?>"><i class="fa fa-info-circle"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="<?php echo 'team-'.$id;?>">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title"><?php echo $name;?></h4>
</div>
<!-- Modal body -->
<div class="modal-body">
<p class="lead"><?php echo $info;?></p> </div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<?php
}
}
?>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<?php include './footer.php';?>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquerySmoothScroll.js"></script>
<script type="text/javascript" src="./js/email.js"></script>
<script type="text/javascript" src="./js/readMoreJS.min.js"></script>
<script type="text/javascript" src="./js/wow.min.js"></script>
<script src="./js/changeBg.js"></script>
<script type="text/javascript">
new WOW().init();
</script>
</body>
</html>