29 nov 2023, 10:37pm

Cette révision appartient à :
Ibrahim Khalil Shakil 2023-11-29 22:38:16 +06:00
Parent 8a10a1115c
révision 922497df19
486 fichiers modifiés avec 116011 ajouts et 0 suppressions

Voir le fichier

@ -0,0 +1,712 @@
<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Edubin - LMS Education HTML Template</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<!--====== Slick css ======-->
<link rel="stylesheet" href="css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<header id="header-part">
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul>
<li><img src="images/all-icon/map.png" alt="icon"><span>127/5 Mark street, New york</span></li>
<li><img src="images/all-icon/email.png" alt="icon"><span>info@yourmail.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p>Opening Hours : Monday to Saturay - 8 Am to 5 Pm</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="logo">
<a href="index-2.html">
<img src="images/logo.png" alt="Logo">
</a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p>Need Help? call us free</p>
<span>321 325 5678</span>
</div>
</div>
<div class="button float-left">
<a href="#" class="main-btn">Apply Now</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="active" href="index-2.html">Home</a>
<ul class="sub-menu">
<li><a class="active" href="index-2.html">Home 01</a></li>
<li><a href="index-3.html">Home 02</a></li>
<li><a href="index-4.html">Home 03</a></li>
</ul>
</li>
<li class="nav-item">
<a href="about.html">About us</a>
</li>
<li class="nav-item">
<a href="courses.html">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-singel.html">Course Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="events.html">Events</a>
<ul class="sub-menu">
<li><a href="events.html">Events</a></li>
<li><a href="events-singel.html">Event Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="teachers.html">Our teachers</a>
<ul class="sub-menu">
<li><a href="teachers.html">teachers</a></li>
<li><a href="teachers-singel.html">teacher Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-singel.html">Blog Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-singel.html">Shop Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-4">
<div class="right-icon text-right">
<ul>
<li><a href="#" id="search"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li>
</ul>
</div> <!-- right icon -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== PAGE BANNER PART START ======-->
<section id="page-banner" class="pt-105 pb-110 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-1.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-banner-cont">
<h2>About Us</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">About Us</li>
</ol>
</nav>
</div> <!-- page banner cont -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== PAGE BANNER PART ENDS ======-->
<!--====== ABOUT PART START ======-->
<section id="about-page" class="pt-70 pb-110">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="section-title mt-50">
<h5>About us</h5>
<h2>Welcome to Edubin </h2>
</div> <!-- section title -->
<div class="about-cont">
<p>Lorem ipsum gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet . Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt mauris. <br> <br> auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet . Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt mauris</p>
</div>
</div> <!-- about cont -->
<div class="col-lg-7">
<div class="about-image mt-50">
<img src="images/about/about-2.jpg" alt="About">
</div> <!-- about imag -->
</div>
</div> <!-- row -->
<div class="about-items pt-60">
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="about-singel-items mt-30">
<span>01</span>
<h4>Why Choose us</h4>
<p>Lorem ipsum gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit sollicitudirem quibibendum auci</p>
</div> <!-- about singel -->
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="about-singel-items mt-30">
<span>02</span>
<h4>Our Mission</h4>
<p>Lorem ipsum gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit sollicitudirem quibibendum auci</p>
</div> <!-- about singel -->
</div>
<div class="col-lg-4 col-md-6 col-sm-10">
<div class="about-singel-items mt-30">
<span>03</span>
<h4>Our vission</h4>
<p>Lorem ipsum gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit sollicitudirem quibibendum auci</p>
</div> <!-- about singel -->
</div>
</div> <!-- row -->
</div> <!-- about items -->
</div> <!-- container -->
</section>
<!--====== ABOUT PART ENDS ======-->
<!--====== COUNTER PART START ======-->
<div id="counter-part" class="bg_cover pt-65 pb-110" data-overlay="8" style="background-image: url(images/bg-2.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="singel-counter text-center mt-40">
<span><span class="counter">30,000</span>+</span>
<p>Students enrolled</p>
</div> <!-- singel counter -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-counter text-center mt-40">
<span><span class="counter">41,000</span>+</span>
<p>Courses Uploaded</p>
</div> <!-- singel counter -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-counter text-center mt-40">
<span><span class="counter">11,000</span>+</span>
<p>People certifie</p>
</div> <!-- singel counter -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-counter text-center mt-40">
<span><span class="counter">39,000</span>+</span>
<p>Global Teachers</p>
</div> <!-- singel counter -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
<!--====== COUNTER PART ENDS ======-->
<!--====== TEACHERS PART START ======-->
<section id="teachers-part" class="pt-65 pb-120">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="section-title mt-50 pb-35">
<h5>Featured Teachers</h5>
<h2>Meet Our teachers</h2>
</div> <!-- section title -->
</div>
</div> <!-- row -->
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="singel-teachers mt-30 text-center">
<div class="image">
<img src="images/teachers/t-1.jpg" alt="Teachers">
</div>
<div class="cont">
<a href="teachers-singel.html"><h6>Mark alen</h6></a>
<span>Vice chencelor</span>
</div>
</div> <!-- singel teachers -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-teachers mt-30 text-center">
<div class="image">
<img src="images/teachers/t-2.jpg" alt="Teachers">
</div>
<div class="cont">
<a href="teachers-singel.html"><h6>Mark alen</h6></a>
<span>Vice chencelor</span>
</div>
</div> <!-- singel teachers -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-teachers mt-30 text-center">
<div class="image">
<img src="images/teachers/t-3.jpg" alt="Teachers">
</div>
<div class="cont">
<a href="teachers-singel.html"><h6>Mark alen</h6></a>
<span>Vice chencelor</span>
</div>
</div> <!-- singel teachers -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-teachers mt-30 text-center">
<div class="image">
<img src="images/teachers/t-4.jpg" alt="Teachers">
</div>
<div class="cont">
<a href="teachers-singel.html"><h6>Mark alen</h6></a>
<span>Vice chencelor</span>
</div>
</div> <!-- singel teachers -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-teachers mt-30 text-center">
<div class="image">
<img src="images/teachers/t-5.jpg" alt="Teachers">
</div>
<div class="cont">
<a href="teachers-singel.html"><h6>Mark alen</h6></a>
<span>Vice chencelor</span>
</div>
</div> <!-- singel teachers -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-teachers mt-30 text-center">
<div class="image">
<img src="images/teachers/t-6.jpg" alt="Teachers">
</div>
<div class="cont">
<a href="teachers-singel.html"><h6>Mark alen</h6></a>
<span>Vice chencelor</span>
</div>
</div> <!-- singel teachers -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-teachers mt-30 text-center">
<div class="image">
<img src="images/teachers/t-7.jpg" alt="Teachers">
</div>
<div class="cont">
<a href="teachers-singel.html"><h6>Mark alen</h6></a>
<span>Vice chencelor</span>
</div>
</div> <!-- singel teachers -->
</div>
<div class="col-lg-3 col-sm-6">
<div class="singel-teachers mt-30 text-center">
<div class="image">
<img src="images/teachers/t-8.jpg" alt="Teachers">
</div>
<div class="cont">
<a href="teachers-singel.html"><h6>Mark alen</h6></a>
<span>Vice chencelor</span>
</div>
</div> <!-- singel teachers -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== TEACHERS PART ENDS ======-->
<!--====== TEASTIMONIAL PART START ======-->
<section id="testimonial" class="bg_cover pt-115 pb-120" data-overlay="8" style="background-image: url(images/bg-2.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="section-title pb-40">
<h5>Testimonial</h5>
<h2>What they say</h2>
</div> <!-- section title -->
</div>
</div> <!-- row -->
<div class="row testimonial-slied mt-40">
<div class="col-lg-6">
<div class="singel-testimonial">
<div class="testimonial-thum">
<img src="images/testimonial/t-1.jpg" alt="Testimonial">
<div class="quote">
<i class="fa fa-quote-right"></i>
</div>
</div>
<div class="testimonial-cont">
<p>Aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet sem nibh id elit sollicitudirem </p>
<h6>Rubina Helen</h6>
<span>Bsc, Engineering</span>
</div>
</div> <!-- singel testimonial -->
</div>
<div class="col-lg-6">
<div class="singel-testimonial">
<div class="testimonial-thum">
<img src="images/testimonial/t-2.jpg" alt="Testimonial">
<div class="quote">
<i class="fa fa-quote-right"></i>
</div>
</div>
<div class="testimonial-cont">
<p>Aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet sem nibh id elit sollicitudirem </p>
<h6>Rubina Helen</h6>
<span>Bsc, Engineering</span>
</div>
</div> <!-- singel testimonial -->
</div>
<div class="col-lg-6">
<div class="singel-testimonial">
<div class="testimonial-thum">
<img src="images/testimonial/t-3.jpg" alt="Testimonial">
<div class="quote">
<i class="fa fa-quote-right"></i>
</div>
</div>
<div class="testimonial-cont">
<p>Aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet sem nibh id elit sollicitudirem </p>
<h6>Rubina Helen</h6>
<span>Bsc, Engineering</span>
</div>
</div> <!-- singel testimonial -->
</div>
</div> <!-- testimonial slied -->
</div> <!-- container -->
</section>
<!--====== TEASTIMONIAL PART ENDS ======-->
<!--====== PATNAR LOGO PART START ======-->
<div id="patnar-logo" class="pt-40 pb-80 gray-bg">
<div class="container">
<div class="row patnar-slied">
<div class="col-lg-12">
<div class="singel-patnar text-center mt-40">
<img src="images/patnar-logo/p-1.png" alt="Logo">
</div>
</div>
<div class="col-lg-12">
<div class="singel-patnar text-center mt-40">
<img src="images/patnar-logo/p-2.png" alt="Logo">
</div>
</div>
<div class="col-lg-12">
<div class="singel-patnar text-center mt-40">
<img src="images/patnar-logo/p-3.png" alt="Logo">
</div>
</div>
<div class="col-lg-12">
<div class="singel-patnar text-center mt-40">
<img src="images/patnar-logo/p-4.png" alt="Logo">
</div>
</div>
<div class="col-lg-12">
<div class="singel-patnar text-center mt-40">
<img src="images/patnar-logo/p-2.png" alt="Logo">
</div>
</div>
<div class="col-lg-12">
<div class="singel-patnar text-center mt-40">
<img src="images/patnar-logo/p-3.png" alt="Logo">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
<!--====== PATNAR LOGO PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-about mt-40">
<div class="logo">
<a href="#"><img src="images/logo-2.png" alt="Logo"></a>
</div>
<p>Gravida nibh vel velit auctor aliquetn quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</p>
<ul class="mt-20">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer-link mt-40">
<div class="footer-title pb-25">
<h6>Sitemap</h6>
</div>
<ul>
<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="footer-link support mt-40">
<div class="footer-title pb-25">
<h6>Support</h6>
</div>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Privacy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Policy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-address mt-40">
<div class="footer-title pb-25">
<h6>Contact Us</h6>
</div>
<ul>
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TO TOP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!--====== BACK TO TOP PART ENDS ======-->
<!--====== jquery js ======-->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="js/main.js"></script>
<!--====== Map js ======-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
<script src="js/map-script.js"></script>
</body>
</html>

Voir le fichier

@ -0,0 +1,624 @@
<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Edubin - LMS Education HTML Template</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<!--====== Slick css ======-->
<link rel="stylesheet" href="css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<header id="header-part">
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul>
<li><img src="images/all-icon/map.png" alt="icon"><span>127/5 Mark street, New york</span></li>
<li><img src="images/all-icon/email.png" alt="icon"><span>info@yourmail.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p>Opening Hours : Monday to Saturay - 8 Am to 5 Pm</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="logo">
<a href="index-2.html">
<img src="images/logo.png" alt="Logo">
</a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p>Need Help? call us free</p>
<span>321 325 5678</span>
</div>
</div>
<div class="button float-left">
<a href="#" class="main-btn">Apply Now</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="active" href="index-2.html">Home</a>
<ul class="sub-menu">
<li><a class="active" href="index-2.html">Home 01</a></li>
<li><a href="index-3.html">Home 02</a></li>
<li><a href="index-4.html">Home 03</a></li>
</ul>
</li>
<li class="nav-item">
<a href="about.html">About us</a>
</li>
<li class="nav-item">
<a href="courses.html">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-singel.html">Course Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="events.html">Events</a>
<ul class="sub-menu">
<li><a href="events.html">Events</a></li>
<li><a href="events-singel.html">Event Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="teachers.html">Our teachers</a>
<ul class="sub-menu">
<li><a href="teachers.html">teachers</a></li>
<li><a href="teachers-singel.html">teacher Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-singel.html">Blog Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-singel.html">Shop Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-4">
<div class="right-icon text-right">
<ul>
<li><a href="#" id="search"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li>
</ul>
</div> <!-- right icon -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== PAGE BANNER PART START ======-->
<section id="page-banner" class="pt-105 pb-130 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-4.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-banner-cont">
<h2>Few tips for get better</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Blog</a></li>
<li class="breadcrumb-item active" aria-current="page">Few tips for get better</li>
</ol>
</nav>
</div> <!-- page banner cont -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== PAGE BANNER PART ENDS ======-->
<!--====== BLOG PART START ======-->
<section id="blog-singel" class="pt-90 pb-120 gray-bg">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="blog-details mt-30">
<div class="thum">
<img src="images/blog/b-1.jpg" alt="Blog Details">
</div>
<div class="cont">
<h3>Few tips for get better results in examination</h3>
<ul>
<li><a href="#"><i class="fa fa-calendar"></i>25 Dec 2018</a></li>
<li><a href="#"><i class="fa fa-user"></i>Mark anthem</a></li>
<li><a href="#"><i class="fa fa-tags"></i>Education</a></li>
</ul>
<p>Lorem ipsum gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus .
<br>
<br>
gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus .
<br>
<br>
gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus .
</p>
<ul class="share">
<li class="title">Share :</li>
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
<div class="blog-comment pt-45">
<div class="title pb-15">
<h3>Comment (3)</h3>
</div> <!-- title -->
<ul>
<li>
<div class="comment">
<div class="comment-author">
<div class="author-thum">
<img src="images/review/r-1.jpg" alt="Reviews">
</div>
<div class="comment-name">
<h6>Bobby Aktar</h6>
<span>April 03, 2019</span>
</div>
</div>
<div class="comment-description pt-20">
<p>There 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.</p>
</div>
<div class="comment-replay">
<a href="#">Reply</a>
</div>
</div> <!-- comment -->
<ul class="replay">
<li>
<div class="comment">
<div class="comment-author">
<div class="author-thum">
<img src="images/review/r-2.jpg" alt="Reviews">
</div>
<div class="comment-name">
<h6>Humayun Ahmed</h6>
<span>April 03, 2019</span>
</div>
</div>
<div class="comment-description pt-20">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
</div>
<div class="comment-replay">
<a href="#">Reply</a>
</div>
</div> <!-- comment -->
</li>
</ul>
</li>
<li>
<div class="comment">
<div class="comment-author">
<div class="author-thum">
<img src="images/review/r-3.jpg" alt="Reviews">
</div>
<div class="comment-name">
<h6>Bobby Aktar</h6>
<span>April 03, 2019</span>
</div>
</div>
<div class="comment-description pt-20">
<p>There 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.</p>
</div>
<div class="comment-replay">
<a href="#">Reply</a>
</div>
</div> <!-- comment -->
</li>
</ul>
<div class="title pt-45 pb-25">
<h3>Leave a comment</h3>
</div> <!-- title -->
<div class="comment-form">
<form action="#">
<div class="row">
<div class="col-md-6">
<div class="form-singel">
<input type="text" placeholder="Name">
</div> <!-- form singel -->
</div>
<div class="col-md-6">
<div class="form-singel">
<input type="email" placeholder="email">
</div> <!-- form singel -->
</div>
<div class="col-md-12">
<div class="form-singel">
<textarea placeholder="Comment"></textarea>
</div> <!-- form singel -->
</div>
<div class="col-md-12">
<div class="form-singel">
<button class="main-btn">Submit</button>
</div> <!-- form singel -->
</div>
</div> <!-- row -->
</form>
</div> <!-- comment-form -->
</div> <!-- blog comment -->
</div> <!-- cont -->
</div> <!-- blog details -->
</div>
<div class="col-lg-4">
<div class="saidbar">
<div class="row">
<div class="col-lg-12 col-md-6">
<div class="saidbar-search mt-30">
<form action="#">
<input type="text" placeholder="Search">
<button type="button"><i class="fa fa-search"></i></button>
</form>
</div> <!-- saidbar search -->
<div class="categories mt-30">
<h4>Categories</h4>
<ul>
<li><a href="#">Fronted</a></li>
<li><a href="#">Backend</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Teachnology</a></li>
<li><a href="#">GMET</a></li>
<li><a href="#">Language</a></li>
<li><a href="#">Science</a></li>
<li><a href="#">Accounting</a></li>
</ul>
</div>
</div> <!-- categories -->
<div class="col-lg-12 col-md-6">
<div class="saidbar-post mt-30">
<h4>Popular Posts</h4>
<ul>
<li>
<a href="#">
<div class="singel-post">
<div class="thum">
<img src="images/blog/blog-post/bp-1.jpg" alt="Blog">
</div>
<div class="cont">
<h6>Introduction to languages</h6>
<span>20 Dec 2018</span>
</div>
</div> <!-- singel post -->
</a>
</li>
<li>
<a href="#">
<div class="singel-post">
<div class="thum">
<img src="images/blog/blog-post/bp-2.jpg" alt="Blog">
</div>
<div class="cont">
<h6>How to build a game with java</h6>
<span>10 Dec 2018</span>
</div>
</div> <!-- singel post -->
</a>
</li>
<li>
<a href="#">
<div class="singel-post">
<div class="thum">
<img src="images/blog/blog-post/bp-1.jpg" alt="Blog">
</div>
<div class="cont">
<h6>Basic accounting from primary</h6>
<span>07 Dec 2018</span>
</div>
</div> <!-- singel post -->
</a>
</li>
</ul>
</div> <!-- saidbar post -->
</div>
</div> <!-- row -->
</div> <!-- saidbar -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== BLOG PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-about mt-40">
<div class="logo">
<a href="#"><img src="images/logo-2.png" alt="Logo"></a>
</div>
<p>Gravida nibh vel velit auctor aliquetn quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</p>
<ul class="mt-20">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer-link mt-40">
<div class="footer-title pb-25">
<h6>Sitemap</h6>
</div>
<ul>
<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="footer-link support mt-40">
<div class="footer-title pb-25">
<h6>Support</h6>
</div>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Privacy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Policy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-address mt-40">
<div class="footer-title pb-25">
<h6>Contact Us</h6>
</div>
<ul>
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TO TP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!--====== BACK TO TP PART ENDS ======-->
<!--====== jquery js ======-->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="js/main.js"></script>
<!--====== Map js ======-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
<script src="js/map-script.js"></script>
</body>
</html>

Voir le fichier

@ -0,0 +1,543 @@
<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Edubin - LMS Education HTML Template</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<!--====== Slick css ======-->
<link rel="stylesheet" href="css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<header id="header-part">
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul>
<li><img src="images/all-icon/map.png" alt="icon"><span>127/5 Mark street, New york</span></li>
<li><img src="images/all-icon/email.png" alt="icon"><span>info@yourmail.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p>Opening Hours : Monday to Saturay - 8 Am to 5 Pm</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="logo">
<a href="index-2.html">
<img src="images/logo.png" alt="Logo">
</a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p>Need Help? call us free</p>
<span>321 325 5678</span>
</div>
</div>
<div class="button float-left">
<a href="#" class="main-btn">Apply Now</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="active" href="index-2.html">Home</a>
<ul class="sub-menu">
<li><a class="active" href="index-2.html">Home 01</a></li>
<li><a href="index-3.html">Home 02</a></li>
<li><a href="index-4.html">Home 03</a></li>
</ul>
</li>
<li class="nav-item">
<a href="about.html">About us</a>
</li>
<li class="nav-item">
<a href="courses.html">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-singel.html">Course Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="events.html">Events</a>
<ul class="sub-menu">
<li><a href="events.html">Events</a></li>
<li><a href="events-singel.html">Event Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="teachers.html">Our teachers</a>
<ul class="sub-menu">
<li><a href="teachers.html">teachers</a></li>
<li><a href="teachers-singel.html">teacher Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-singel.html">Blog Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-singel.html">Shop Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-4">
<div class="right-icon text-right">
<ul>
<li><a href="#" id="search"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li>
</ul>
</div> <!-- right icon -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== PAGE BANNER PART START ======-->
<section id="page-banner" class="pt-105 pb-130 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-4.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-banner-cont">
<h2>Blog</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Blog</li>
</ol>
</nav>
</div> <!-- page banner cont -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== PAGE BANNER PART ENDS ======-->
<!--====== BLOG PART START ======-->
<section id="blog-page" class="pt-90 pb-120 gray-bg">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="singel-blog mt-30">
<div class="blog-thum">
<img src="images/blog/b-1.jpg" alt="Blog">
</div>
<div class="blog-cont">
<a href="blog-singel.html"><h3>Few tips for get better results in examination</h3></a>
<ul>
<li><a href="#"><i class="fa fa-calendar"></i>25 Dec 2018</a></li>
<li><a href="#"><i class="fa fa-user"></i>Mark anthem</a></li>
<li><a href="#"><i class="fa fa-tags"></i>Education</a></li>
</ul>
<p>Lorem ipsum gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus .</p>
</div>
</div> <!-- singel blog -->
<div class="singel-blog mt-30">
<div class="blog-thum">
<img src="images/blog/b-2.jpg" alt="Blog">
</div>
<div class="blog-cont">
<a href="blog-singel.html"><h3>Few tips for get better results in examination</h3></a>
<ul>
<li><a href="#"><i class="fa fa-calendar"></i>25 Dec 2018</a></li>
<li><a href="#"><i class="fa fa-user"></i>Mark anthem</a></li>
<li><a href="#"><i class="fa fa-tags"></i>Education</a></li>
</ul>
<p>Lorem ipsum gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus .</p>
</div>
</div> <!-- singel blog -->
<nav class="courses-pagination mt-50">
<ul class="pagination justify-content-lg-end justify-content-center">
<li class="page-item">
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>
</a>
</li>
<li class="page-item"><a class="active" href="#">1</a></li>
<li class="page-item"><a href="#">2</a></li>
<li class="page-item"><a href="#">3</a></li>
<li class="page-item">
<a href="#" aria-label="Next">
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav> <!-- courses pagination -->
</div>
<div class="col-lg-4">
<div class="saidbar">
<div class="row">
<div class="col-lg-12 col-md-6">
<div class="saidbar-search mt-30">
<form action="#">
<input type="text" placeholder="Search">
<button type="button"><i class="fa fa-search"></i></button>
</form>
</div> <!-- saidbar search -->
<div class="categories mt-30">
<h4>Categories</h4>
<ul>
<li><a href="#">Fronted</a></li>
<li><a href="#">Backend</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Teachnology</a></li>
<li><a href="#">GMET</a></li>
<li><a href="#">Language</a></li>
<li><a href="#">Science</a></li>
<li><a href="#">Accounting</a></li>
</ul>
</div>
</div> <!-- categories -->
<div class="col-lg-12 col-md-6">
<div class="saidbar-post mt-30">
<h4>Popular Posts</h4>
<ul>
<li>
<a href="#">
<div class="singel-post">
<div class="thum">
<img src="images/blog/blog-post/bp-1.jpg" alt="Blog">
</div>
<div class="cont">
<h6>Introduction to languages</h6>
<span>20 Dec 2018</span>
</div>
</div> <!-- singel post -->
</a>
</li>
<li>
<a href="#">
<div class="singel-post">
<div class="thum">
<img src="images/blog/blog-post/bp-2.jpg" alt="Blog">
</div>
<div class="cont">
<h6>How to build a game with java</h6>
<span>10 Dec 2018</span>
</div>
</div> <!-- singel post -->
</a>
</li>
<li>
<a href="#">
<div class="singel-post">
<div class="thum">
<img src="images/blog/blog-post/bp-1.jpg" alt="Blog">
</div>
<div class="cont">
<h6>Basic accounting from primary</h6>
<span>07 Dec 2018</span>
</div>
</div> <!-- singel post -->
</a>
</li>
</ul>
</div> <!-- saidbar post -->
</div>
</div> <!-- row -->
</div> <!-- saidbar -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== BLOG PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-about mt-40">
<div class="logo">
<a href="#"><img src="images/logo-2.png" alt="Logo"></a>
</div>
<p>Gravida nibh vel velit auctor aliquetn quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</p>
<ul class="mt-20">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer-link mt-40">
<div class="footer-title pb-25">
<h6>Sitemap</h6>
</div>
<ul>
<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="footer-link support mt-40">
<div class="footer-title pb-25">
<h6>Support</h6>
</div>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Privacy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Policy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-address mt-40">
<div class="footer-title pb-25">
<h6>Contact Us</h6>
</div>
<ul>
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TO TOP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!--====== BACK TO TOP PART ENDS ======-->
<!--====== jquery js ======-->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="js/main.js"></script>
<!--====== Map js ======-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
<script src="js/map-script.js"></script>
</body>
</html>

Voir le fichier

@ -0,0 +1,531 @@
<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Edubin - LMS Education HTML Template</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<!--====== Slick css ======-->
<link rel="stylesheet" href="css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<header id="header-part">
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul>
<li><img src="images/all-icon/map.png" alt="icon"><span>127/5 Mark street, New york</span></li>
<li><img src="images/all-icon/email.png" alt="icon"><span>info@yourmail.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p>Opening Hours : Monday to Saturay - 8 Am to 5 Pm</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="logo">
<a href="index-2.html">
<img src="images/logo.png" alt="Logo">
</a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p>Need Help? call us free</p>
<span>321 325 5678</span>
</div>
</div>
<div class="button float-left">
<a href="#" class="main-btn">Apply Now</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="active" href="index-2.html">Home</a>
<ul class="sub-menu">
<li><a class="active" href="index-2.html">Home 01</a></li>
<li><a href="index-3.html">Home 02</a></li>
<li><a href="index-4.html">Home 03</a></li>
</ul>
</li>
<li class="nav-item">
<a href="about.html">About us</a>
</li>
<li class="nav-item">
<a href="courses.html">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-singel.html">Course Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="events.html">Events</a>
<ul class="sub-menu">
<li><a href="events.html">Events</a></li>
<li><a href="events-singel.html">Event Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="teachers.html">Our teachers</a>
<ul class="sub-menu">
<li><a href="teachers.html">teachers</a></li>
<li><a href="teachers-singel.html">teacher Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-singel.html">Blog Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-singel.html">Shop Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-4">
<div class="right-icon text-right">
<ul>
<li><a href="#" id="search"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li>
</ul>
</div> <!-- right icon -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== PAGE BANNER PART START ======-->
<section id="page-banner" class="pt-105 pb-130 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-6.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-banner-cont">
<h2>Contact</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Contact</li>
</ol>
</nav>
</div> <!-- page banner cont -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== PAGE BANNER PART ENDS ======-->
<!--====== CONTACT PART START ======-->
<section id="contact-page" class="pt-90 pb-120 gray-bg">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="contact-from">
<div class="section-title">
<h5>Contact Us</h5>
<h2>Keep in touch</h2>
</div> <!-- section title -->
<div class="main-form pt-45">
<form id="contact-form" action="#" method="post" data-toggle="validator">
<div class="row">
<div class="col-md-6">
<div class="singel-form form-group">
<input name="name" type="text" placeholder="Your name" data-error="Name is required." required="required">
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<div class="col-md-6">
<div class="singel-form form-group">
<input name="email" type="email" placeholder="Email" data-error="Valid email is required." required="required">
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<div class="col-md-6">
<div class="singel-form form-group">
<input name="subject" type="text" placeholder="Subject" data-error="Subject is required." required="required">
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<div class="col-md-6">
<div class="singel-form form-group">
<input name="phone" type="text" placeholder="Phone" data-error="Phone is required." required="required">
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<div class="col-md-12">
<div class="singel-form form-group">
<textarea name="messege" placeholder="Messege" data-error="Please,leave us a message." required="required"></textarea>
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<p class="form-message"></p>
<div class="col-md-12">
<div class="singel-form">
<button type="submit" class="main-btn">Send</button>
</div> <!-- singel form -->
</div>
</div> <!-- row -->
</form>
</div> <!-- main form -->
</div> <!-- contact from -->
</div>
<div class="col-lg-4">
<div class="contact-address">
<div class="contact-heading">
<h5>Address</h5>
<p>If you have any further questions, please don’t hesitate to contact me.</p>
</div>
<ul>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</div> <!-- singel address -->
</li>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
<p>+1 222 345 342</p>
</div>
</div> <!-- singel address -->
</li>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
<p>info@yourmail.com</p>
</div>
</div> <!-- singel address -->
</li>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-globe"></i>
</div>
<div class="cont">
<p>www.yoursite.com</p>
<p>www.example.com</p>
</div>
</div> <!-- singel address -->
</li>
</ul>
</div> <!-- contact address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<div class="map map-big">
<div id="contact-map"></div>
</div> <!-- map -->
<!--====== CONTACT PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-about mt-40">
<div class="logo">
<a href="#"><img src="images/logo-2.png" alt="Logo"></a>
</div>
<p>Gravida nibh vel velit auctor aliquetn quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</p>
<ul class="mt-20">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer-link mt-40">
<div class="footer-title pb-25">
<h6>Sitemap</h6>
</div>
<ul>
<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="footer-link support mt-40">
<div class="footer-title pb-25">
<h6>Support</h6>
</div>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Privacy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Policy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-address mt-40">
<div class="footer-title pb-25">
<h6>Contact Us</h6>
</div>
<ul>
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TO TOP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!--====== BACK TO TOP PART ENDS ======-->
<!--====== jquery js ======-->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="js/main.js"></script>
<!--====== Map js ======-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
<script src="js/map-script.js"></script>
</body>
</html>

Voir le fichier

@ -0,0 +1,514 @@
<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Edubin - LMS Education HTML Template</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<!--====== Slick css ======-->
<link rel="stylesheet" href="css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<header id="header-part">
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul>
<li><img src="images/all-icon/map.png" alt="icon"><span>127/5 Mark street, New york</span></li>
<li><img src="images/all-icon/email.png" alt="icon"><span>info@yourmail.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p>Opening Hours : Monday to Saturay - 8 Am to 5 Pm</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="logo">
<a href="index-2.html">
<img src="images/logo.png" alt="Logo">
</a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p>Need Help? call us free</p>
<span>321 325 5678</span>
</div>
</div>
<div class="button float-left">
<a href="#" class="main-btn">Apply Now</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="active" href="index-2.html">Home</a>
<ul class="sub-menu">
<li><a class="active" href="index-2.html">Home 01</a></li>
<li><a href="index-3.html">Home 02</a></li>
<li><a href="index-4.html">Home 03</a></li>
</ul>
</li>
<li class="nav-item">
<a href="about.html">About us</a>
</li>
<li class="nav-item">
<a href="courses.html">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-singel.html">Course Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="events.html">Events</a>
<ul class="sub-menu">
<li><a href="events.html">Events</a></li>
<li><a href="events-singel.html">Event Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="teachers.html">Our teachers</a>
<ul class="sub-menu">
<li><a href="teachers.html">teachers</a></li>
<li><a href="teachers-singel.html">teacher Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-singel.html">Blog Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-singel.html">Shop Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-4">
<div class="right-icon text-right">
<ul>
<li><a href="#" id="search"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li>
</ul>
</div> <!-- right icon -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== PAGE BANNER PART START ======-->
<section id="page-banner" class="pt-105 pb-130 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-6.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-banner-cont">
<h2>Contact</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Contact</li>
</ol>
</nav>
</div> <!-- page banner cont -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== PAGE BANNER PART ENDS ======-->
<!--====== CONTACT PART START ======-->
<section id="contact-page" class="pt-90 pb-120 gray-bg">
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="contact-from mt-30">
<div class="section-title">
<h5>Contact Us</h5>
<h2>Keep in touch</h2>
</div> <!-- section title -->
<div class="main-form pt-45">
<form id="contact-form" action="#" method="post" data-toggle="validator">
<div class="row">
<div class="col-md-6">
<div class="singel-form form-group">
<input name="name" type="text" placeholder="Your name" data-error="Name is required." required="required">
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<div class="col-md-6">
<div class="singel-form form-group">
<input name="email" type="email" placeholder="Email" data-error="Valid email is required." required="required">
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<div class="col-md-6">
<div class="singel-form form-group">
<input name="subject" type="text" placeholder="Subject" data-error="Subject is required." required="required">
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<div class="col-md-6">
<div class="singel-form form-group">
<input name="phone" type="text" placeholder="Phone" data-error="Phone is required." required="required">
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<div class="col-md-12">
<div class="singel-form form-group">
<textarea name="messege" placeholder="Messege" data-error="Please,leave us a message." required="required"></textarea>
<div class="help-block with-errors"></div>
</div> <!-- singel form -->
</div>
<p class="form-message"></p>
<div class="col-md-12">
<div class="singel-form">
<button type="submit" class="main-btn">Send</button>
</div> <!-- singel form -->
</div>
</div> <!-- row -->
</form>
</div> <!-- main form -->
</div> <!-- contact from -->
</div>
<div class="col-lg-5">
<div class="contact-address mt-30">
<ul>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</div> <!-- singel address -->
</li>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
<p>+1 222 345 342</p>
</div>
</div> <!-- singel address -->
</li>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
<p>info@yourmail.com</p>
</div>
</div> <!-- singel address -->
</li>
</ul>
</div> <!-- contact address -->
<div class="map mt-30">
<div id="contact-map"></div>
</div> <!-- map -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== CONTACT PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-about mt-40">
<div class="logo">
<a href="#"><img src="images/logo-2.png" alt="Logo"></a>
</div>
<p>Gravida nibh vel velit auctor aliquetn quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</p>
<ul class="mt-20">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer-link mt-40">
<div class="footer-title pb-25">
<h6>Sitemap</h6>
</div>
<ul>
<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="footer-link support mt-40">
<div class="footer-title pb-25">
<h6>Support</h6>
</div>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Privacy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Policy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-address mt-40">
<div class="footer-title pb-25">
<h6>Contact Us</h6>
</div>
<ul>
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TO TOP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!--====== BACK TO TOP PART ENDS ======-->
<!--====== jquery js ======-->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="js/main.js"></script>
<!--====== Map js ======-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
<script src="js/map-script.js"></script>
</body>
</html>

Voir le fichier

@ -0,0 +1,937 @@
<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Edubin - LMS Education HTML Template</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<!--====== Slick css ======-->
<link rel="stylesheet" href="css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<header id="header-part">
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul>
<li><img src="images/all-icon/map.png" alt="icon"><span>127/5 Mark street, New york</span></li>
<li><img src="images/all-icon/email.png" alt="icon"><span>info@yourmail.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p>Opening Hours : Monday to Saturay - 8 Am to 5 Pm</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="logo">
<a href="index-2.html">
<img src="images/logo.png" alt="Logo">
</a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p>Need Help? call us free</p>
<span>321 325 5678</span>
</div>
</div>
<div class="button float-left">
<a href="#" class="main-btn">Apply Now</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="active" href="index-2.html">Home</a>
<ul class="sub-menu">
<li><a class="active" href="index-2.html">Home 01</a></li>
<li><a href="index-3.html">Home 02</a></li>
<li><a href="index-4.html">Home 03</a></li>
</ul>
</li>
<li class="nav-item">
<a href="about.html">About us</a>
</li>
<li class="nav-item">
<a href="courses.html">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-singel.html">Course Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="events.html">Events</a>
<ul class="sub-menu">
<li><a href="events.html">Events</a></li>
<li><a href="events-singel.html">Event Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="teachers.html">Our teachers</a>
<ul class="sub-menu">
<li><a href="teachers.html">teachers</a></li>
<li><a href="teachers-singel.html">teacher Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-singel.html">Blog Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-singel.html">Shop Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-4">
<div class="right-icon text-right">
<ul>
<li><a href="#" id="search"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li>
</ul>
</div> <!-- right icon -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== PAGE BANNER PART START ======-->
<section id="page-banner" class="pt-105 pb-110 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-2.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-banner-cont">
<h2>Learn basic javascript</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Courses</a></li>
<li class="breadcrumb-item active" aria-current="page">Learn basic javasript</li>
</ol>
</nav>
</div> <!-- page banner cont -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== PAGE BANNER PART ENDS ======-->
<!--====== COURSES SINGEl PART START ======-->
<section id="corses-singel" class="pt-90 pb-120 gray-bg">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="corses-singel-left mt-30">
<div class="title">
<h3>Learn basis javascirpt from start for beginner</h3>
</div> <!-- title -->
<div class="course-terms">
<ul>
<li>
<div class="teacher-name">
<div class="thum">
<img src="images/course/teacher/t-1.jpg" alt="Teacher">
</div>
<div class="name">
<span>Teacher</span>
<h6>Mark anthem</h6>
</div>
</div>
</li>
<li>
<div class="course-category">
<span>Category</span>
<h6>Programaming </h6>
</div>
</li>
<li>
<div class="review">
<span>Review</span>
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li class="rating">(20 Reviws)</li>
</ul>
</div>
</li>
</ul>
</div> <!-- course terms -->
<div class="corses-singel-image pt-50">
<img src="images/course/cu-1.jpg" alt="Courses">
</div> <!-- corses singel image -->
<div class="corses-tab mt-30">
<ul class="nav nav-justified" id="myTab" role="tablist">
<li class="nav-item">
<a class="active" id="overview-tab" data-toggle="tab" href="#overview" role="tab" aria-controls="overview" aria-selected="true">Overview</a>
</li>
<li class="nav-item">
<a id="curriculam-tab" data-toggle="tab" href="#curriculam" role="tab" aria-controls="curriculam" aria-selected="false">Curriculam</a>
</li>
<li class="nav-item">
<a id="instructor-tab" data-toggle="tab" href="#instructor" role="tab" aria-controls="instructor" aria-selected="false">Instructor</a>
</li>
<li class="nav-item">
<a id="reviews-tab" data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews" aria-selected="false">Reviews</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">
<div class="overview-description">
<div class="singel-description pt-40">
<h6>Course Summery</h6>
<p>Lorem ipsum gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus .</p>
</div>
<div class="singel-description pt-40">
<h6>Requrements</h6>
<p>Lorem ipsum gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus .</p>
</div>
</div> <!-- overview description -->
</div>
<div class="tab-pane fade" id="curriculam" role="tabpanel" aria-labelledby="curriculam-tab">
<div class="curriculam-cont">
<div class="title">
<h6>Learn basis javascirpt Lecture Started</h6>
</div>
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<a href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<ul>
<li><i class="fa fa-file-o"></i></li>
<li><span class="lecture">Lecture 1.1</span></li>
<li><span class="head">What is javascirpt</span></li>
<li><span class="time d-none d-md-block"><i class="fa fa-clock-o"></i> <span> 00.30.00</span></span></li>
</ul>
</a>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<p>Ut quis scelerisque risus, et viverra nisi. Phasellus ultricies luctus augue, eget maximus felis laoreet quis. Maecenasbibendum tempor eros.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTow">
<a href="#" data-toggle="collapse" class="collapsed" data-target="#collapseTow" aria-expanded="true" aria-controls="collapseTow">
<ul>
<li><i class="fa fa-file-o"></i></li>
<li><span class="lecture">Lecture 1.2</span></li>
<li><span class="head">What is javascirpt</span></li>
<li><span class="time d-none d-md-block"><i class="fa fa-clock-o"></i> <span> 00.30.00</span></span></li>
</ul>
</a>
</div>
<div id="collapseTow" class="collapse" aria-labelledby="headingTow" data-parent="#accordionExample">
<div class="card-body">
<p>Ut quis scelerisque risus, et viverra nisi. Phasellus ultricies luctus augue, eget maximus felis laoreet quis. Maecenasbibendum tempor eros.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<a href="#" data-toggle="collapse" class="collapsed" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<ul>
<li><i class="fa fa-file-o"></i></li>
<li><span class="lecture">Lecture 1.3</span></li>
<li><span class="head">What is javascirpt</span></li>
<li><span class="time d-none d-md-block"><i class="fa fa-clock-o"></i> <span> 00.30.00</span></span></li>
</ul>
</a>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
<p>Ut quis scelerisque risus, et viverra nisi. Phasellus ultricies luctus augue, eget maximus felis laoreet quis. Maecenasbibendum tempor eros.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFore">
<a href="#" data-toggle="collapse" class="collapsed" data-target="#collapseFore" aria-expanded="false" aria-controls="collapseFore">
<ul>
<li><i class="fa fa-file-o"></i></li>
<li><span class="lecture">Lecture 1.4</span></li>
<li><span class="head">What is javascirpt</span></li>
<li><span class="time d-none d-md-block"><i class="fa fa-clock-o"></i> <span> 00.30.00</span></span></li>
</ul>
</a>
</div>
<div id="collapseFore" class="collapse" aria-labelledby="headingFore" data-parent="#accordionExample">
<div class="card-body">
<p>Ut quis scelerisque risus, et viverra nisi. Phasellus ultricies luctus augue, eget maximus felis laoreet quis. Maecenasbibendum tempor eros.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFive">
<a href="#" data-toggle="collapse" class="collapsed" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
<ul>
<li><i class="fa fa-file-o"></i></li>
<li><span class="lecture">Lecture 1.5</span></li>
<li><span class="head">What is javascirpt</span></li>
<li><span class="time d-none d-md-block"><i class="fa fa-clock-o"></i> <span> 00.30.00</span></span></li>
</ul>
</a>
</div>
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
<div class="card-body">
<p>Ut quis scelerisque risus, et viverra nisi. Phasellus ultricies luctus augue, eget maximus felis laoreet quis. Maecenasbibendum tempor eros.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingSix">
<a href="#" data-toggle="collapse" class="collapsed" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
<ul>
<li><i class="fa fa-file-o"></i></li>
<li><span class="lecture">Lecture 1.6</span></li>
<li><span class="head">What is javascirpt</span></li>
<li><span class="time d-none d-md-block"><i class="fa fa-clock-o"></i> <span> 00.30.00</span></span></li>
</ul>
</a>
</div>
<div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample">
<div class="card-body">
<p>Ut quis scelerisque risus, et viverra nisi. Phasellus ultricies luctus augue, eget maximus felis laoreet quis. Maecenasbibendum tempor eros.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingSeven">
<a href="#" data-toggle="collapse" class="collapsed" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
<ul>
<li><i class="fa fa-file-o"></i></li>
<li><span class="lecture">Lecture 1.7</span></li>
<li><span class="head">What is javascirpt</span></li>
<li><span class="time d-none d-md-block"><i class="fa fa-clock-o"></i> <span> 00.30.00</span></span></li>
</ul>
</a>
</div>
<div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordionExample">
<div class="card-body">
<p>Ut quis scelerisque risus, et viverra nisi. Phasellus ultricies luctus augue, eget maximus felis laoreet quis. Maecenasbibendum tempor eros.</p>
</div>
</div>
</div>
</div>
</div> <!-- curriculam cont -->
</div>
<div class="tab-pane fade" id="instructor" role="tabpanel" aria-labelledby="instructor-tab">
<div class="instructor-cont">
<div class="instructor-author">
<div class="author-thum">
<img src="images/instructor/i-1.jpg" alt="Instructor">
</div>
<div class="author-name">
<a href="#"><h5>Sumon Hasan</h5></a>
<span>Senior WordPress Developer</span>
<ul class="social">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="instructor-description pt-25">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus fuga ratione molestiae unde provident quibusdam sunt, doloremque. Error omnis mollitia, ex dolor sequi. Et, quibusdam excepturi. Animi assumenda, consequuntur dolorum odio sit inventore aliquid, optio fugiat alias. Veritatis minima, dicta quam repudiandae repellat non sit, distinctio, impedit, expedita tempora numquam?</p>
</div>
</div> <!-- instructor cont -->
</div>
<div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
<div class="reviews-cont">
<div class="title">
<h6>Student Reviews</h6>
</div>
<ul>
<li>
<div class="singel-reviews">
<div class="reviews-author">
<div class="author-thum">
<img src="images/review/r-1.jpg" alt="Reviews">
</div>
<div class="author-name">
<h6>Bobby Aktar</h6>
<span>April 03, 2019</span>
</div>
</div>
<div class="reviews-description pt-20">
<p>There 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.</p>
<div class="rating">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>/ 5 Star</span>
</div>
</div>
</div> <!-- singel reviews -->
</li>
<li>
<div class="singel-reviews">
<div class="reviews-author">
<div class="author-thum">
<img src="images/review/r-2.jpg" alt="Reviews">
</div>
<div class="author-name">
<h6>Humayun Ahmed</h6>
<span>April 13, 2019</span>
</div>
</div>
<div class="reviews-description pt-20">
<p>There 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.</p>
<div class="rating">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>/ 5 Star</span>
</div>
</div>
</div> <!-- singel reviews -->
</li>
<li>
<div class="singel-reviews">
<div class="reviews-author">
<div class="author-thum">
<img src="images/review/r-3.jpg" alt="Reviews">
</div>
<div class="author-name">
<h6>Tania Aktar</h6>
<span>April 20, 2019</span>
</div>
</div>
<div class="reviews-description pt-20">
<p>There 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.</p>
<div class="rating">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>/ 5 Star</span>
</div>
</div>
</div> <!-- singel reviews -->
</li>
</ul>
<div class="title pt-15">
<h6>Leave A Comment</h6>
</div>
<div class="reviews-form">
<form action="#">
<div class="row">
<div class="col-md-6">
<div class="form-singel">
<input type="text" placeholder="Fast name">
</div>
</div>
<div class="col-md-6">
<div class="form-singel">
<input type="text" placeholder="Last Name">
</div>
</div>
<div class="col-lg-12">
<div class="form-singel">
<div class="rate-wrapper">
<div class="rate-label">Your Rating:</div>
<div class="rate">
<div class="rate-item"><i class="fa fa-star" aria-hidden="true"></i></div>
<div class="rate-item"><i class="fa fa-star" aria-hidden="true"></i></div>
<div class="rate-item"><i class="fa fa-star" aria-hidden="true"></i></div>
<div class="rate-item"><i class="fa fa-star" aria-hidden="true"></i></div>
<div class="rate-item"><i class="fa fa-star" aria-hidden="true"></i></div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="form-singel">
<textarea placeholder="Comment"></textarea>
</div>
</div>
<div class="col-lg-12">
<div class="form-singel">
<button type="button" class="main-btn">Post Comment</button>
</div>
</div>
</div> <!-- row -->
</form>
</div>
</div> <!-- reviews cont -->
</div>
</div> <!-- tab content -->
</div>
</div> <!-- corses singel left -->
</div>
<div class="col-lg-4">
<div class="row">
<div class="col-lg-12 col-md-6">
<div class="course-features mt-30">
<h4>Course Features </h4>
<ul>
<li><i class="fa fa-clock-o"></i>Duaration : <span>10 Hours</span></li>
<li><i class="fa fa-clone"></i>Leactures : <span>09</span></li>
<li><i class="fa fa-beer"></i>Quizzes : <span>05</span></li>
<li><i class="fa fa-user-o"></i>Students : <span>100</span></li>
</ul>
<div class="price-button pt-10">
<span>Price : <b>$25</b></span>
<a href="#" class="main-btn">Enroll Now</a>
</div>
</div> <!-- course features -->
</div>
<div class="col-lg-12 col-md-6">
<div class="You-makelike mt-30">
<h4>You make like </h4>
<div class="singel-makelike mt-20">
<div class="image">
<img src="images/your-make/y-1.jpg" alt="Image">
</div>
<div class="cont">
<a href="#"><h4>Introduction to machine languages</h4></a>
<ul>
<li><a href="#"><i class="fa fa-user"></i>31</a></li>
<li>$50</li>
</ul>
</div>
</div>
<div class="singel-makelike mt-20">
<div class="image">
<img src="images/your-make/y-1.jpg" alt="Image">
</div>
<div class="cont">
<a href="#"><h4>How to build a basis game with java </h4></a>
<ul>
<li><a href="#"><i class="fa fa-user"></i>31</a></li>
<li>$50</li>
</ul>
</div>
</div>
<div class="singel-makelike mt-20">
<div class="image">
<img src="images/your-make/y-1.jpg" alt="Image">
</div>
<div class="cont">
<a href="#"><h4>Basic accounting from primary</h4></a>
<ul>
<li><a href="#"><i class="fa fa-user"></i>31</a></li>
<li>$50</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- row -->
<div class="row">
<div class="col-lg-8">
<div class="releted-courses pt-95">
<div class="title">
<h3>Releted Courses</h3>
</div>
<div class="row">
<div class="col-md-6">
<div class="singel-course mt-30">
<div class="thum">
<div class="image">
<img src="images/course/cu-2.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="courses-singel.html"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-2.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- singel course -->
</div>
<div class="col-md-6">
<div class="singel-course mt-30">
<div class="thum">
<div class="image">
<img src="images/course/cu-1.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="courses-singel.html"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-3.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- singel course -->
</div>
</div> <!-- row -->
</div> <!-- releted courses -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== COURSES SINGEl PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-about mt-40">
<div class="logo">
<a href="#"><img src="images/logo-2.png" alt="Logo"></a>
</div>
<p>Gravida nibh vel velit auctor aliquetn quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</p>
<ul class="mt-20">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer-link mt-40">
<div class="footer-title pb-25">
<h6>Sitemap</h6>
</div>
<ul>
<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="footer-link support mt-40">
<div class="footer-title pb-25">
<h6>Support</h6>
</div>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Privacy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Policy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-address mt-40">
<div class="footer-title pb-25">
<h6>Contact Us</h6>
</div>
<ul>
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TO TP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!--====== BACK TO TP PART ENDS ======-->
<!--====== jquery js ======-->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="js/main.js"></script>
<!--====== Map js ======-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
<script src="js/map-script.js"></script>
</body>
</html>

Voir le fichier

@ -0,0 +1,871 @@
<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Edubin - LMS Education HTML Template</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<!--====== Slick css ======-->
<link rel="stylesheet" href="css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<header id="header-part">
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul>
<li><img src="images/all-icon/map.png" alt="icon"><span>127/5 Mark street, New york</span></li>
<li><img src="images/all-icon/email.png" alt="icon"><span>info@yourmail.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p>Opening Hours : Monday to Saturay - 8 Am to 5 Pm</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="logo">
<a href="index-2.html">
<img src="images/logo.png" alt="Logo">
</a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p>Need Help? call us free</p>
<span>321 325 5678</span>
</div>
</div>
<div class="button float-left">
<a href="#" class="main-btn">Apply Now</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="active" href="index-2.html">Home</a>
<ul class="sub-menu">
<li><a class="active" href="index-2.html">Home 01</a></li>
<li><a href="index-3.html">Home 02</a></li>
<li><a href="index-4.html">Home 03</a></li>
</ul>
</li>
<li class="nav-item">
<a href="about.html">About us</a>
</li>
<li class="nav-item">
<a href="courses.html">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-singel.html">Course Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="events.html">Events</a>
<ul class="sub-menu">
<li><a href="events.html">Events</a></li>
<li><a href="events-singel.html">Event Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="teachers.html">Our teachers</a>
<ul class="sub-menu">
<li><a href="teachers.html">teachers</a></li>
<li><a href="teachers-singel.html">teacher Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-singel.html">Blog Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-singel.html">Shop Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-4">
<div class="right-icon text-right">
<ul>
<li><a href="#" id="search"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li>
</ul>
</div> <!-- right icon -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== PAGE BANNER PART START ======-->
<section id="page-banner" class="pt-105 pb-110 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-2.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-banner-cont">
<h2>Our Courses</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Courses</li>
</ol>
</nav>
</div> <!-- page banner cont -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== PAGE BANNER PART ENDS ======-->
<!--====== COURSES PART START ======-->
<section id="courses-part" class="pt-120 pb-120 gray-bg">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="courses-top-search">
<ul class="nav float-left" id="myTab" role="tablist">
<li class="nav-item">
<a class="active" id="courses-grid-tab" data-toggle="tab" href="#courses-grid" role="tab" aria-controls="courses-grid" aria-selected="true"><i class="fa fa-th-large"></i></a>
</li>
<li class="nav-item">
<a id="courses-list-tab" data-toggle="tab" href="#courses-list" role="tab" aria-controls="courses-list" aria-selected="false"><i class="fa fa-th-list"></i></a>
</li>
<li class="nav-item">Showning 4 0f 24 Results</li>
</ul> <!-- nav -->
<div class="courses-search float-right">
<form action="#">
<input type="text" placeholder="Search">
<button type="button"><i class="fa fa-search"></i></button>
</form>
</div> <!-- courses search -->
</div> <!-- courses top search -->
</div>
</div> <!-- row -->
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="courses-grid" role="tabpanel" aria-labelledby="courses-grid-tab">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="singel-course mt-30">
<div class="thum">
<div class="image">
<img src="images/course/cu-1.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="courses-singel.html"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-1.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- singel course -->
</div>
<div class="col-lg-4 col-md-6">
<div class="singel-course mt-30">
<div class="thum">
<div class="image">
<img src="images/course/cu-2.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="courses-singel.html"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-2.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- singel course -->
</div>
<div class="col-lg-4 col-md-6">
<div class="singel-course mt-30">
<div class="thum">
<div class="image">
<img src="images/course/cu-3.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="courses-singel.html"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-3.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- singel course -->
</div>
<div class="col-lg-4 col-md-6">
<div class="singel-course mt-30">
<div class="thum">
<div class="image">
<img src="images/course/cu-4.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="courses-singel.html"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-4.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- singel course -->
</div>
<div class="col-lg-4 col-md-6">
<div class="singel-course mt-30">
<div class="thum">
<div class="image">
<img src="images/course/cu-5.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="courses-singel.html"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-5.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- singel course -->
</div>
<div class="col-lg-4 col-md-6">
<div class="singel-course mt-30">
<div class="thum">
<div class="image">
<img src="images/course/cu-1.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="courses-singel.html"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-1.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- singel course -->
</div>
</div> <!-- row -->
</div>
<div class="tab-pane fade" id="courses-list" role="tabpanel" aria-labelledby="courses-list-tab">
<div class="row">
<div class="col-lg-12">
<div class="singel-course mt-30">
<div class="row no-gutters">
<div class="col-md-6">
<div class="thum">
<div class="image">
<img src="images/course/cu-1.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="#"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-1.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- singel course -->
</div>
<div class="col-lg-12">
<div class="singel-course mt-30">
<div class="row no-gutters">
<div class="col-md-6">
<div class="thum">
<div class="image">
<img src="images/course/cu-2.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="#"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-2.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- singel course -->
</div>
<div class="col-lg-12">
<div class="singel-course mt-30">
<div class="row no-gutters">
<div class="col-md-6">
<div class="thum">
<div class="image">
<img src="images/course/cu-3.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="#"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-3.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- singel course -->
</div>
<div class="col-lg-12">
<div class="singel-course mt-30">
<div class="row no-gutters">
<div class="col-md-6">
<div class="thum">
<div class="image">
<img src="images/course/cu-4.jpg" alt="Course">
</div>
<div class="price">
<span>Free</span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="cont">
<ul>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>(20 Reviws)</span>
<a href="#"><h4>Learn basis javascirpt from start for beginner</h4></a>
<div class="course-teacher">
<div class="thum">
<a href="#"><img src="images/course/teacher/t-4.jpg" alt="teacher"></a>
</div>
<div class="name">
<a href="#"><h6>Mark anthem</h6></a>
</div>
<div class="admin">
<ul>
<li><a href="#"><i class="fa fa-user"></i><span>31</span></a></li>
<li><a href="#"><i class="fa fa-heart"></i><span>10</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- singel course -->
</div>
</div> <!-- row -->
</div>
</div> <!-- tab content -->
<div class="row">
<div class="col-lg-12">
<nav class="courses-pagination mt-50">
<ul class="pagination justify-content-center">
<li class="page-item">
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>
</a>
</li>
<li class="page-item"><a class="active" href="#">1</a></li>
<li class="page-item"><a href="#">2</a></li>
<li class="page-item"><a href="#">3</a></li>
<li class="page-item">
<a href="#" aria-label="Next">
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav> <!-- courses pagination -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== COURSES PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-about mt-40">
<div class="logo">
<a href="#"><img src="images/logo-2.png" alt="Logo"></a>
</div>
<p>Gravida nibh vel velit auctor aliquetn quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</p>
<ul class="mt-20">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer-link mt-40">
<div class="footer-title pb-25">
<h6>Sitemap</h6>
</div>
<ul>
<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="footer-link support mt-40">
<div class="footer-title pb-25">
<h6>Support</h6>
</div>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Privacy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Policy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-address mt-40">
<div class="footer-title pb-25">
<h6>Contact Us</h6>
</div>
<ul>
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TO TP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!--====== BACK TO TP PART ENDS ======-->
<!--====== jquery js ======-->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="js/main.js"></script>
<!--====== Map js ======-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
<script src="js/map-script.js"></script>
</body>
</html>

Fichier diff supprimé car celui-ci est trop grand Voir la Diff

Diff de fichier supprimé car une ou plusieurs lignes sont trop longues

Voir le fichier

@ -0,0 +1,943 @@
/*
Theme Name: Edubin - LMS Education HTML Template
Author: Pixelcurve
Author URL: https://themeforest.net/user/pixelcurve
Support: zetheme24@gmail.com
Description: Creative HTML5 template.
Version: 1.1
*/
/* Deafult Margin & Padding */
/*-- Margin Top --*/
.mt-5 {
margin-top: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mt-55 {
margin-top: 55px;
}
.mt-60 {
margin-top: 60px;
}
.mt-65 {
margin-top: 65px;
}
.mt-70 {
margin-top: 70px;
}
.mt-75 {
margin-top: 75px;
}
.mt-80 {
margin-top: 80px;
}
.mt-85 {
margin-top: 85px;
}
.mt-90 {
margin-top: 90px;
}
.mt-95 {
margin-top: 95px;
}
.mt-100 {
margin-top: 100px;
}
.mt-105 {
margin-top: 105px;
}
.mt-110 {
margin-top: 110px;
}
.mt-115 {
margin-top: 115px;
}
.mt-120 {
margin-top: 120px;
}
.mt-125 {
margin-top: 125px;
}
.mt-130 {
margin-top: 130px;
}
.mt-135 {
margin-top: 135px;
}
.mt-140 {
margin-top: 140px;
}
.mt-145 {
margin-top: 145px;
}
.mt-150 {
margin-top: 150px;
}
.mt-155 {
margin-top: 155px;
}
.mt-160 {
margin-top: 160px;
}
.mt-165 {
margin-top: 165px;
}
.mt-170 {
margin-top: 170px;
}
.mt-175 {
margin-top: 175px;
}
.mt-180 {
margin-top: 180px;
}
.mt-185 {
margin-top: 185px;
}
.mt-190 {
margin-top: 190px;
}
.mt-195 {
margin-top: 195px;
}
.mt-200 {
margin-top: 200px;
}
/*-- Margin Bottom --*/
.mb-5 {
margin-bottom: 5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-55 {
margin-bottom: 55px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-65 {
margin-bottom: 65px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-75 {
margin-bottom: 75px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-85 {
margin-bottom: 85px;
}
.mb-90 {
margin-bottom: 90px;
}
.mb-95 {
margin-bottom: 95px;
}
.mb-100 {
margin-bottom: 100px;
}
.mb-105 {
margin-bottom: 105px;
}
.mb-110 {
margin-bottom: 110px;
}
.mb-115 {
margin-bottom: 115px;
}
.mb-120 {
margin-bottom: 120px;
}
.mb-125 {
margin-bottom: 125px;
}
.mb-130 {
margin-bottom: 130px;
}
.mb-135 {
margin-bottom: 135px;
}
.mb-140 {
margin-bottom: 140px;
}
.mb-145 {
margin-bottom: 145px;
}
.mb-150 {
margin-bottom: 150px;
}
.mb-155 {
margin-bottom: 155px;
}
.mb-160 {
margin-bottom: 160px;
}
.mb-165 {
margin-bottom: 165px;
}
.mb-170 {
margin-bottom: 170px;
}
.mb-175 {
margin-bottom: 175px;
}
.mb-180 {
margin-bottom: 180px;
}
.mb-185 {
margin-bottom: 185px;
}
.mb-190 {
margin-bottom: 190px;
}
.mb-195 {
margin-bottom: 195px;
}
.mb-200 {
margin-bottom: 200px;
}
/*-- margin left --*/
.ml-5 {
margin-left: 5px;
}
.ml-10 {
margin-left: 10px;
}
.ml-15 {
margin-left: 15px;
}
.ml-20 {
margin-left: 20px;
}
.ml-25 {
margin-left: 25px;
}
.ml-30 {
margin-left: 30px;
}
.ml-35 {
margin-left: 35px;
}
.ml-40 {
margin-left: 40px;
}
.ml-45 {
margin-left: 45px;
}
.ml-50 {
margin-left: 50px;
}
.ml-55 {
margin-left: 55px;
}
.ml-60 {
margin-left: 60px;
}
.ml-65 {
margin-left: 65px;
}
.ml-70 {
margin-left: 70px;
}
.ml-75 {
margin-left: 75px;
}
.ml-80 {
margin-left: 80px;
}
.ml-85 {
margin-left: 85px;
}
.ml-90 {
margin-left: 90px;
}
.ml-95 {
margin-left: 95px;
}
.ml-100 {
margin-left: 100px;
}
.ml-105 {
margin-left: 105px;
}
.ml-110 {
margin-left: 110px;
}
.ml-115 {
margin-left: 115px;
}
.ml-120 {
margin-left: 120px;
}
.ml-125 {
margin-left: 125px;
}
.ml-130 {
margin-left: 130px;
}
.ml-135 {
margin-left: 135px;
}
.ml-140 {
margin-left: 140px;
}
.ml-145 {
margin-left: 145px;
}
.ml-150 {
margin-left: 150px;
}
.ml-155 {
margin-left: 155px;
}
.ml-160 {
margin-left: 160px;
}
.ml-165 {
margin-left: 165px;
}
.ml-170 {
margin-left: 170px;
}
.ml-175 {
margin-left: 175px;
}
.ml-180 {
margin-left: 180px;
}
.ml-185 {
margin-left: 185px;
}
.ml-190 {
margin-left: 190px;
}
.ml-195 {
margin-left: 195px;
}
.ml-200 {
margin-left: 200px;
}
/*-- margin right --*/
.mr-5 {
margin-right: 5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-15 {
margin-right: 15px;
}
.mr-20 {
margin-right: 20px;
}
.mr-25 {
margin-right: 25px;
}
.mr-30 {
margin-right: 30px;
}
.mr-35 {
margin-right: 35px;
}
.mr-40 {
margin-right: 40px;
}
.mr-45 {
margin-right: 45px;
}
.mr-50 {
margin-right: 50px;
}
.mr-55 {
margin-right: 55px;
}
.mr-60 {
margin-right: 60px;
}
.mr-65 {
margin-right: 65px;
}
.mr-70 {
margin-right: 70px;
}
.mr-75 {
margin-right: 75px;
}
.mr-80 {
margin-right: 80px;
}
.mr-85 {
margin-right: 85px;
}
.mr-90 {
margin-right: 90px;
}
.mr-95 {
margin-right: 95px;
}
.mr-100 {
margin-right: 100px;
}
.mr-105 {
margin-right: 105px;
}
.mr-110 {
margin-right: 110px;
}
.mr-115 {
margin-right: 115px;
}
.mr-120 {
margin-right: 120px;
}
.mr-125 {
margin-right: 125px;
}
.mr-130 {
margin-right: 130px;
}
.mr-135 {
margin-right: 135px;
}
.mr-140 {
margin-right: 140px;
}
.mr-145 {
margin-right: 145px;
}
.mr-150 {
margin-right: 150px;
}
.mr-155 {
margin-right: 155px;
}
.mr-160 {
margin-right: 160px;
}
.mr-165 {
margin-right: 165px;
}
.mr-170 {
margin-right: 170px;
}
.mr-175 {
margin-right: 175px;
}
.mr-180 {
margin-right: 180px;
}
.mr-185 {
margin-right: 185px;
}
.mr-190 {
margin-right: 190px;
}
.mr-195 {
margin-right: 195px;
}
.mr-200 {
margin-right: 200px;
}
/*-- Padding Top --*/
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pt-25 {
padding-top: 25px;
}
.pt-30 {
padding-top: 30px;
}
.pt-35 {
padding-top: 35px;
}
.pt-40 {
padding-top: 40px;
}
.pt-45 {
padding-top: 45px;
}
.pt-50 {
padding-top: 50px;
}
.pt-55 {
padding-top: 55px;
}
.pt-60 {
padding-top: 60px;
}
.pt-65 {
padding-top: 65px;
}
.pt-70 {
padding-top: 70px;
}
.pt-75 {
padding-top: 75px;
}
.pt-80 {
padding-top: 80px;
}
.pt-85 {
padding-top: 85px;
}
.pt-90 {
padding-top: 90px;
}
.pt-95 {
padding-top: 95px;
}
.pt-100 {
padding-top: 100px;
}
.pt-105 {
padding-top: 105px;
}
.pt-110 {
padding-top: 110px;
}
.pt-115 {
padding-top: 115px;
}
.pt-120 {
padding-top: 120px;
}
.pt-125 {
padding-top: 125px;
}
.pt-130 {
padding-top: 130px;
}
.pt-135 {
padding-top: 135px;
}
.pt-140 {
padding-top: 140px;
}
.pt-145 {
padding-top: 145px;
}
.pt-150 {
padding-top: 150px;
}
.pt-155 {
padding-top: 155px;
}
.pt-160 {
padding-top: 160px;
}
.pt-165 {
padding-top: 165px;
}
.pt-170 {
padding-top: 170px;
}
.pt-175 {
padding-top: 175px;
}
.pt-180 {
padding-top: 180px;
}
.pt-185 {
padding-top: 185px;
}
.pt-190 {
padding-top: 190px;
}
.pt-195 {
padding-top: 195px;
}
.pt-200 {
padding-top: 200px;
}
/*-- Padding Bottom --*/
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-25 {
padding-bottom: 25px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-45 {
padding-bottom: 45px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-55 {
padding-bottom: 55px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-65 {
padding-bottom: 65px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-75 {
padding-bottom: 75px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-85 {
padding-bottom: 85px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-95 {
padding-bottom: 95px;
}
.pb-100 {
padding-bottom: 100px;
}
.pb-105 {
padding-bottom: 105px;
}
.pb-110 {
padding-bottom: 110px;
}
.pb-115 {
padding-bottom: 115px;
}
.pb-120 {
padding-bottom: 120px;
}
.pb-125 {
padding-bottom: 125px;
}
.pb-130 {
padding-bottom: 130px;
}
.pb-135 {
padding-bottom: 135px;
}
.pb-140 {
padding-bottom: 140px;
}
.pb-145 {
padding-bottom: 145px;
}
.pb-150 {
padding-bottom: 150px;
}
.pb-155 {
padding-bottom: 155px;
}
.pb-160 {
padding-bottom: 160px;
}
.pb-165 {
padding-bottom: 165px;
}
.pb-170 {
padding-bottom: 170px;
}
.pb-175 {
padding-bottom: 175px;
}
.pb-180 {
padding-bottom: 180px;
}
.pb-185 {
padding-bottom: 185px;
}
.pb-190 {
padding-bottom: 190px;
}
.pb-195 {
padding-bottom: 195px;
}
.pb-200 {
padding-bottom: 200px;
}
/*-- Padding left --*/
.pl-0 {
padding-left: 0px;
}
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-25 {
padding-left: 25px;
}
.pl-30 {
padding-left: 30px;
}
.pl-35 {
padding-left: 35px;
}
.pl-40 {
padding-left: 40px;
}
.pl-45 {
padding-left: 45px;
}
.pl-50 {
padding-left: 50px;
}
.pl-55 {
padding-left: 55px;
}
.pl-60 {
padding-left: 60px;
}
.pl-65 {
padding-left: 65px;
}
.pl-70 {
padding-left: 70px;
}
.pl-75 {
padding-left: 75px;
}
.pl-80 {
padding-left: 80px;
}
.pl-85 {
padding-left: 85px;
}
.pl-90 {
padding-left: 90px;
}
.pl-100 {
padding-left: 100px;
}
.pl-105 {
padding-left: 105px;
}
.pl-110 {
padding-left: 110px;
}
.pl-115 {
padding-left: 115px;
}
.pl-120 {
padding-left: 120px;
}
.pl-125 {
padding-left: 125px;
}
/*-- Padding right --*/
.pr-0 {
padding-right: 0px;
}
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-25 {
padding-right: 25px;
}
.pr-30 {
padding-right: 30px;
}
.pr-35 {
padding-right: 35px;
}
.pr-40 {
padding-right: 40px;
}
.pr-45 {
padding-right: 45px;
}
.pr-50 {
padding-right: 50px;
}
.pr-55 {
padding-right: 55px;
}
.pr-60 {
padding-right: 60px;
}
.pr-65 {
padding-right: 65px;
}
.pr-70 {
padding-right: 70px;
}
.pr-75 {
padding-right: 75px;
}
.pr-80 {
padding-right: 80px;
}
.pr-85 {
padding-right: 85px;
}
.pr-90 {
padding-right: 90px;
}
.pr-95 {
padding-right: 95px;
}
.pr-100 {
padding-right: 100px;
}
.pr-105 {
padding-right: 105px;
}
/* Background Color */
.gray-bg {
background: #edf0f2;
}
.white-bg {
background: #fff;
}
.black-bg {
background: #222;
}
/* Color */
.white {
color: #fff;
}
.black {
color: #222;
}
/* black overlay */
[data-overlay] {
position: relative;
}
[data-overlay]::before {
background: #07294d none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
[data-overlay="3"]::before {
opacity: 0.3;
}
[data-overlay="4"]::before {
opacity: 0.4;
}
[data-overlay="5"]::before {
opacity: 0.5;
}
[data-overlay="6"]::before {
opacity: 0.6;
}
[data-overlay="7"]::before {
opacity: 0.7;
}
[data-overlay="8"]::before {
opacity: 0.8;
}
[data-overlay="9"]::before {
opacity: 0.9;
}

Diff de fichier supprimé car une ou plusieurs lignes sont trop longues

Voir le fichier

@ -0,0 +1,2 @@
.nice-number{display:inline-flex;justify-content:stretch}.nice-number input{vertical-align:middle;-moz-appearance:textfield;box-sizing:content-box;margin:0;text-align:center}
.nice-number input::-webkit-inner-spin-button,.nice-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

Voir le fichier

@ -0,0 +1,351 @@
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }

Voir le fichier

@ -0,0 +1,138 @@
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; }
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }

Fichier diff supprimé car celui-ci est trop grand Voir la Diff

Voir le fichier

@ -0,0 +1,119 @@
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

Fichier diff supprimé car celui-ci est trop grand Voir la Diff

Voir le fichier

@ -0,0 +1,487 @@
<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Edubin - LMS Education HTML Template</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<!--====== Slick css ======-->
<link rel="stylesheet" href="css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<header id="header-part">
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul>
<li><img src="images/all-icon/map.png" alt="icon"><span>127/5 Mark street, New york</span></li>
<li><img src="images/all-icon/email.png" alt="icon"><span>info@yourmail.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p>Opening Hours : Monday to Saturay - 8 Am to 5 Pm</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="logo">
<a href="index-2.html">
<img src="images/logo.png" alt="Logo">
</a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p>Need Help? call us free</p>
<span>321 325 5678</span>
</div>
</div>
<div class="button float-left">
<a href="#" class="main-btn">Apply Now</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="active" href="index-2.html">Home</a>
<ul class="sub-menu">
<li><a class="active" href="index-2.html">Home 01</a></li>
<li><a href="index-3.html">Home 02</a></li>
<li><a href="index-4.html">Home 03</a></li>
</ul>
</li>
<li class="nav-item">
<a href="about.html">About us</a>
</li>
<li class="nav-item">
<a href="courses.html">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-singel.html">Course Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="events.html">Events</a>
<ul class="sub-menu">
<li><a href="events.html">Events</a></li>
<li><a href="events-singel.html">Event Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="teachers.html">Our teachers</a>
<ul class="sub-menu">
<li><a href="teachers.html">teachers</a></li>
<li><a href="teachers-singel.html">teacher Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-singel.html">Blog Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-singel.html">Shop Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-4">
<div class="right-icon text-right">
<ul>
<li><a href="#" id="search"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li>
</ul>
</div> <!-- right icon -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== PAGE BANNER PART START ======-->
<section id="page-banner" class="pt-105 pb-110 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-3.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-banner-cont">
<h2>Campus clean workshop</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Events</a></li>
<li class="breadcrumb-item active" aria-current="page">Campus clean workshop</li>
</ol>
</nav>
</div> <!-- page banner cont -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== PAGE BANNER PART ENDS ======-->
<!--====== EVENTS PART START ======-->
<section id="event-singel" class="pt-120 pb-120 gray-bg">
<div class="container">
<div class="events-area">
<div class="row">
<div class="col-lg-8">
<div class="events-left">
<h3>Campus clean workshop</h3>
<a href="#"><span><i class="fa fa-calendar"></i> 2 December 2018</span></a>
<a href="#"><span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span></a>
<a href="#"><span><i class="fa fa-map-marker"></i> Rc Auditorim</span></a>
<img src="images/event/singel-event/se-1.jpg" alt="Event">
<p>Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam</p>
</div> <!-- events left -->
</div>
<div class="col-lg-4">
<div class="events-right">
<div class="events-coundwon bg_cover" data-overlay="8" style="background-image: url(images/event/singel-event/coundown.jpg)">
<div data-countdown="2020/03/12"></div>
<div class="events-coundwon-btn pt-30">
<a href="#" class="main-btn">Book Your Seat</a>
</div>
</div> <!-- events coundwon -->
<div class="events-address mt-30">
<ul>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-clock-o"></i>
</div>
<div class="cont">
<h6>Start Time</h6>
<span>12:00 Am</span>
</div>
</div> <!-- singel address -->
</li>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-bell-slash"></i>
</div>
<div class="cont">
<h6>Finish Time</h6>
<span>05:00 Am</span>
</div>
</div> <!-- singel address -->
</li>
<li>
<div class="singel-address">
<div class="icon">
<i class="fa fa-map"></i>
</div>
<div class="cont">
<h6>Address</h6>
<span>Street Park ,America</span>
</div>
</div> <!-- singel address -->
</li>
</ul>
<div id="contact-map" class="mt-25"></div> <!-- Map -->
</div> <!-- events address -->
</div> <!-- events right -->
</div>
</div> <!-- row -->
</div> <!-- events-area -->
</div> <!-- container -->
</section>
<!--====== EVENTS PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-about mt-40">
<div class="logo">
<a href="#"><img src="images/logo-2.png" alt="Logo"></a>
</div>
<p>Gravida nibh vel velit auctor aliquetn quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</p>
<ul class="mt-20">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer-link mt-40">
<div class="footer-title pb-25">
<h6>Sitemap</h6>
</div>
<ul>
<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="footer-link support mt-40">
<div class="footer-title pb-25">
<h6>Support</h6>
</div>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Privacy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Policy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-address mt-40">
<div class="footer-title pb-25">
<h6>Contact Us</h6>
</div>
<ul>
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TO TP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!--====== BACK TO TP PART ENDS ======-->
<!--====== jquery js ======-->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="js/main.js"></script>
<!--====== Map js ======-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
<script src="js/map-script.js"></script>
</body>
</html>

Voir le fichier

@ -0,0 +1,529 @@
<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Edubin - LMS Education HTML Template</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<!--====== Slick css ======-->
<link rel="stylesheet" href="css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<header id="header-part">
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul>
<li><img src="images/all-icon/map.png" alt="icon"><span>127/5 Mark street, New york</span></li>
<li><img src="images/all-icon/email.png" alt="icon"><span>info@yourmail.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p>Opening Hours : Monday to Saturay - 8 Am to 5 Pm</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="logo">
<a href="index-2.html">
<img src="images/logo.png" alt="Logo">
</a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p>Need Help? call us free</p>
<span>321 325 5678</span>
</div>
</div>
<div class="button float-left">
<a href="#" class="main-btn">Apply Now</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="active" href="index-2.html">Home</a>
<ul class="sub-menu">
<li><a class="active" href="index-2.html">Home 01</a></li>
<li><a href="index-3.html">Home 02</a></li>
<li><a href="index-4.html">Home 03</a></li>
</ul>
</li>
<li class="nav-item">
<a href="about.html">About us</a>
</li>
<li class="nav-item">
<a href="courses.html">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-singel.html">Course Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="events.html">Events</a>
<ul class="sub-menu">
<li><a href="events.html">Events</a></li>
<li><a href="events-singel.html">Event Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="teachers.html">Our teachers</a>
<ul class="sub-menu">
<li><a href="teachers.html">teachers</a></li>
<li><a href="teachers-singel.html">teacher Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-singel.html">Blog Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="shop.html">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-singel.html">Shop Singel</a></li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-4">
<div class="right-icon text-right">
<ul>
<li><a href="#" id="search"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-bag"></i><span>0</span></a></li>
</ul>
</div> <!-- right icon -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== PAGE BANNER PART START ======-->
<section id="page-banner" class="pt-105 pb-110 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-3.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-banner-cont">
<h2>Events</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Events</li>
</ol>
</nav>
</div> <!-- page banner cont -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== PAGE BANNER PART ENDS ======-->
<!--====== EVENTS PART START ======-->
<section id="event-page" class="pt-90 pb-120 gray-bg">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="singel-event-list mt-30">
<div class="event-thum">
<img src="images/event/e-1.jpg" alt="Event">
</div>
<div class="event-cont">
<span><i class="fa fa-calendar"></i> 2 December 2018</span>
<a href="events-singel.html"><h4>Tech Summit</h4></a>
<span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span>
<span><i class="fa fa-map-marker"></i> Rc Auditorim</span>
<p>Nam nec tellus a odio tincidunt auctor a ornare odionon mauris itae erat conuat</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="singel-event-list mt-30">
<div class="event-thum">
<img src="images/event/e-2.jpg" alt="Event">
</div>
<div class="event-cont">
<span><i class="fa fa-calendar"></i> 2 December 2018</span>
<a href="events-singel.html"><h4>Tech Summit</h4></a>
<span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span>
<span><i class="fa fa-map-marker"></i> Rc Auditorim</span>
<p>Nam nec tellus a odio tincidunt auctor a ornare odionon mauris itae erat conuat</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="singel-event-list mt-30">
<div class="event-thum">
<img src="images/event/e-3.jpg" alt="Event">
</div>
<div class="event-cont">
<span><i class="fa fa-calendar"></i> 2 December 2018</span>
<a href="events-singel.html"><h4>Tech Summit</h4></a>
<span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span>
<span><i class="fa fa-map-marker"></i> Rc Auditorim</span>
<p>Nam nec tellus a odio tincidunt auctor a ornare odionon mauris itae erat conuat</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="singel-event-list mt-30">
<div class="event-thum">
<img src="images/event/e-4.jpg" alt="Event">
</div>
<div class="event-cont">
<span><i class="fa fa-calendar"></i> 2 December 2018</span>
<a href="events-singel.html"><h4>Tech Summit</h4></a>
<span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span>
<span><i class="fa fa-map-marker"></i> Rc Auditorim</span>
<p>Nam nec tellus a odio tincidunt auctor a ornare odionon mauris itae erat conuat</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="singel-event-list mt-30">
<div class="event-thum">
<img src="images/event/e-1.jpg" alt="Event">
</div>
<div class="event-cont">
<span><i class="fa fa-calendar"></i> 2 December 2018</span>
<a href="events-singel.html"><h4>Tech Summit</h4></a>
<span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span>
<span><i class="fa fa-map-marker"></i> Rc Auditorim</span>
<p>Nam nec tellus a odio tincidunt auctor a ornare odionon mauris itae erat conuat</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="singel-event-list mt-30">
<div class="event-thum">
<img src="images/event/e-2.jpg" alt="Event">
</div>
<div class="event-cont">
<span><i class="fa fa-calendar"></i> 2 December 2018</span>
<a href="events-singel.html"><h4>Tech Summit</h4></a>
<span><i class="fa fa-clock-o"></i> 10:00 Am - 3:00 Pm</span>
<span><i class="fa fa-map-marker"></i> Rc Auditorim</span>
<p>Nam nec tellus a odio tincidunt auctor a ornare odionon mauris itae erat conuat</p>
</div>
</div>
</div>
</div> <!-- row -->
<div class="row">
<div class="col-lg-12">
<nav class="courses-pagination mt-50">
<ul class="pagination justify-content-center">
<li class="page-item">
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>
</a>
</li>
<li class="page-item"><a class="active" href="#">1</a></li>
<li class="page-item"><a href="#">2</a></li>
<li class="page-item"><a href="#">3</a></li>
<li class="page-item">
<a href="#" aria-label="Next">
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav> <!-- courses pagination -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</section>
<!--====== EVENTS PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-about mt-40">
<div class="logo">
<a href="#"><img src="images/logo-2.png" alt="Logo"></a>
</div>
<p>Gravida nibh vel velit auctor aliquetn quibibendum auci elit cons equat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</p>
<ul class="mt-20">
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer-link mt-40">
<div class="footer-title pb-25">
<h6>Sitemap</h6>
</div>
<ul>
<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="footer-link support mt-40">
<div class="footer-title pb-25">
<h6>Support</h6>
</div>
<ul>
<li><a href="#"><i class="fa fa-angle-right"></i>FAQS</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Privacy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Policy</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Documentation</a></li>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-address mt-40">
<div class="footer-title pb-25">
<h6>Contact Us</h6>
</div>
<ul>
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>143 castle road 517 district, kiyev port south Canada</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>+3 123 456 789</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>info@yourmail.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== FOOTER PART ENDS ======-->
<!--====== BACK TO TP PART START ======-->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!--====== BACK TO TP PART ENDS ======-->
<!--====== jquery js ======-->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="js/main.js"></script>
<!--====== Map js ======-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script>
<script src="js/map-script.js"></script>
</body>
</html>

Fichier diff supprimé car celui-ci est trop grand Voir la Diff

Après

Largeur:  |  Hauteur:  |  Taille: 434 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 36 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 263 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 2.0 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 1.3 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 3.5 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 1.9 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 3.5 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 1.2 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 2.0 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 2.2 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 2.3 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 1.8 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 2.6 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 1.2 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 2.5 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 163 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 299 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 90 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 71 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 114 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 5.9 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 5.5 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 12 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 13 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 16 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 16 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 13 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 20 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 38 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 46 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 49 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 38 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 38 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 3.1 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 3.3 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 3.7 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 3.6 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 3.0 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 17 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 20 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 13 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 29 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 29 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 30 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 2.4 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 19 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 3.6 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 4.3 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 77 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 18 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 11 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 12 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 233 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 132 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 203 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 289 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 146 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 132 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 1.8 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 5.8 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 4.4 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 5.6 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 43 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 36 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 23 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 30 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 11 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 14 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 10 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 14 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 4.1 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 3.0 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 4.5 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 6.7 KiB

Fichier binaire non affiché.

Après

Largeur:  |  Hauteur:  |  Taille: 12 KiB

Certains fichiers ne sont pas affichés car ce diff contient trop de modifications Voir plus