Laval virtual. Confession intime : les développeurs XHTML/HTML5/CSS – ARIA – JavaScript/DOM/JQuery – se livrent sur leur vie sexuelle
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="og:image" content="http://www.claramorgane.com/banner/content/images/ban_14723771092502_3092.jpg" /> <meta name="title" content="www.claramorgane.com" /> <meta name="description" content="Entrez dans l'univers du symbole de l'érotisme et du glamour à la Française..." /> <meta name="keywords" content="clara, morgane, officiel, musique, electro, pop, club, france, nuit, blanche, je t'adore, jey, didarko, midj, deal" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="language" content="fr" /> <meta name="robots" content="index, follow" /> <meta name="revisit-after" content="3 days" /> <title>www.claramorgane.comtitle> /js/pngfix.js <link rel="shortcut icon" href="/favicon.ico" /> <link rel="alternate" type="application/rss+xml" title="Le blog www.claramorgane.com" href="http://www.claramorgane.com/blog.xml" /> <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic%7CPoppins:400,500,600%7CLora:400,400italic,700,700italic' rel='stylesheet' type='text/css' /> <link rel="stylesheet" href="/css/normalize.css" media="all"/> <link rel="stylesheet" href="/css/grid.css" media="all"/> <link rel="stylesheet" href="/css/ifyicons.css" media="all"/> <link rel="stylesheet" href="/css/swiper.css" media="all"/> <link rel="stylesheet" href="/main.css" media="all"/> <link rel="stylesheet" href="/css/framework.css" media="all"/> <link rel="stylesheet" href="/css/responsive.css" media="all"/> <link rel="stylesheet" href="/css/customizer.css" media="all"/> <link rel="stylesheet" href="http://www.midjdeal.com/assets/plugins/magnific-popup/magnific-popup.css" media="all" /> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-6092874-27']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); script> head> <body class="home"> <div id="fb-root">div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.7&appId=332233323590601"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));script> <div id="loader"> <span class="loader-loading">span> div> <div id="wrapper"> <header id="mobile-header" class="visible-sm visible-xs"> <div class="container"> <div class="m-menu"> <div class="m-menu-offcanvas"> <span class="m-close"> <span>span> span> <div class="m-header"> <span>span> div> <nav id="mmenu" class="m-navigation"> <ul> <li><a href="/">Homea>li> <li ><a href="/news/1.html">Newsa>li> <li ><a href="/a-propos-de-moi.html">A propos de moia>li> <li ><a href="/photos.html">Photosa>li> <li ><a href="/videos.html">Vidéosa>li> <li ><a href="/shop.html">Shopa>li> <li ><a href="/contacts.html">Contact Proa>li> <li ><a href="/membres.html">Mon comptea>li> ul> nav> <div class="m-footer"> <p>Copyright 2012-2017 © www.claramorgane.com - <b>Developped by <a target="_blank" href="http://www.midjdeal.com">MIDJ DEALa>p> div> div> <span class="toggle"> <span>span> span> div> <div class=""> <a class="inline-block" href="index.html"> <img src="/images/logo.png" alt="Logo www.claramorgane.com" title="Logo www.claramorgane.com" class="size-logo"/> a> div> <div class="m-search"> <span class="toggle"> <span>span> span> <form action="/shopsearch.html"> <input type="text" name="q" placeholder="Rechercher sur le site..."> form> div> div> header> <header id="header" class="header no-border visible-lg visible-md"> <!-- Topbar Additional Classes : - Add class "dark" if you want to activate dark topbar. - Add class "light" if you want to activate light topbar. --> <div class="topbar"> <div class="container"> <div class="row"> <div class="col-lg-10 col-md-10"> <nav class="topmenu"> <ul> <li><a href="/">Homea>li> <li ><a href="/news/1.html">Newsa>li> <li ><a href="/a-propos-de-moi.html">A propos de moia>li> <li ><a href="/photos.html">Photosa>li> <li ><a href="/videos.html">Vidéosa>li> <li ><a href="/shop.html">Shopa>li> <li ><a href="/contacts.html">Contact Proa>li> <li ><a href="/membres.html">Mon comptea>li> ul> nav> div> <div class="col-lg-2 col-md-2"> <div class="search float-right"> <form action="/shopsearch.html"> <input type="text" name="q" placeholder="Rechercher sur le site..." class="search-box"> form> <span class="toggle" style="margin: 18px 0 0 -18px;"><i class="ify-icon-search-3">i>span> div> <div class="social-header float-right"> <ul> <li> <a href="https://www.facebook.com/claramorgane" data-toggle="tooltip" data-placement="bottom" data-original-title="facebook"> <i class="ify-icon-facebook-1">i> a> li> <li> <a href="http://instagram.com/claramofficiel" data-toggle="tooltip" data-placement="bottom" data-original-title="instagram"> <i class="ify-icon-instagram-1">i> a> li> <li> <a href="http://twitter.com/ClaraMOfficiel" data-toggle="tooltip" data-placement="bottom" data-original-title="twitter"> <i class="ify-icon-twitter-1">i> a> li> <li> <a href="https://www.youtube.com/user/claramorgane" data-toggle="tooltip" data-placement="bottom" data-original-title="youtube"> <i class="ify-icon-youtube-play">i> a> li> ul> div> div> div> div> div> <div class="clear">div> <!--
–>
header> <div id="content"> <div class="featured-posts swiper-container"> <div class="featured-slider container-fluid"> <div class="swiper-wrapper"> <div class="swiper-slide " style="background-image:url(http://www.claramorgane.com/banner/content/images/ban_14848945561373_1637.jpg);"> <figure class="featured-overlay"> <figcaption class="featured-overlay-inner"> <h1 class="featured-title"> <a class="slide-hd" href="http://www.claramorgane.com/news/2017/96/venez-decouvrir-mon-cabaret.html">a> h1> figcaption> figure> div> <div class="swiper-slide " style="background-image:url(http://www.claramorgane.com/banner/content/images/ban_14723771092502_3092.jpg);"> <figure class="featured-overlay"> <figcaption class="featured-overlay-inner"> <h1 class="featured-title"> <span class="white-title">span> h1> figcaption> figure> div> <div class="swiper-slide " style="background-image:url(http://www.claramorgane.com/banner/content/images/ban_14735055000792_8556.jpg);"> <figure class="featured-overlay"> <figcaption class="featured-overlay-inner"> <h1 class="featured-title"> <a class="slide-hd" href="http://www.claramorgane.com/videos/2016/36/clara-morgane-calendrier-2017-le-film.html">a> h1> figcaption> figure> div> <div class="swiper-slide " style="background-image:url(http://www.claramorgane.com/banner/content/images/ban_1472755930728_1144.jpg);"> <figure class="featured-overlay"> <figcaption class="featured-overlay-inner"> <h1 class="featured-title"> <a class="slide-hd" href="http://www.claramorgane.com/news/1.html">a> h1> figcaption> figure> div> <div class="swiper-slide " style="background-image:url(http://www.claramorgane.com/banner/content/images/ban_1472235368563_8578.JPG);"> <figure class="featured-overlay"> <figcaption class="featured-overlay-inner"> <h1 class="featured-title"> <a class="slide-hd" href="/photos.html">a> h1> figcaption> figure> div> <div class="swiper-slide " style="background-image:url(http://www.claramorgane.com/banner/content/images/ban_14723787063849_7232.jpg);"> <figure class="featured-overlay"> <figcaption class="featured-overlay-inner"> <h1 class="featured-title"> <a class="slide-hd" href="a-propos-de-moi.html">a> h1> figcaption> figure> div> div> <div class="featured-pagination">div> <div class="nav-arrows featured-prev"><i class="ify-icon-left-small">i>div> <div class="nav-arrows featured-next"><i class="ify-icon-right-small">i>div> div> div> <div class="popular-posts post-block text-center"> <div class="container"> <div class="row"> <h4 class="heading col-lg-12 col-md-12"> <span>Derniers postsspan> h4> <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="item-thumb hidden-xs"> <a href="http://www.claramorgane.com/news/2017/97/qu-en-est-il-du-feminisme-aujourd-hui.html"><img alt="Qu’en est-il du féminisme aujourd’hui ?" src="/images/articles/th_14889156802636_5134.jpg" />a> div> <div class="item-thumb hidden-lg hidden-md hidden-sm"> <a href="http://www.claramorgane.com/news/2017/97/qu-en-est-il-du-feminisme-aujourd-hui.html"><img alt="Qu’en est-il du féminisme aujourd’hui ?" class="attachment-full-thumb" src="/images/articles/big_14889156802636_5134.jpg" />a> div> <h5 class="item-title"><a href="http://www.claramorgane.com/news/2017/97/qu-en-est-il-du-feminisme-aujourd-hui.html">Qu’en est-il du féminisme aujourd’hui ? a>h5> <span class="item-date">mercredi 8 mars 2017span> <div class="post-entry entry-content hidden-lg hidden-md hidden-sm post-justify"> <div class="post-header text-center"> <span class="post-cat see-article"> <a href="http://www.claramorgane.com/news/2017/97/qu-en-est-il-du-feminisme-aujourd-hui.html">Voir l'articlea> span> div> div> div> <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="item-thumb hidden-xs"> <a href="http://www.claramorgane.com/news/2017/96/venez-decouvrir-mon-cabaret.html"><img alt="VENEZ DÉCOUVRIR MON CABARET" src="/images/articles/th_14848949062501_5604.jpg" />a> div> <div class="item-thumb hidden-lg hidden-md hidden-sm"> <a href="http://www.claramorgane.com/news/2017/96/venez-decouvrir-mon-cabaret.html"><img alt="VENEZ DÉCOUVRIR MON CABARET" class="attachment-full-thumb" src="/images/articles/big_14848949062501_5604.jpg" />a> div> <h5 class="item-title"><a href="http://www.claramorgane.com/news/2017/96/venez-decouvrir-mon-cabaret.html">VENEZ DÉCOUVRIR MON CABARET a>h5> <span class="item-date">jeudi 19 janvier 2017span> <div class="post-entry entry-content hidden-lg hidden-md hidden-sm post-justify"> <div class="post-header text-center"> <span class="post-cat see-article"> <a href="http://www.claramorgane.com/news/2017/96/venez-decouvrir-mon-cabaret.html">Voir l'articlea> span> div> div> div> <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="item-thumb hidden-xs"> <a href="http://www.claramorgane.com/news/2016/94/decouvrez-la-lingerie-midnight-et-mon-code-promo.html"><img alt="Découvrez la lingerie Midnight et mon CODE PROMO" src="/images/articles/th_14774718601045_7808.jpg" />a> div> <div class="item-thumb hidden-lg hidden-md hidden-sm"> <a href="http://www.claramorgane.com/news/2016/94/decouvrez-la-lingerie-midnight-et-mon-code-promo.html"><img alt="Découvrez la lingerie Midnight et mon CODE PROMO" class="attachment-full-thumb" src="/images/articles/big_14774718601045_7808.jpg" />a> div> <h5 class="item-title"><a href="http://www.claramorgane.com/news/2016/94/decouvrez-la-lingerie-midnight-et-mon-code-promo.html">Découvrez la lingerie Midnight et mon CODE PROMOa>h5> <span class="item-date">mercredi 26 octobre 2016span> <div class="post-entry entry-content hidden-lg hidden-md hidden-sm post-justify"> <div class="post-header text-center"> <span class="post-cat see-article"> <a href="http://www.claramorgane.com/news/2016/94/decouvrez-la-lingerie-midnight-et-mon-code-promo.html">Voir l'articlea> span> div> div> div> <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="item-thumb hidden-xs"> <a href="http://www.claramorgane.com/news/2016/95/la-nes-est-de-retour.html"><img alt="La NES est de retour !" src="/images/articles/th_14774201147713_5301.jpg" />a> div> <div class="item-thumb hidden-lg hidden-md hidden-sm"> <a href="http://www.claramorgane.com/news/2016/95/la-nes-est-de-retour.html"><img alt="La NES est de retour !" class="attachment-full-thumb" src="/images/articles/big_14774201147713_5301.jpg" />a> div> <h5 class="item-title"><a href="http://www.claramorgane.com/news/2016/95/la-nes-est-de-retour.html">La NES est de retour !a>h5> <span class="item-date">mardi 25 octobre 2016span> <div class="post-entry entry-content hidden-lg hidden-md hidden-sm post-justify"> <div class="post-header text-center"> <span class="post-cat see-article"> <a href="http://www.claramorgane.com/news/2016/95/la-nes-est-de-retour.html">Voir l'articlea> span> div> div> div> <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="item-thumb hidden-xs"> <a href="http://www.claramorgane.com/news/2016/93/purepeolpe-clara-morgane-sa-soeur-son-mari-ses-envies-confidences-d-une-femme-libre.html"><img alt="Purepeolpe : Clara Morgane: Sa soeur, son mari, ses envies... Confidences d'une femme libre !" src="/images/articles/th_14747040526471_2757.jpg" />a> div> <div class="item-thumb hidden-lg hidden-md hidden-sm"> <a href="http://www.claramorgane.com/news/2016/93/purepeolpe-clara-morgane-sa-soeur-son-mari-ses-envies-confidences-d-une-femme-libre.html"><img alt="Purepeolpe : Clara Morgane: Sa soeur, son mari, ses envies... Confidences d'une femme libre !" class="attachment-full-thumb" src="/images/articles/big_14747040526471_2757.jpg" />a> div> <h5 class="item-title"><a href="http://www.claramorgane.com/news/2016/93/purepeolpe-clara-morgane-sa-soeur-son-mari-ses-envies-confidences-d-une-femme-libre.html">Purepeolpe : Clara Morgane: Sa soeur, son mari, ses envies... Confidences d'une femme libre !a>h5> <span class="item-date">samedi 24 septembre 2016span> <div class="post-entry entry-content hidden-lg hidden-md hidden-sm post-justify"> <div class="post-header text-center"> <span class="post-cat see-article"> <a href="http://www.claramorgane.com/news/2016/93/purepeolpe-clara-morgane-sa-soeur-son-mari-ses-envies-confidences-d-une-femme-libre.html">Voir l'articlea> span> div> div> div> <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="item-thumb hidden-xs"> <a href="http://www.claramorgane.com/news/2016/92/puretrend-la-belle-lance-son-nouveau-site.html"><img alt="PureTrend : La belle lance son nouveau site" src="/images/articles/th_14735860379562_2051.jpg" />a> div> <div class="item-thumb hidden-lg hidden-md hidden-sm"> <a href="http://www.claramorgane.com/news/2016/92/puretrend-la-belle-lance-son-nouveau-site.html"><img alt="PureTrend : La belle lance son nouveau site" class="attachment-full-thumb" src="/images/articles/big_14735860379562_2051.jpg" />a> div> <h5 class="item-title"><a href="http://www.claramorgane.com/news/2016/92/puretrend-la-belle-lance-son-nouveau-site.html">PureTrend : La belle lance son nouveau sitea>h5> <span class="item-date">dimanche 11 septembre 2016span> <div class="post-entry entry-content hidden-lg hidden-md hidden-sm post-justify"> <div class="post-header text-center"> <span class="post-cat see-article"> <a href="http://www.claramorgane.com/news/2016/92/puretrend-la-belle-lance-son-nouveau-site.html">Voir l'articlea> span> div> div> div> <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="item-thumb hidden-xs"> <a href="http://www.claramorgane.com/news/2016/91/purepeople-clara-morgane-devoile-la-video-de-son-calendrier-2017-erotique-et-destabilisant.html"><img alt="Purepeople : Clara Morgane dévoile la vidéo de son calendrier 2017, érotique et déstabilisant" src="/images/articles/th_14735843675774_3361.jpg" />a> div> <div class="item-thumb hidden-lg hidden-md hidden-sm"> <a href="http://www.claramorgane.com/news/2016/91/purepeople-clara-morgane-devoile-la-video-de-son-calendrier-2017-erotique-et-destabilisant.html"><img alt="Purepeople : Clara Morgane dévoile la vidéo de son calendrier 2017, érotique et déstabilisant" class="attachment-full-thumb" src="/images/articles/big_14735843675774_3361.jpg" />a> div> <h5 class="item-title"><a href="http://www.claramorgane.com/news/2016/91/purepeople-clara-morgane-devoile-la-video-de-son-calendrier-2017-erotique-et-destabilisant.html">Purepeople : Clara Morgane dévoile la vidéo de son calendrier 2017, érotique et déstabilisanta>h5> <span class="item-date">dimanche 11 septembre 2016span> <div class="post-entry entry-content hidden-lg hidden-md hidden-sm post-justify"> <div class="post-header text-center"> <span class="post-cat see-article"> <a href="http://www.claramorgane.com/news/2016/91/purepeople-clara-morgane-devoile-la-video-de-son-calendrier-2017-erotique-et-destabilisant.html">Voir l'articlea> span> div> div> div> <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="item-thumb hidden-xs"> <a href="http://www.claramorgane.com/news/2016/90/nouvel-iphone-7-hit-the-road-jack.html"><img alt="Nouvel Iphone 7, Hit the road Jack !" src="/images/articles/th_14733223000461_3655.jpg" />a> div> <div class="item-thumb hidden-lg hidden-md hidden-sm"> <a href="http://www.claramorgane.com/news/2016/90/nouvel-iphone-7-hit-the-road-jack.html"><img alt="Nouvel Iphone 7, Hit the road Jack !" class="attachment-full-thumb" src="/images/articles/big_14733223000461_3655.jpg" />a> div> <h5 class="item-title"><a href="http://www.claramorgane.com/news/2016/90/nouvel-iphone-7-hit-the-road-jack.html">Nouvel Iphone 7, Hit the road Jack !a>h5> <span class="item-date">jeudi 8 septembre 2016span> <div class="post-entry entry-content hidden-lg hidden-md hidden-sm post-justify"> <div class="post-header text-center"> <span class="post-cat see-article"> <a href="http://www.claramorgane.com/news/2016/90/nouvel-iphone-7-hit-the-road-jack.html">Voir l'articlea> span> div> div> div> <article class="post-lnk post col-lg-12 col-md-12 col-sm-12 hidden-xs" style=""> <div class="post-header-lnk post-header text-center"> <span class="post-cat"> <a href="/news/1.html">Voir toutes les newsa> span> div> article> div> div> div> <div class="main-wrap"> <div class="container"> <div class="row"> <div id="main" class="col-lg-12 col-md-12"> <div class="block-layout"> <div class="block-entries"> <div class="row"> <article class="post col-lg-12 col-md-12 col-sm-12 hidden-xs" style=""> <div class="post-image"> <img alt="Qu’en est-il du féminisme aujourd’hui ?" class="attachment-full-thumb" src="/images/articles/big_14889156802636_5134.jpg" /> div> <div class="post-header text-center"> <span class="post-cat"> <a href="http://www.claramorgane.com/news/2017/97/qu-en-est-il-du-feminisme-aujourd-hui.html">Voir le post completa> span> <h2 class="post-title"><a href="http://www.claramorgane.com/news/2017/97/qu-en-est-il-du-feminisme-aujourd-hui.html">Qu’en est-il du féminisme aujourd’hui ? a>h2> <div class="post-meta"> <span class="post-author">By <a href="#">Clara Morganea>span> <span class="post-date">mercredi 8 mars 2017span> div> <hr> div> article> <article> <div class="post-related post-block"> <div class=""> <h4 class="heading col-lg-12 col-md-12"> <span> News Videos span> h4> <div class="item col-lg-4 col-md-4 col-sm-4 hidden-xs"> <div class="item-thumb"> <a href="http://www.claramorgane.com/videos/2016/37/cabaret-de-clara-morgane-au-casino-le-lyon-vert.html"><img src="http://img.youtube.com/vi/FETG2xRaAZk/hqdefault.jpg" alt="Cabaret de Clara Morgane au Casino le Lyon Vert">a> div> <div class="post-header text-center text-video-home"> <span class="post-cat see-video see-video-home"> <a href="http://www.claramorgane.com/videos/2016/37/cabaret-de-clara-morgane-au-casino-le-lyon-vert.html">Regarder cette vidéoa> span> <h5 class="item-title"><a href="http://www.claramorgane.com/videos/2016/37/cabaret-de-clara-morgane-au-casino-le-lyon-vert.html">Cabaret de Clara Morgane au Casino le Lyon Verta>h5> <div class="post-meta legend-vid">mercredi 28 septembre 2016div> div> div> <div class="item col-lg-4 col-md-4 col-sm-4 hidden-xs"> <div class="item-thumb"> <a href="http://www.claramorgane.com/videos/2016/36/clara-morgane-calendrier-2017-le-film.html"><img src="http://img.youtube.com/vi/zIKuS0lMCyI/hqdefault.jpg" alt="Clara Morgane - Calendrier 2017 - Le film">a> div> <div class="post-header text-center text-video-home"> <span class="post-cat see-video see-video-home"> <a href="http://www.claramorgane.com/videos/2016/36/clara-morgane-calendrier-2017-le-film.html">Regarder cette vidéoa> span> <h5 class="item-title"><a href="http://www.claramorgane.com/videos/2016/36/clara-morgane-calendrier-2017-le-film.html">Clara Morgane - Calendrier 2017 - Le filma>h5> <div class="post-meta legend-vid">vendredi 9 septembre 2016div> div> div> <div class="item col-lg-4 col-md-4 col-sm-4 hidden-xs"> <div class="item-thumb"> <a href="http://www.claramorgane.com/videos/2016/35/making-of-calendrier-2016.html"><img src="http://img.youtube.com/vi/dbiliqstaI0/hqdefault.jpg" alt="Making Of Calendrier 2016">a> div> <div class="post-header text-center text-video-home"> <span class="post-cat see-video see-video-home"> <a href="http://www.claramorgane.com/videos/2016/35/making-of-calendrier-2016.html">Regarder cette vidéoa> span> <h5 class="item-title"><a href="http://www.claramorgane.com/videos/2016/35/making-of-calendrier-2016.html">Making Of Calendrier 2016a>h5> <div class="post-meta legend-vid">jeudi 1 septembre 2016div> div> div> div> div> article> <article class="post col-lg-12 col-md-12 col-sm-12 mt-20"> <div class=""> <iframe class="youtube-player" type="text/html" width="100%" height="50px"src="http://www.youtube.com/embed/LWdS4fY7eBE?&rel=0&theme=light&showinfo=0&color=white"allowfullscreen Description="0" frameborder="0">iframe> div> <div class="post-header text-center"> <span class="post-cat"> <a href="http://www.claramorgane.com/videos/2017/38/teaser-le-cabaret-de-clara-morgane.html">Teaser " Le Cabaret de Clara Morgane"a> span> <div class="post-meta legend-vid"> <span class="post-author">Par <a href="#">Clara Morganea>span> <span class="post-date">jeudi 2 février 2017span> div> <hr> div> <div class="post-related post-block"> <div class="row"> <h4 class="heading col-lg-12 col-md-12 col-sm-12 col-xs-12">La boutique de Clarah4> div> div> article> <article class="post-lnk post col-lg-12 col-md-12 col-sm-12" style=""> <div class="post-header-lnk post-header text-center"> <span class="post-cat"> <a href="/shop.html">Aller dans la boutique de Clara Morganea> span> div> article> div> div> div> div> div> div> div> div> <div class="instagram-widget"> <div class="container-fluid"> <h4 class="instagram-title">Instagram: ClaraMOfficielh4> <div class="instagram-entries row-no hidden-sm hidden-xs"> <script src="//lightwidget.com/widgets/lightwidget.js">script><iframe src="//lightwidget.com/widgets/f83dbb4140215204a36d2c53fe60cae1.html" id="lightwidget_f83dbb4140" name="lightwidget_f83dbb4140" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;">iframe> div> <div class="instagram-entries row-no hidden-lg hidden-md"> <script src="//lightwidget.com/widgets/lightwidget.js">script><iframe src="//lightwidget.com/widgets/25cb56feb7155801b23db04360424a27.html" id="lightwidget_25cb56feb7" name="lightwidget_25cb56feb7" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;">iframe> div> <div class="instagram-entries row-no hidden-lg hidden-md hidden-sm hidden-xs"> <script src="//lightwidget.com/widgets/lightwidget.js">script><iframe src="//lightwidget.com/widgets/3f291448c603548bb302d83d446dcf28.html" id="lightwidget_3f291448c6" name="lightwidget_3f291448c6" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;">iframe> div> div> div> div> <!-- Social Footer Additional Classes : - Default is light Social Footer style. - Add class "dark" if you want to activate dark Social Footer style. --> <div class="social-footer"> <a href="https://www.facebook.com/claramorgane"><i class="ify-icon-facebook-1">i> <span>facebookspan>a> <a href="http://instagram.com/claramofficiel"><i class="ify-icon-instagram-1">i> <span>instagramspan>a> <a href="http://twitter.com/ClaraMOfficiel"><i class="ify-icon-twitter-1">i> <span>twitterspan>a> <a href="https://www.youtube.com/user/claramorgane"><i class="ify-icon-youtube-play">i> <span>youtubespan>a> div> <!-- Footer Additional Classes : - Default is light footer style. - Add class "dark" if you want to activate dark footer. --> <footer id="footer" class="footer"> <div class="copyrights"> <div class="container"> <div class="row"> <div class="item-left col-lg-6 col-md-6 col-sm-6 col-xs-12"> <p>Copyrights <i class="ify-icon-copyright">i> <a href="#" title="">Clara Morganea> by <a href="http://www.midjdeal.com" target="_blank" title="Midj Deal">Midj Deala> - 2012 - 2017p> div> <div class="item-right col-lg-6 col-md-6 col-sm-6 hidden-xs"> <a class="totop" href="#totop">Top <i class="ify-icon-angle-up">i>a> div> div> div> div> footer> div> <script type="text/javascript" src="/js/jquery.min.js">script> <script type="text/javascript" src="/js/bootstrap.min.js">script> <script type="text/javascript" src="/js/swiper.min.js">script> <script type="text/javascript" src="/js/theia-sticky-sidebar.js">script> <script type="text/javascript" src="/js/tooltip.js">script> <script type="text/javascript" src="/js/fitvids.js">script> <script type="text/javascript" src="/js/smoothscroll.v1.2.1.js">script> <script type="text/javascript" src="/js/matchheight.js">script> <script type="text/javascript" src="/js/main.js">script> <script type="text/javascript" src="http://www.midjdeal.com/assets/plugins/magnific-popup/jquery.magnific-popup.min.js">script> <script type="text/javascript" src="https://use.fontawesome.com/82e7517c9d.js">script> <script type="text/javascript" src="http://kl-webmedia.com/demo/trendify/js/owl.carousel.min.js">script> <script src="/js/readmore.min.js">script> <script src="/js/jquery.bxslider.min.js">script> <link href="/css/jquery.bxslider.css" rel="stylesheet" /> <script> $('.read-more').readmore({ moreLink: 'Voir plus', lessLink: 'Voir moins', collapsedHeight: 1, speed: 500, }); $('.read-more-side').readmore({ moreLink: '...', lessLink: 'Voir moins', collapsedHeight: 100, speed: 500, }); /** 12. MAGNIFIC POPUP *************************************************** **/ function _popups() { if(jQuery().magnificPopup) { jQuery('.popup, .popup-image').magnificPopup({ type: 'image', fixedContentPos: false, fixedBgPos: false, mainClass: 'mfp-no-margins mfp-with-zoom', image: { verticalFit: true }, gallery: { enabled: true, // set to true to enable gallery preload: [0,2], // read about this option in next Lazy-loading section navigateByImgClick: true, arrowMarkup: '', // markup of an arrow button tPrev: 'Previous (Left arrow key)', // title for left button tNext: 'Next (Right arrow key)', // title for right button tCounter: '%curr% of %total%' // markup of counter }, zoom: { enabled: true, duration: 300 } }); // Magnific Popup for videos and google maps jQuery('.popup-video, .popup-gmap').magnificPopup({ disableOn: 700, type: 'iframe', fixedContentPos: false, fixedBgPos: false, mainClass: 'mfp-fade', removalDelay: 160, preloader: false }); // Magnific Popup for a normal inline element jQuery('.popup-inline').magnificPopup({ type: 'inline' }); // Magnific Popup for a project with rich content jQuery('.popup-project').magnificPopup({ type: 'inline', alignTop: true }); // Magnific Popup for an ajax popup without rich content jQuery('.popup-ajax').magnificPopup({ type: 'ajax', alignTop: true }); } } _popups(); (function($) { 'use strict'; /*====================================================== WOW Initialize ======================================================*/ new WOW().init(); /*====================================================== Owl Carousel ======================================================*/ $('.owl-slider').owlCarousel({ items: 1, loop: true, autoplay: true, nav: true, dots: false, navText: false }); // Pref add class active to 1st thumbnail via js $('.thumbnail').eq(0).addClass('active'); // When slider autoplay or drag is true $('.owl-slider').on('changed.owl.carousel', function(event) { $('.thumbnail').removeClass('active'); var sliders = 4; var currentItem = event.item.index - 2; if(currentItem >= sliders) { currentItem = 0; } $('.thumbnail').eq(currentItem).addClass('active'); }); // When thumbnail is clicked $('.thumbnail a').on("click", function(event){ event.preventDefault(); $('.thumbnail').removeClass('active'); var index = $('.thumbnail a').index(this); $('.thumbnail').eq(index).addClass('active'); $('.owl-slider').trigger('to.owl.carousel', [index, 300, true]); }); /*====================================================== Related Product Carousel ======================================================*/ $('.related-products-slider').owlCarousel({ items: 4, loop: true, autoplay: true, nav: true, margin: 30, dots: false, navText: false, responsive: { 0: { items: 1, }, 480: { items: 2, }, 768: { items: 3, }, 1200: { items: 4, } } }); $(".thumbs").owlCarousel({ items: 1, dots: false, }); $('.prev').on("click",function(){ $(this).parent().siblings('.thumbs, .single-quotation').trigger('prev.owl.carousel'); }); $('.next').on("click",function(){ $(this).parent().siblings('.thumbs, .single-quotation').trigger('next.owl.carousel'); }); /*====================================================== Client Carousel ======================================================*/ $(".client-carousel").owlCarousel({ items: 5, dots: false, nav: false, responsiveClass: true, responsive: { 0: { items: 2, }, 480: { items: 3, }, 768: { items: 4, }, 1200: { items: 5, } } }); /*====================================================== Blog Carousel ======================================================*/ $('.quotation-blog-post').owlCarousel({ items: 1, autoplay: true, nav: true, loop: true }); /*====================================================== Latest Item Carousel ======================================================*/ function custom_OwlCarousel(id) { $(id).owlCarousel({ items: 4, pagination: false, margin: 30, dots: false, loop: true, responsiveClass: true, responsive: { 0: { items: 1, }, 480: { items: 2, }, 768: { items: 3, }, 1200: { items: 4, } } }); $(id).addClass('owl-carousel'); $('.trendify-prev').on("click",function(){ $(id).trigger('prev.owl.carousel'); }); $('.trendify-next').on("click",function(){ $(id).trigger('next.owl.carousel'); }); } $('.latest-items .trendify-tab-title ul li a').on("click",function(e) { var id = $(this).attr('href'); var ids = $(".latest-items .trendify-tab-title ul a").map(function() { return $(this).attr('href'); }).get(); jQuery.each(ids, function(index, value) { var removeid = this; if (id != removeid) { $(removeid).removeClass('owl-carousel'); } }); custom_OwlCarousel(id); }); /*====================================================== Latest Item Carousel ======================================================*/ $('.zoom').magnificPopup({ disableOn: 700, type: 'image', removalDelay: 160, preloader: false, fixedContentPos: false }); custom_OwlCarousel($('.latest-items .trendify-tab-title ul li:first-child a').attr('href')); /*====================================================== Price Range ======================================================*/ $( "#slider-range" ).slider({ range: true, min: 10, max: 500, values: [ 80, 196 ], slide: function( event, ui ) { $( ".minamount" ).val( '$ ' + ui.values[ 0 ] ); $( ".maxamount" ).val( '$ ' + ui.values[ 1 ] ); } }); $( ".minamount" ).val( '$ ' + $( "#slider-range" ).slider( "values", 0 )); $( ".maxamount" ).val( '$ ' + $( "#slider-range" ).slider( "values", 1 )); $.fn.spinner = function() { this.each(function() { var el = $(this); // add elements el.wrap(''); el.before('-'); el.after('+'); // substract el.parent().on('click', '.sub', function () { if (el.val() > parseInt(el.attr('min'),10)) el.val( function(i, oldval) { return --oldval; }); }); // increment el.parent().on('click', '.add', function () { if (el.val() < parseInt(el.attr('max'),10)) el.val( function(i, oldval) { return ++oldval; }); }); }); }; /*====================================================== Direction Hover ======================================================*/ $('.boxed-content-container').directionalHover({ overlay: "dh-overlay", easing: "linear" }); /*====================================================== Venobox ======================================================*/ $('.venobox').venobox({ numeratio: true, infinigall: true }); /*====================================================== Revolution Slider ======================================================*/ $('.slider_one').revolution({ delay:5000, startwidth:1170, startheight:675, hideThumbs:10, fullWidth:"on", forceFullWidth:"on", touchenabled:"on", swipe_velocity:"0.7", swipe_max_touches:"1", swipe_min_touches:"1", drag_block_vertical:"false", navigationType:"bullet", navigationArrows:"solo", navigationStyle:"round", navigationHAlign:"left", navigationVAlign:"bottom", navigationHOffset:150, navigationVOffset:30, soloArrowLeftHalign:"left", soloArrowLeftValign:"bottom", soloArrowLeftHOffset:150, soloArrowLeftVOffset:60, soloArrowRightHalign:"left", soloArrowRightValign:"bottom", soloArrowRightHOffset:180, soloArrowRightVOffset:60 }); $('.slider_two').revolution({ delay:5000, startwidth:1170, startheight:675, hideThumbs:10, fullWidth:"on", forceFullWidth:"on", touchenabled:"on", swipe_velocity:"0.7", swipe_max_touches:"1", swipe_min_touches:"1", drag_block_vertical:"false", navigationType:"bullet", navigationArrows:"solo", navigationStyle:"round", navigationHAlign:"right", navigationVAlign:"center", soloArrowLeftHalign:"left", soloArrowLeftValign:"bottom", soloArrowLeftHOffset:50, soloArrowLeftVOffset:25, soloArrowRightHalign:"left", soloArrowRightValign:"bottom", soloArrowRightHOffset:80, soloArrowRightVOffset:25 }); })(jQuery); script> <script> $(document).ready(function(){ $('.slider1').bxSlider({ slideWidth: 200, minSlides: 8, maxSlides: 12, slideMargin: 2 }); }); script> body> html>
Le Ouest-Franc 
