You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
482 lines
18 KiB
482 lines
18 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<meta name="description" content=" HTML5 Template"> |
|
|
|
<!-- Site Title --> |
|
<title>Our Team</title> |
|
|
|
<!-- Site Favicon --> |
|
<link rel="icon" type="image/x-icon" href="assets/imgs/icon/favicon.png"> |
|
|
|
|
|
<!-- Fonts --> |
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
<link |
|
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap" |
|
rel="stylesheet"> |
|
|
|
|
|
<!-- All CSS Files --> |
|
<link rel="stylesheet" href="assets/css/all.min.css"> |
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css"> |
|
<link rel="stylesheet" href="assets/css/meanmenu.min.css"> |
|
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css"> |
|
<link rel="stylesheet" href="assets/css/magnific-popup.css"> |
|
<link rel="stylesheet" href="assets/css/aos.css"> |
|
<link rel="stylesheet" href="assets/css/progressbar.css"> |
|
<link rel="stylesheet" href="assets/css/master.css"> |
|
|
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<!-- Preloader --> |
|
<div id="preloader"> |
|
<div id="loader"></div> |
|
</div> |
|
|
|
<!-- Scroll to top --> |
|
<button id="scroll_top" class="scroll-top"><i class="fa-solid fa-arrow-up"></i></button> |
|
<div id="smooth-wrapper"> |
|
<div id="smooth-content"> |
|
|
|
<!-- Header area start --> |
|
<header class="header__area pos-abs plr-100"> |
|
<div class="header__inner"> |
|
<div class="header__logo"> |
|
<a href="index.html"><img src="assets/imgs/logo/logo.png" alt="Site Logo"></a> |
|
</div> |
|
<div class="header__menu"> |
|
<nav class="main-menu"> |
|
<ul> |
|
<li class="has-dropdown"><a href="#">Home</a> |
|
<ul class="main-dropdown"> |
|
<li> |
|
<a href="index.html">Home 01</a> |
|
</li> |
|
<li> |
|
<a href="index-2.html">Home 02</a> |
|
</li> |
|
<li> |
|
<a href="index-3.html">Home 03</a> |
|
</li> |
|
</ul> |
|
</li> |
|
<li><a href="about.html">About</a></li> |
|
|
|
<li class="has-dropdown"><a href="#">Service</a> |
|
<ul class="main-dropdown"> |
|
<li><a href="service.html">Service</a></li> |
|
<li><a href="software-details.html">Service details</a></li> |
|
</ul> |
|
</li> |
|
|
|
<li class="has-megamenu"><a href="#">pages</a> |
|
<ul class="main-dropdown"> |
|
<li><a href="project.html">portfolio</a></li> |
|
<li><a href="project-details.html">portfolio details</a></li> |
|
<li><a href="team.html">team</a></li> |
|
<li><a href="team-details.html">team details</a></li> |
|
<li><a href="faq.html">faq</a></li> |
|
</ul> |
|
</li> |
|
|
|
<li class="has-dropdown"><a href="#">blog</a> |
|
<ul class="main-dropdown"> |
|
<li><a href="blog.html">Blog</a></li> |
|
<li><a href="blog-grid.html">Blog Grid</a></li> |
|
<li><a href="blog-details.html">blog details</a></li> |
|
</ul> |
|
</li> |
|
|
|
<li><a href="contact.html">Contact</a></li> |
|
</ul> |
|
</nav> |
|
</div> |
|
<div class="header__others"> |
|
<div class="header__search"> |
|
<button class="search-icon"><i class="fa-solid fa-magnifying-glass"></i></button> |
|
<button class="search-close"><i class="fa-solid fa-xmark"></i></button> |
|
</div> |
|
<div class="header__offcanvas"> |
|
<button class="menu_icon"> |
|
<img src="assets/imgs/icon/menu.png" alt="Menu Icon"> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
</header> |
|
|
|
<div class="search__form"> |
|
<form action="#"> |
|
<input type="text" name="s" placeholder="Search..."> |
|
</form> |
|
</div> |
|
<!-- Header area end --> |
|
|
|
|
|
<!-- Offcanvas area start --> |
|
<div class="offcanvas__area"> |
|
<div class="offcanvas__inner"> |
|
<div class="offcanvas__top"> |
|
<img src="assets/imgs/logo/logo2.png" alt="Logo"> |
|
<button id="offcanvas_close"><i class="fa-solid fa-xmark"></i></button> |
|
</div> |
|
<div class="offcanvas__search"> |
|
<form action="#"> |
|
<input type="text" placeholder="Search..." name="s"> |
|
</form> |
|
</div> |
|
<div class="offcanvas__menu"> |
|
<div class="offcanvas-menu"> |
|
<ul> |
|
<li><a href="#">Home</a> |
|
<ul> |
|
<li><a href="index.html">Home 01</a></li> |
|
<li><a href="index-2.html">Home 02</a></li> |
|
<li><a href="index-3.html">Home 03</a></li> |
|
</ul> |
|
</li> |
|
<li><a href="about.html">About</a></li> |
|
|
|
<li><a href="#">Service</a> |
|
<ul> |
|
<li><a href="service.html">Service</a></li> |
|
<li><a href="software-details.html">Service details</a></li> |
|
</ul> |
|
</li> |
|
<li><a href="#">Pages</a> |
|
<ul> |
|
<li><a href="project.html">portfolio</a></li> |
|
<li><a href="project-details.html">portfolio details</a></li> |
|
<li><a href="team.html">team</a></li> |
|
<li><a href="team-details.html">team details</a></li> |
|
<li><a href="faq.html">faq</a></li> |
|
</ul> |
|
</li> |
|
<li><a href="#">blog</a> |
|
<ul> |
|
<li><a href="blog.html">Blog</a></li> |
|
<li><a href="blog-grid.html">Blog Grid</a></li> |
|
<li><a href="blog-details.html">Blog details</a></li> |
|
</ul> |
|
</li> |
|
<li><a href="contact.html">Contact</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="offcanvas__map"> |
|
<iframe |
|
src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d1511.2499674845235!2d-73.99553882767792!3d40.75102778252164!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1686536419224!5m2!1sen!2sbd" |
|
loading="lazy"></iframe> |
|
</div> |
|
<div class="offcanvas__btm"> |
|
<div class="footer__address-3"> |
|
<ul> |
|
<li> |
|
<span><i class="fa-solid fa-location-dot"></i></span> |
|
<p class="text-white">Burmsille Street, MN 55337, <br> |
|
United States</p> |
|
</li> |
|
<li> |
|
<span><i class="fa-solid fa-phone"></i></span> |
|
<div> |
|
<a href="tel:+88014420420">+(1) 123 456 7890</a> |
|
<a href="tel:+88014420420">+(1) 098 765 4321</a> |
|
</div> |
|
</li> |
|
<li> |
|
<span><i class="fa-solid fa-envelope"></i></span> |
|
<div> |
|
<a href="mailto:info@driller.com">info@driller.com</a> |
|
<a href="mailto:info.example@driller.com">info.example@driller.com</a> |
|
</div> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="footer__social-3"> |
|
<ul> |
|
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li> |
|
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li> |
|
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- Offcanvas area end --> |
|
|
|
|
|
<main> |
|
|
|
<!-- Breadcrumb area start --> |
|
<section class="breadcrumb__area"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-xxl-12"> |
|
<div class="breadcrumb__inner"> |
|
<div class="breadcrumb__left"> |
|
<h1 class="breadcrumb__title">Our Team</h1> |
|
</div> |
|
<div class="breadcrumb__right"> |
|
<ul> |
|
<li> <a href="">home</a> </li> |
|
<li> <a href="">Our Team</a> </li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
<!-- Breadcrumb area end --> |
|
|
|
|
|
<!-- team area start --> |
|
<div class="team-area pt-5 pb-130"> |
|
<div class="container"> |
|
<div class="team__items-2"> |
|
<div class="team__item-2" data-aos="fade-up" data-aos-delay="300"> |
|
<div class="team__thumb-2 border-radius-20"> |
|
<div class="shine"> |
|
<a href="about.html"><img class="w-100 border-radius-20" src="assets/imgs/team/3/1.png" alt="thumb"></a> |
|
</div> |
|
<ul class="team__social-2"> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-facebook-f"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-twitter"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-instagram"></i></a></li> |
|
</ul> |
|
</div> |
|
<div class="team__content-2"> |
|
<a href="about.html"> |
|
<h3 class="team__name">Ralph Edwards</h3> |
|
</a> |
|
<p class="team__post">Merketing Department</p> |
|
</div> |
|
</div> |
|
<div class="team__item-2" data-aos="fade-up" data-aos-delay="600"> |
|
<div class="team__thumb-2 border-radius-20"> |
|
<div class="shine"> |
|
<a href="about.html"><img class="w-100 border-radius-20" src="assets/imgs/team/3/2.png" alt="thumb"></a> |
|
</div> |
|
<ul class="team__social-2"> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-facebook-f"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-twitter"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-instagram"></i></a></li> |
|
</ul> |
|
</div> |
|
<div class="team__content-2"> |
|
<a href="about.html"> |
|
<h3 class="team__name">Annette Black</h3> |
|
</a> |
|
<p class="team__post">Development Department</p> |
|
</div> |
|
</div> |
|
<div class="team__item-2" data-aos="fade-up" data-aos-delay="900"> |
|
<div class="team__thumb-2 border-radius-20"> |
|
<div class="shine"> |
|
<a href="about.html"><img class="w-100 border-radius-20" src="assets/imgs/team/3/3.png" alt="thumb"></a> |
|
</div> |
|
<ul class="team__social-2"> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-facebook-f"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-twitter"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-instagram"></i></a></li> |
|
</ul> |
|
</div> |
|
<div class="team__content-2"> |
|
<a href="about.html"> |
|
<h3 class="team__name">Savannah Nguyen</h3> |
|
</a> |
|
<p class="team__post">Design Department</p> |
|
</div> |
|
</div> |
|
<div class="team__item-2" data-aos="fade-up" data-aos-delay="300"> |
|
<div class="team__thumb-2 border-radius-20"> |
|
<div class="shine"> |
|
<a href="about.html"><img class="w-100 border-radius-20" src="assets/imgs/team/3/4.png" alt="thumb"></a> |
|
</div> |
|
<ul class="team__social-2"> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-facebook-f"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-twitter"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-instagram"></i></a></li> |
|
</ul> |
|
</div> |
|
<div class="team__content-2"> |
|
<a href="about.html"> |
|
<h3 class="team__name">Ralph Edwards</h3> |
|
</a> |
|
<p class="team__post">Merketing Department</p> |
|
</div> |
|
</div> |
|
<div class="team__item-2" data-aos="fade-up" data-aos-delay="600"> |
|
<div class="team__thumb-2 border-radius-20"> |
|
<div class="shine"> |
|
<a href="about.html"><img class="w-100 border-radius-20" src="assets/imgs/team/3/5.png" alt="thumb"></a> |
|
</div> |
|
<ul class="team__social-2"> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-facebook-f"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-twitter"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-instagram"></i></a></li> |
|
</ul> |
|
</div> |
|
<div class="team__content-2"> |
|
<a href="about.html"> |
|
<h3 class="team__name">Annette Black</h3> |
|
</a> |
|
<p class="team__post">Development Department</p> |
|
</div> |
|
</div> |
|
<div class="team__item-2" data-aos="fade-up" data-aos-delay="900"> |
|
<div class="team__thumb-2 border-radius-20"> |
|
<div class="shine"> |
|
<a href="about.html"><img class="w-100 border-radius-20" src="assets/imgs/team/3/1.png" alt="thumb"></a> |
|
</div> |
|
<ul class="team__social-2"> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-facebook-f"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-twitter"></i></a></li> |
|
<li><a class="color-base" href="#"><i class="fa-brands fa-instagram"></i></a></li> |
|
</ul> |
|
</div> |
|
<div class="team__content-2"> |
|
<a href="about.html"> |
|
<h3 class="team__name">Savannah Nguyen</h3> |
|
</a> |
|
<p class="team__post">Design Department</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- team area end --> |
|
|
|
|
|
</main> |
|
|
|
|
|
<!-- Footer area start --> |
|
<footer class="footer__area-4"> |
|
<div class="footer__top-4-wrap"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-xxl-12"> |
|
<div class="footer__top-4"> |
|
<h2 class="title">Meet The Main Pioneers <br> of Education</h2> |
|
<a href="" class="db-btn-main-color-one">Read More About</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="footer__widgets db-bg-secondary"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6"> |
|
<div class="footer__logo"> |
|
<a href="index.html"><img src="assets/imgs/logo/logo2.png" alt="Footer Logo"></a> |
|
<p>Conditions Terms of Use Ours feturesin Services ew Guests LisitThe Team List |
|
Guests LisitThe Team List</p> |
|
<div class="footer__social-4"> |
|
<ul> |
|
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li> |
|
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li> |
|
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6"> |
|
<div class="footer__address"> |
|
<h2 class="footer__title">Address</h2> |
|
<ul> |
|
<li> |
|
<span><i class="fa-solid fa-paper-plane"></i></span> |
|
<p>Old city Street,Usa <br>1212 New york-3500</p> |
|
</li> |
|
<li> |
|
<span><i class="fa-solid fa-phone"></i></span> |
|
<a href="tel:+88014420420">+88 014 420420</a> |
|
</li> |
|
<li> |
|
<span><i class="fa-solid fa-envelope"></i></span> |
|
<a href="mailto:urcompany@mail.com">urcompany@mail.com</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6"> |
|
<div class="footer__service"> |
|
<h2 class="footer__title">More Servicve</h2> |
|
<ul> |
|
<li><a href="about.html">Ui Design</a></li> |
|
<li><a href="about.html">Ux Design</a></li> |
|
<li><a href="about.html">Digital Marketing</a></li> |
|
<li><a href="about.html">Video Editing</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6"> |
|
<div class="footer__newsletter"> |
|
<div class="footer__title">Newsletter</div> |
|
<p>It is a long established fact that a reader will be distracted</p> |
|
<div class="footer__rblog border-0 pb-0"> |
|
<a href="blog-details.html"><img src="assets/imgs/home-2/recent-2.jpg" alt="rtitle"></a> |
|
<div class="footer__rcontent"> |
|
<span><i class="fa-solid fa-calendar-days"></i> October 19, 2022</span> |
|
<a href="blog-details.html"> |
|
<p>The standard chunk of Lorem Ipsum</p> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-xxl-12"> |
|
<div class="footer__btm"> |
|
<div class="footer__copyright"> |
|
<p>© wowtheme7 2024 | All Rights Reserved</p> |
|
</div> |
|
<div class="footer__menu-4"> |
|
<ul> |
|
<li><a href="about.html">Privacy Policy.</a></li> |
|
<li><a href="about.html">Terms Of Condition</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</footer> |
|
<!-- Footer area end --> |
|
|
|
|
|
</div> |
|
</div> |
|
|
|
|
|
<!-- All JS Files --> |
|
<script src="assets/js/jquery-3.6.1.min.js"></script> |
|
<script src="assets/js/bootstrap.bundle.min.js"></script> |
|
<script src="assets/js/jquery.meanmenu.min.js"></script> |
|
<script src="assets/js/swiper-bundle.min.js"></script> |
|
<script src="assets/js/jquery.magnific-popup.min.js"></script> |
|
<script src="assets/js/counter.js"></script> |
|
<script src="assets/js/progressbar.js"></script> |
|
<script src="assets/js/aos.js"></script> |
|
<script src="assets/js/gsap.min.js"></script> |
|
<script src="assets/js/SplitText.min.js"></script> |
|
<script src="assets/js/ScrollSmoother.min.js"></script> |
|
<script src="assets/js/ScrollTrigger.min.js"></script> |
|
<script src="assets/js/vanilla-tilt.min.js"></script> |
|
<script src="assets/js/main.js"></script> |
|
|
|
|
|
</body> |
|
|
|
</html> |