-
Notifications
You must be signed in to change notification settings - Fork 0
benstarter project for fun
License
bensoftware/igedTemplate
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
<!DOCTYPE html> <html lang="fr"> <head> <title>IGED </title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="icon" type="image/jpg" href="images/icon.jpg" sizes="196x196" /> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/aos.css"> <link rel="stylesheet" href="css/ionicons.min.css"> <link rel="stylesheet" href="css/flaticon.css"> <link rel="stylesheet" href="css/icomoon.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/sty.css"> <link rel="stylesheet" type="text/css" href="fonts2/fontawesome-5.0.8/css/fontawesome-all.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="fonts2/iconic/css/material-design-iconic-font.min.css"> <!--===============================================================================================--> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="css/util.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="css/main.css"> <!--===============================================================================================--> <style> option { text-align: center; color: black; } .navbar { margin: 0; } .navbar.affix { background-color:#0d1128; position: fixed; top: 0; width: 100%; } </style> </head> <body> <!-- Header --> <!-- Header --> <header> <!-- Header desktop --> <div class="container-menu-desktop"> <div class="topbar"> <div class="content-topbar container h-100"> <div class="left-topbar"> <span class="left-topbar-item flex-wr-s-c"> <h2 style="color: white;"> Tel : </h2> <p>+222 45 24 63 88 </p> </span> </div> <div class="left-topbar"> <span class="left-topbar-item flex-wr-s-c"> <h2 style="color: white;"> Mail: </h2> <p> [email protected] </p> </span> </div> <div class="right-topbar"> <a href="#"> <span class="fab fa-facebook-f"></span> </a> <a href="#"> <span class="fab fa-twitter"></span> </a> <a href="#"> <span class="fab fa-pinterest-p"></span> </a> <a href="#"> <span class="fab fa-vimeo-v"></span> </a> <a href="#"> <span class="fab fa-youtube"></span> </a> </div> </div> </div> <!-- Header Mobile --> <div class="wrap-header-mobile"> <!-- Logo moblie --> <div class="logo-mobile"> <a href="index.html"><img src="images/icon.jpg" alt=""></a> </div> <!-- Button show menu --> <div class="btn-show-menu-mobile hamburger hamburger--squeeze m-r--8"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </div> </div> <!-- --> <div class="wrap-logo container"> <!-- Logo desktop --> <div class="logo"> <a href="index.html"><img src="images/icon.jpg" alt="LOGO" style="width:75px;height:75px;"></a> </div> <!-- Banner --> <div class="banner-header"> <a href="#"><img src="images/images/banner-01.jpg" alt="IMG"></a> </div> </div> <!-- --> <div class="wrap-main-nav"> <div class="main-nav"> <!-- Menu desktop --> <nav class="menu-desktop"> <a class="logo-stick" href="index.html"> <img src="images/icon.jpg" alt="LOGO"> </a> <ul class="main-menu"> <li class="main-menu-active"> <a href="index.html">ACCEUIL</a> </li> <li> <a href="#">IGED</a> <ul class="sub-menu"> <li><a href="presentation.html">PRESENTATION</a></li> <li><a href="">ORGANISATION</a></li> <li><a href="news2.html">NEWS</a></li> <li><a href="">MEDIA</a></li> </ul> </li> <li class="mega-menu-item"> <a href="category-01.html">FORMATION</a> <!--News--> <div class="sub-mega-menu"> <div class="nav flex-column nav-pills" role="tablist"> <a class="nav-link active" data-toggle="pill" href="#news-0" role="tab">TOUTES</a> <a class="nav-link" data-toggle="pill" href="#news-1" role="tab">CAP</a> <a class="nav-link" data-toggle="pill" href="#news-2" role="tab">BT</a> <a class="nav-link" data-toggle="pill" href="#news-3" role="tab">BTS</a> <a class="nav-link" data-toggle="pill" href="#news-4" role="tab">VAE</a> </div> <div class="tab-content"> <div class="tab-pane show active" id="news-0" role="tabpanel"> <div class="row"> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-05.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 18 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-10.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-14.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Beach </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 17 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-36.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Technology </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 20 </span> </span> </div> </div> </div> </div> </div> <div class="tab-pane" id="news-1" role="tabpanel"> <div class="row"> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-50.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 18 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-08.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 17 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-07.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 20 </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-06.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 15 </span> </span> </div> </div> </div> </div> </div> <div class="tab-pane" id="news-2" role="tabpanel"> <div class="row"> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-21.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 18 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-24.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 15 </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-22.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 17 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-23.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 20 </span> </span> </div> </div> </div> </div> </div> <div class="tab-pane" id="news-3" role="tabpanel"> <div class="row"> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-25.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 18 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-27.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 20 </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-26.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 17 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-34.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 15 </span> </span> </div> </div> </div> </div> </div> <div class="tab-pane" id="news-4" role="tabpanel"> <div class="row"> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-35.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 18 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-36.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 17 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-37.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 20 </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-38.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 15 </span> </span> </div> </div> </div> </div> </div> <div class="tab-pane" id="news-5" role="tabpanel"> <div class="row"> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-39.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 18 Mai </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-41.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 20 </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-42.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> Jan 15 </span> </span> </div> </div> </div> <div class="col-3"> <!-- Item post --> <div> <a href="blog-detail-01.html" class="wrap-pic-w hov1 trans-03"> <img src="images/images/post-40.jpg" alt="IMG"> </a> <div class="p-t-10"> <h5 class="p-b-5"> <a href="blog-detail-01.html" class="f1-s-5 cl3 hov-cl10 trans-03"> Formation sur les metiers du Web et de ... </a> </h5> <span class="cl8"> <a href="#" class="f1-s-6 cl8 hov-cl10 trans-03"> Music </a> <span class="f1-s-3 m-rl-3"> - </span> <span class="f1-s-3"> 17 Mai </span> </span> </div> </div> </div> </div> </div> </div> </div> </li> <li> <a href="#">INFO</a> <ul class="sub-menu"> <li><a href="about.html">A PROPOS DE NOUS </a></li> <li><a href="contact.html">CONTACT</a></li> </ul> </li> </ul> </nav> </div> </div> </div> </header> <section class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_1.jpg');"> <div class="overlay"></div> <div class="container"> <div class="row no-gutters slider-text align-items-center justify-content-center"> <div class="col-md-9 ftco-animate text-center"> <h1 class="mb-2 bread">Contactez - Nous</h1> </div> </div> </section> <section class="ftco-section contact-section"> <div class="container"> <div class="row d-flex contact-info"> <div class="col-md-3 d-flex"> <div class="bg-light align-self-stretch box p-4 text-center"> <h3 class="mb-4">Addresse</h3> <p>Tevragh Zeina AT 258. Vers Hotel EMIRA,Nouakchoot-Mauritanie</p> </div> </div> <div class="col-md-3 d-flex"> <div class="bg-light align-self-stretch box p-4 text-center"> <h3 class="mb-4">Mobile</h3> <p><a href="tel://1234567920">+222 48 88 55 50</a></p> </div> </div> <div class="col-md-3 d-flex"> <div class="bg-light align-self-stretch box p-4 text-center"> <h3 class="mb-4">Adresse Electronique</h3> <p><a href="mailto:[email protected]">[email protected]</a></p> </div> </div> <div class="col-md-3 d-flex"> <div class="bg-light align-self-stretch box p-4 text-center"> <h3 class="mb-4">Site Web</h3> <p><a href="https://silly-chandrasekhar-85792d.netlify.app">https://silly-chandrasekhar-85792d.netlify.app</a> </p> </div> </div> </div> </div> </section> <section class="ftco-section ftco-no-pt ftco-no-pb contact-section"> <div class="container"> <div class="row d-flex align-items-stretch no-gutters"> <div class="col-md-6 p-4 p-md-5 order-md-last bg-light"> <form action="#"> <div class="form-group"> <input type="text" class="form-control" placeholder="Nom(s)"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Prenom(s)"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Sujet"> </div> <div class="form-group"> <textarea name="" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea> </div> <div class="form-group"> <input type="submit" value="Envoyer votre message" class="btn btn-primary py-3 px-5"> </div> </form> </div> <div class="col-md-6 d-flex align-items-stretch"> <div id="map"></div> </div> </div> </div> </section> <!-- Footer --> <!-- Footer --> <footer> <div class="bg2 p-t-40 p-b-25"> <div class="container"> <div class="row"> <div class="col-lg-4 p-b-20"> <div class="size-h-3 flex-s-c"> <a href="index.html"> <h5 class="f1-m-7 cl0"> Avez-vous des questions ? </h5> </a> </div> <div class="block-23 mb-3"> <ul> <li><span class="icon icon-map-marker"></span><span class="text">Tevragh Zeina AT 258. Vers Hotel EMIRA,Nouakchoot-Mauritanie</span></li> <li><a href="#"><span class="icon icon-phone"></span><span class="text">+222 48 88 55 50</span></a></li> <li><a href="#"><span class="icon icon-envelope"></span><span class="text">[email protected]</span></a></li> </ul> </div> <div> <div class="p-t-15"> <a href="#" class="fs-18 cl11 hov-cl10 trans-03 m-r-8"> <span class="fab fa-facebook-f"></span> </a> <a href="#" class="fs-18 cl11 hov-cl10 trans-03 m-r-8"> <span class="fab fa-twitter"></span> </a> <a href="#" class="fs-18 cl11 hov-cl10 trans-03 m-r-8"> <span class="fab fa-pinterest-p"></span> </a> <a href="#" class="fs-18 cl11 hov-cl10 trans-03 m-r-8"> <span class="fab fa-vimeo-v"></span> </a> <a href="#" class="fs-18 cl11 hov-cl10 trans-03 m-r-8"> <span class="fab fa-youtube"></span> </a> </div> </div> </div> <div class="col-sm-6 col-lg-4 p-b-20"> <div class="size-h-3 flex-s-c"> <h5 class="f1-m-7 cl0"> Récemment </h5> </div> <ul> <li class="flex-wr-sb-s p-b-20"> <a href="#" class="size-w-4 wrap-pic-w hov1 trans-03"> <img src="images/images/popular-post-01.jpg" alt="IMG"> </a> <div class="size-w-5"> <h6 class="p-b-5"> <a href="#" class="text f1-s-5 cl11 hov-cl10 trans-03"> Formation sur word,Excel et Powerpoint. </a> </h6> <span class="f1-s-3 cl6"> 17 Juin </span> </div> </li> <li class="flex-wr-sb-s p-b-20"> <a href="#" class="size-w-4 wrap-pic-w hov1 trans-03"> <img src="images/images/popular-post-02.jpg" alt="IMG"> </a> <div class="size-w-5"> <h6 class="p-b-5"> <a href="#" class="text f1-s-5 cl11 hov-cl10 trans-03"> Formation sur la programmation Web </a> </h6> <span class="f1-s-3 cl6"> 03 Juillet </span> </div> </li> <li class="flex-wr-sb-s p-b-20"> <a href="#" class="size-w-4 wrap-pic-w hov1 trans-03"> <img src="images/images/popular-post-03.jpg" alt="IMG"> </a> <div class="size-w-5"> <h6 class="p-b-5"> <a href="#" class="text f1-s-5 cl11 hov-cl10 trans-03"> Formation en infographie </a> </h6> <span class="f1-s-3 cl6"> 18 Septembre </span> </div> </li> </ul> </div> <div class="col-sm-6 col-lg-4 p-b-20"> <div class="size-h-3 flex-s-c"> <h5 class="f1-m-7 cl0"> Abonnez-Vous </h5> </div> <ul> <li class="flex-wr-sb-s p-b-20"> <form action="#" class="subscribe-form"> <div class="form-group"> <input type="text" class="form-control mb-2 text-center" placeholder="Adresse electronique"> <input type="submit" value="Abonnement" class="form-control submit px-3"> </div> </form> </li> </ul> </div> </div> </div> </div> <div class="bg11"> <div class="container size-h-4 flex-c-c p-tb-15"> <span class="f1-s-1 cl0 txt-center"> <a href="#" class="" style="color: aliceblue;"> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | Ben by <a href="" target="_blank">Bensoftware</a> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> </span> </div> </div> </footer> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"> <circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" /> <circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00" /></svg></div> <script src="js/jquery.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/aos.js"></script> <script src="js/jquery.animateNumber.min.js"></script> <script src="js/scrollax.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script> <script src="js/google-map.js"></script> <script src="js/main.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <!--===============================================================================================--> <script src="vendor/jquery/jquery-3.2.1.min.js"></script> <!--===============================================================================================--> <script src="vendor/animsition/js/animsition.min.js"></script> <!--===============================================================================================--> <script src="vendor/bootstrap/js/popper.js"></script> <script src="vendor/bootstrap/js/bootstrap.min.js"></script> <!--===============================================================================================--> <script src="js/main2.js"></script> </body> </html>
About
benstarter project for fun
License
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published