2021-06-19 20:20:40 +00:00
<!doctype html>
< html class = "no-js" lang = "zxx" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
2021-06-20 14:48:50 +00:00
< title > Divan dit vent< / title >
2021-06-19 20:20:40 +00:00
< meta name = "description" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
<!-- <link rel="manifest" href="site.webmanifest"> -->
< link rel = "shortcut icon" type = "image/x-icon" href = "img/favicon.png" >
<!-- Place favicon.ico in the root directory -->
<!-- CSS here -->
< link rel = "stylesheet" href = "css/bootstrap.min.css" >
< link rel = "stylesheet" href = "css/owl.carousel.min.css" >
< link rel = "stylesheet" href = "css/magnific-popup.css" >
< link rel = "stylesheet" href = "css/font-awesome.min.css" >
< link rel = "stylesheet" href = "css/themify-icons.css" >
< link rel = "stylesheet" href = "css/nice-select.css" >
< link rel = "stylesheet" href = "css/audioplayer.css" >
< link rel = "stylesheet" href = "css/flaticon.css" >
< link rel = "stylesheet" href = "css/gijgo.css" >
< link rel = "stylesheet" href = "css/animate.css" >
< link rel = "stylesheet" href = "css/slick.css" >
< link rel = "stylesheet" href = "css/slicknav.css" >
< link rel = "stylesheet" href = "css/style.css" >
<!-- <link rel="stylesheet" href="css/responsive.css"> -->
< / head >
< body >
<!-- [if lte IE 9]>
< p class = "browserupgrade" > You are using an < strong > outdated< / strong > browser. Please < a href = "https://browsehappy.com/" > upgrade your browser< / a > to improve your experience and security.< / p >
<![endif]-->
<!-- header - start -->
< header >
< div class = "header-area " >
< div id = "sticky-header" class = "main-header-area" >
< div class = "container-fluid" >
< div class = "header_bottom_border" >
< div class = "row align-items-center" >
< div class = "col-xl-3 col-lg-2" >
< div class = "logo" >
< a href = "index.html" >
< img src = "img/logo.png" alt = "" >
< / a >
< / div >
< / div >
< div class = "col-xl-6 col-lg-7" >
< div class = "main-menu d-none d-lg-block" >
< nav >
< ul id = "navigation" >
2021-06-20 14:48:50 +00:00
< li > < a class = "active" href = "index.html" > Accueil< / a > < / li >
< li > < a href = "about.html" > Infos< / a > < / li >
< li > < a href = "track.html" > Les émissions< / a > < / li >
2021-06-19 20:20:40 +00:00
< li > < a href = "contact.html" > Contact< / a > < / li >
< / ul >
< / nav >
< / div >
< / div >
< div class = "col-xl-3 col-lg-3 d-none d-lg-block" >
< div class = "social_icon text-right" >
< ul >
2021-06-20 14:48:50 +00:00
< li > < a href = "https://twitter.com/DivanDitVent" target = "_blank" > < i class = "fa fa-twitter" > < / i > < / a > < / li >
2021-08-21 20:08:10 +00:00
< li > < a href = "https://divan-dit-vent.lepodcast.fr" target = "_blank" > < i class = "fa fa-podcast" > < / i > < / a > < / li >
2021-10-20 16:21:49 +00:00
< li > < a href = "https://camelia-studio.org/branches/divan-dit-vent/rss.php" target = "_blank" > < i class = "fa fa-rss" > < / i > < / a > < / li >
2021-06-19 20:20:40 +00:00
< / ul >
< / div >
< / div >
< div class = "col-12" >
< div class = "mobile_menu d-block d-lg-none" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / header >
<!-- header - end -->
<!-- slider_area_start -->
< div class = "slider_area" >
< div class = "single_slider d-flex align-items-center slider_bg_1 overlay2" >
< div class = "container" >
< div class = "row" >
< div class = "col-xl-12" >
< div class = "slider_text text-center " >
2021-06-20 14:48:50 +00:00
< h3 > Divan dit vent< / h3 >
2021-06-19 20:20:40 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- slider_area_end -->
<!-- music_area -->
< div class = "music_area" >
< div class = "container" >
< div class = "row align-items-center justify-content-center" >
< div class = "col-xl-10" >
< div class = "row align-items-center" >
< div class = "col-xl-9 col-md-9" >
< div class = "music_field" >
< div class = "thumb" >
2021-10-18 12:37:20 +00:00
< img src = "img/pochettes/93273578.jpg" alt = "" >
2021-06-19 20:20:40 +00:00
< / div >
< div class = "audio_name" >
< div class = "name" >
2021-10-18 12:37:20 +00:00
< h4 > Épisode 01 | Mon fiston réincarné en lune magique< / h4 >
2021-09-18 17:39:09 +00:00
< p > 16 octobre 2021< / p >
2021-06-19 20:20:40 +00:00
< / div >
< audio preload = "auto" controls >
2021-10-18 12:37:20 +00:00
< source src = "mp3/01_mon-fiston-réincarné-en-lune-magique.mp3" >
< / audio >
2021-06-19 20:20:40 +00:00
< / div >
< / div >
< / div >
< div class = "col-xl-3 col-md-3" >
< div class = "music_btn" >
2021-10-18 12:37:20 +00:00
< a href = "01.html" class = "boxed-btn" > Fiche de l'émission< / a >
2021-06-19 20:20:40 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- music_area end -->
<!-- link that opens popup -->
<!-- JS here -->
< script src = "https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
< / script >
< script src = "js/vendor/modernizr-3.5.0.min.js" > < / script >
< script src = "js/vendor/jquery-1.12.4.min.js" > < / script >
< script src = "js/popper.min.js" > < / script >
< script src = "js/bootstrap.min.js" > < / script >
< script src = "js/owl.carousel.min.js" > < / script >
< script src = "js/isotope.pkgd.min.js" > < / script >
< script src = "js/ajax-form.js" > < / script >
< script src = "js/waypoints.min.js" > < / script >
< script src = "js/jquery.counterup.min.js" > < / script >
< script src = "js/imagesloaded.pkgd.min.js" > < / script >
< script src = "js/audioplayer.js" > < / script >
< script src = "js/scrollIt.js" > < / script >
< script src = "js/jquery.scrollUp.min.js" > < / script >
< script src = "js/wow.min.js" > < / script >
< script src = "js/nice-select.min.js" > < / script >
< script src = "js/jquery.slicknav.min.js" > < / script >
< script src = "js/jquery.magnific-popup.min.js" > < / script >
< script src = "js/plugins.js" > < / script >
< script src = "js/gijgo.min.js" > < / script >
< script src = "js/slick.min.js" > < / script >
<!-- contact js -->
< script src = "js/contact.js" > < / script >
< script src = "js/jquery.ajaxchimp.min.js" > < / script >
< script src = "js/jquery.form.js" > < / script >
< script src = "js/jquery.validate.min.js" > < / script >
< script src = "js/mail-script.js" > < / script >
< script src = "js/main.js" > < / script >
< script >
$(function() {
$('audio').audioPlayer({
});
});
< / script >
< / body >
< / html >
