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.
487 lines
21 KiB
487 lines
21 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>Project Details</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">Project Details</h1> |
|
</div> |
|
<div class="breadcrumb__right"> |
|
<ul> |
|
<li> <a href="index.html">home</a> </li> |
|
<li> <a href="#">Project Details</a> </li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
<!-- Breadcrumb area end --> |
|
|
|
|
|
<!-- project detail start --> |
|
<section class="projectd__details-inner pt-150 pb-130"> |
|
<div class="container"> |
|
<div class="projectd__wrapper-inner"> |
|
<div class="projectd__thumb"> |
|
<img src="assets/imgs/inner/project-lg-1.jpg" alt="img"> |
|
</div> |
|
<div class="projectd__meta-inner"> |
|
<div class="projectd__item-inner"> |
|
<img src="assets/imgs/inner/project-d-1.png" alt="icon-1"> |
|
<div class="projectd__mcontent-inner"> |
|
<h4 class="title">Jermain Weeks</h4> |
|
<span>CEO of Themum</span> |
|
</div> |
|
</div> |
|
<div class="projectd__item-inner"> |
|
<img src="assets/imgs/inner/project-d-2.png" alt="icon-1"> |
|
<div class="projectd__mcontent-inner"> |
|
<h4 class="title">Jermain Weeks</h4> |
|
<span>CEO of Themum</span> |
|
</div> |
|
</div> |
|
<div class="projectd__item-inner"> |
|
<img src="assets/imgs/inner/project-d-3.png" alt="icon-1"> |
|
<div class="projectd__mcontent-inner"> |
|
<h4 class="title">Jermain Weeks</h4> |
|
<span>CEO of Themum</span> |
|
</div> |
|
</div> |
|
<div class="projectd__item-inner"> |
|
<img src="assets/imgs/inner/project-d-4.png" alt="icon-1"> |
|
<div class="projectd__mcontent-inner"> |
|
<h4 class="title">Jermain Weeks</h4> |
|
<span>CEO of Themum</span> |
|
</div> |
|
</div> |
|
</div> |
|
<h2 class="projectd__details-title">Project Outline</h2> |
|
<p>We manage web development are many variations of passages of Lorem Ipsum available, but the majority have |
|
suffered alteration in some form, by injected humour, or randomised words which don't look even slightly |
|
believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything |
|
embarrassing hidden in the middle of text. All the Lorem Ipsum generators Established fact that a reader |
|
will be distracted b</p> |
|
<p>Established fact that a reader will be distracted by the readable content of a page when looking at its |
|
layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as |
|
opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing |
|
packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem |
|
ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the year |
|
“Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the |
|
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and |
|
scrambled”</p> |
|
<div class="projectd__checkboxwrapper"> |
|
<div class="projectd__checkbox"> |
|
<input type="checkbox" checked name="checkbox" id="checkbox"> |
|
<label for="checkbox">Ready for project overview</label> |
|
</div> |
|
<div class="projectd__checkbox"> |
|
<input type="checkbox" checked name="Creating" id="Creating"> |
|
<label for="Creating">Creating Wireframe</label> |
|
</div> |
|
<div class="projectd__checkbox"> |
|
<input type="checkbox" checked name="Delivery" id="Delivery"> |
|
<label for="Delivery">Delivery your projct</label> |
|
</div> |
|
<div class="projectd__checkbox"> |
|
<input type="checkbox" checked name="Research" id="Research"> |
|
<label for="Research">Research your Brand Source</label> |
|
</div> |
|
<div class="projectd__checkbox"> |
|
<input type="checkbox" checked name="Finalize" id="Finalize"> |
|
<label for="Finalize">Finalize Check your Projcet</label> |
|
</div> |
|
<div class="projectd__checkbox"> |
|
<input type="checkbox" checked name="Ready" id="Ready"> |
|
<label for="Ready">Ready for project overview</label> |
|
</div> |
|
</div> |
|
<p>Web Development reader will be distracted by the readable content of a page when looking at its layout. The |
|
point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using |
|
'Content here, content here', making it look like readable English. Many desktop publishing packages and web |
|
page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover |
|
many web sites still in their infancy. Various versions have evolved over the year “Lorem Ipsum is simply |
|
dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text |
|
ever since the 1500s, when an unknown printer took a galley of type and scrambled”</p> |
|
<h3>Creating Wireframe</h3> |
|
<p>We manage web development are many variations of passages of Lorem Ipsum available, but the majority have |
|
suffered alteration in some form, by injected humour, or randomised words which don't look even slightly |
|
believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything |
|
embarrassing hidden in the middle of text. All the Lorem Ipsum generators Established fact that a reader |
|
will be distracted b</p> |
|
<p>Established fact that a reader will be distracted by the readable content of a page when looking at its |
|
layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as |
|
opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing |
|
packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem |
|
ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the year |
|
“Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the |
|
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and |
|
scrambled”</p> |
|
<div class="projectd__detailsthumb"> |
|
<img class="border-radius-20" src="assets/imgs/inner/blog-details-01.jpg" alt="thumb1"> |
|
<img class="border-radius-20" src="assets/imgs/inner/blog-details-02.jpg" alt="thumb1"> |
|
</div> |
|
<h3>Delivery Your Project</h3> |
|
<p>We manage web development are many variations of passages of Lorem Ipsum available, but the majority have |
|
suffered alteration in some form, by injected humour, or randomised words which don't look even slightly |
|
believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything |
|
embarrassing hidden in the middle of text. All the Lorem Ipsum generators Established fact that a reader |
|
will be distracted b</p> |
|
<p>Established fact that a reader will be distracted by the readable content of a page when looking at its |
|
layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as |
|
opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing |
|
packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem |
|
ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the year |
|
“Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the |
|
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and |
|
scrambled”</p> |
|
</div> |
|
</div> |
|
</section> |
|
<!-- /project detail start --> |
|
|
|
|
|
</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> |