https://www.lematin.fr/nav-illustrations

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<meta http-equiv="x-ua-compatible" content="ie=edge">
7<title>Photos et illustrations Lematin.fr</title>
8<meta name="description" content="Photos et illustrations du site Lematin.fr">
9<meta name="keywords" content="photos, illustrations, lematin">		
10<link rel="icon" href="/assets_search/img/reseaux.ico">
11<link rel="stylesheet" href="/assets_search/css/main.css">
12<link rel="stylesheet" href="/assets_search/css/magnific-popup.css">
13<link rel="stylesheet" href="/assets_search/css/cookie.css">
14<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,600,700,900&display=swap" rel="stylesheet">
15<!-- Load htmlshiv and Respond.js for old IE versions so we can use HTML5 elements and media queries -->
16<!--[if lt IE 9]>

17<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>

17

18<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>

18
19<![endif]-->
20<meta name="mobile-web-app-capable" content="yes"><link rel="icon" sizes="196x196" href="/assets_search/img/reponses196.png">
21<link rel="apple-touch-icon" sizes="152x152" href="/assets_search/img/reponses152.png">
22<style>
23header {background-image: url("/assets_search/img/contact.jpg");} 
24section#images {background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.7)), url(photos/5/51553_80372.jpg);} 
25</style>
26</head>
27<body>
28<nav><a class="brandName scrollLink" href="/">lematin.fr</a>
29<button class="menuButton" aria-label="lematin.fr" >
30<svg class="menuIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z"/></svg>
31<svg class="closeIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z"/></svg>
32</button>
33<ul><li><a href="/nav-videos">Videos</a></li><li><a href="">Photos</a></li><li><a href="/nav-annoncespros">Annonces</a></li><li><a href="/#news">News</a></li><li><a href="/nav-contact">Contact</a></li></ul></nav>
34<header id="header2">
35</header>    
36<section id="images">
37<h1 class="headerLine">Photos Lematin.fr</h1>
38<div class="lineContainer"><div class="line"></div></div>
39<h2 class="headerLine">Cliquez sur une photo pour d&eacute;marrer l'animation</h2><div class="zoom-gallery"><div class="row"><div class="col"><a href="/photos/5/51553_80364.jpg" data-source="/photos/5/51553_80364.jpg" title="bonnes, raisons, de, courir" style="width:250px;"><img src="/photos/5/51553_80364.jpg" width="250" alt="bonnes, raisons, de, courir" ></a><h3 class="headerLine">bonnes, raisons, de, courir</h3></div><div class="col"><a href="/photos/5/51553_80365.jpg" data-source="/photos/5/51553_80365.jpg" title="soleil, ville, matin, full" style="width:250px;"><img src="/photos/5/51553_80365.jpg" width="250" alt="soleil, ville, matin, full" ></a><h3 class="headerLine">soleil, ville, matin, full</h3></div><div class="col"><a href="/photos/5/51553_80366.jpg" data-source="/photos/5/51553_80366.jpg" title="lematin" style="width:250px;"><img src="/photos/5/51553_80366.jpg" width="250" alt="lematin" ></a><h3 class="headerLine">lematin</h3></div><div class="col"><a href="/photos/5/51553_80367.jpg" data-source="/photos/5/51553_80367.jpg" title="le, matin, tres, tot" style="width:250px;"><img src="/photos/5/51553_80367.jpg" width="250" alt="le, matin, tres, tot" ></a><h3 class="headerLine">le, matin, tres, tot</h3></div><div class="col"><a href="/photos/5/51553_80368.jpg" data-source="/photos/5/51553_80368.jpg" title="lematin" style="width:250px;"><img src="/photos/5/51553_80368.jpg" width="250" alt="lematin" ></a><h3 class="headerLine">lematin</h3></div><div class="col"><a href="/photos/5/51553_80370.jpg" data-source="/photos/5/51553_80370.jpg" title="sunrise" style="width:250px;"><img src="/photos/5/51553_80370.jpg" width="250" alt="sunrise" ></a><h3 class="headerLine">sunrise</h3></div><div class="col"><a href="/photos/5/51553_80371.jpg" data-source="/photos/5/51553_80371.jpg" title="logo, le, matin" style="width:250px;"><img src="/photos/5/51553_80371.jpg" width="250" alt="logo, le, matin" ></a><h3 class="headerLine">logo, le, matin</h3></div><div class="col"><a href="/photos/5/51553_80372.jpg" data-source="/photos/5/51553_80372.jpg" title="mo, rj, no" style="width:250px;"><img src="/photos/5/51553_80372.jpg" width="250" alt="mo, rj, no" ></a><h3 class="headerLine">mo, rj, no</h3></div><div class="col"><a href="/photos/5/51553_80373.jpg" data-source="/photos/5/51553_80373.jpg" title="coq, chante, matin" style="width:250px;"><img src="/photos/5/51553_80373.jpg" width="250" alt="coq, chante, matin" ></a><h3 class="headerLine">coq, chante, matin</h3></div><div class="col"><a href="/photos/5/51553_80374.png" data-source="/photos/5/51553_80374.png" title="le, matin, dimanchesvg" style="width:250px;"><img src="/photos/5/51553_80374.png" width="250" alt="le, matin, dimanchesvg" ></a><h3 class="headerLine">le, matin, dimanchesvg</h3></div><div class="col"><a href="/photos/5/51553_80375.jpg" data-source="/photos/5/51553_80375.jpg" title="lorrain" style="width:250px;"><img src="/photos/5/51553_80375.jpg" width="250" alt="lorrain" ></a><h3 class="headerLine">lorrain</h3></div><div class="col"><a href="/photos/5/51553_80377.jpg" data-source="/photos/5/51553_80377.jpg" title="lematin" style="width:250px;"><img src="/photos/5/51553_80377.jpg" width="250" alt="lematin" ></a><h3 class="headerLine">lematin</h3></div><div class="col"><a href="/photos/5/51553_80378.png" data-source="/photos/5/51553_80378.png" title="le, matin, dimanche, logo" style="width:250px;"><img src="/photos/5/51553_80378.png" width="250" alt="le, matin, dimanche, logo" ></a><h3 class="headerLine">le, matin, dimanche, logo</h3></div><div class="col"><a href="/photos/5/51553_80381.jpg" data-source="/photos/5/51553_80381.jpg" title="courir, matin, tot, jeun" style="width:250px;"><img src="/photos/5/51553_80381.jpg" width="250" alt="courir, matin, tot, jeun" ></a><h3 class="headerLine">courir, matin, tot, jeun</h3></div><div class="col"><a href="/photos/5/51553_80383.jpg" data-source="/photos/5/51553_80383.jpg" title="moments, de, la, journee" style="width:250px;"><img src="/photos/5/51553_80383.jpg" width="250" alt="moments, de, la, journee" ></a><h3 class="headerLine">

39moments, de, la, journee</h3></div><div class="col"><a href="/photos/5/51553_80385.jpg" data-source="/photos/5/51553_80385.jpg" title="lematin" style="width:250px;"><img src="/photos/5/51553_80385.jpg" width="250" alt="lematin" ></a><h3 class="headerLine">lematin</h3></div><div class="col"><a href="/photos/5/51553_80386.jpg" data-source="/photos/5/51553_80386.jpg" title="lematin" style="width:250px;"><img src="/photos/5/51553_80386.jpg" width="250" alt="lematin" ></a><h3 class="headerLine">lematin</h3></div>
40</div></div>		
41    </section><section id="nous_contacter"><h1 class="headerLine">Th&eacute;matiques en rapport avec Lematin.fr</h1><div class="lineContainer"><div class="line"></div></div><footer>
42<div>
43<div class="row"><div class="col"><h3>Réveillon.fr</h3><a href="https://www.Réveillon.fr" rel="nofollow" title="Suivre l'actualit&eacute; Réveillon sur le site Réveillon.fr">Réveillon du 31</a></div><div class="col"><h3>Enfants.fr</h3><a href="https://www.Enfants.fr" rel="nofollow" title="Suivre l'actualit&eacute; Enfants sur le site Enfants.fr">Tous les enfants du monde</a></div><div class="col"><h3>Vite.fr</h3><a href="https://www.Vite.fr" rel="nofollow" title="Suivre l'actualit&eacute; Vite sur le site Vite.fr">Vite et bien !</a></div><div class="col"><h3>Syndicat-des-eaux.fr</h3><a href="https://www.Syndicat-des-eaux.fr" rel="nofollow" title="Suivre l'actualit&eacute; Syndicat des eaux sur le site Syndicat des eaux.fr">Syndicat-des-eaux</a></div><div class="col"><h3>Simples.fr</h3><a href="https://www.Simples.fr" rel="nofollow" title="Suivre l'actualit&eacute; Simples sur le site Simples.fr">Simples et efficaces !</a></div><div class="col"><h3>Rien.fr</h3><a href="https://www.Rien.fr" rel="nofollow" title="Suivre l'actualit&eacute; Rien sur le site Rien.fr">Rien de rien</a></div><div class="col"><h3>Revez.fr</h3><a href="https://www.Revez.fr" rel="nofollow" title="Suivre l'actualit&eacute; Revez sur le site Revez.fr">Réver d'une autre vie</a></div><div class="col"><h3>Rapide.fr</h3><a href="https://www.Rapide.fr" rel="nofollow" title="Suivre l'actualit&eacute; Rapide sur le site Rapide.fr">Rapide et pas cher !</a></div><div class="col"><h3>Pote.fr</h3><a href="https://www.Pote.fr" rel="nofollow" title="Suivre l'actualit&eacute; Pote sur le site Pote.fr">Salut mon pote !</a></div><div class="col"><h3>Ledico.fr</h3><a href="https://www.Ledico.fr" rel="nofollow" title="Suivre l'actualit&eacute; Ledico sur le site Ledico.fr">Le dico en ligne</a></div><div class="col"><h3>Fric.fr</h3><a href="https://www.Fric.fr" rel="nofollow" title="Suivre l'actualit&eacute; Fric sur le site Fric.fr">Comment faire du fric !</a></div><div class="col"><h3>Con.fr</h3><a href="https://www.Con.fr" rel="nofollow" title="Suivre l'actualit&eacute; Con sur le site Con.fr">Je suis con ou koi ?</a></div><div class="col"><h3>Collectif.fr</h3><a href="https://www.Collectif.fr" rel="nofollow" title="Suivre l'actualit&eacute; Collectif sur le site Collectif.fr">Jouer collectif</a></div><div class="col"><h3>Bonsoir.fr</h3><a href="https://www.Bonsoir.fr" rel="nofollow" title="Suivre l'actualit&eacute; Bonsoir sur le site Bonsoir.fr">Bonsoir à toi !</a></div><div class="col"><h3>Biens.fr</h3><a href="https://www.Biens.fr" rel="nofollow" title="Suivre l'actualit&eacute; Biens sur le site Biens.fr">Gérer mes biens</a></div><div class="col"><h3>Rousse.fr</h3><a href="https://www.Rousse.fr" rel="nofollow" title="Suivre l'actualit&eacute; Rousse sur le site Rousse.fr">Rousse</a></div><div class="col"><h3>Girl.fr</h3><a href="https://www.Girl.fr" rel="nofollow" title="Suivre l'actualit&eacute; Girl sur le site Girl.fr">Girls on line</a></div><div class="col"><h3>Brune.fr</h3><a href="https://www.Brune.fr" rel="nofollow" title="Suivre l'actualit&eacute; Brune sur le site Brune.fr">Je suis brune, et alors ?</a></div><div class="col"><h3>Boy.fr</h3><a href="https://www.Boy.fr" rel="nofollow" title="Suivre l'actualit&eacute; Boy sur le site Boy.fr">A votre service...</a></div> 
44</div></div>
45<h2 class="headerLine">Edition - H&eacute;bergement - R&eacute;f&eacute;rencement Lematin.fr</h2><div class="lineContainer"><div class="line"></div></div><p class="copyright"><div><a href="https://www.minibluff.com"> Essayez le jeu de notre sponsor MINIBLUFF</a><br /><br /><a href="https://www.pixabay.com" target="_blank" rel="noreferrer noopener">Photos Pixabay</a> </div>&copy; Reponses.fr<div><a href="https://www.reponses.fr" target="_blank" rel="noreferrer noopener">Site édité par Reponses.fr</a></div></footer>
46</section>
47

48<script src="/assets_search/js/jquery-3.5.1.js"></script>

48

49<script src="/assets_search/js/jquery-3.5.1.min.js"></script>

49

50<script>
51// Nav Header Class Type Checking (nav has white background when not on top of page)
52window.onscroll = checkNavClassNameHeaderType;
53window.onload = checkNavClassNameHeaderType;
54
55function checkNavClassNameHeaderType(){
56        if(document.getElementsByTagName("html")[0].scrollTop > 0){
57            $("nav").addClass("nonTopNav");
58        }else{
59            $("nav").removeClass("nonTopNav");;
60        }
61}
62
63// Mobile Nav Menu Link Toggle Button Functionality
64    $("nav button.menuButton").on("click",function(){
65        $("body").toggleClass("activeNavLinks");
66    });
67
68    // Scroll Link Functionality
69    $(".scrollLink").on("click",function(){
70        $("body").removeClass("activeNavLinks");
71        var scrollTo = this.getAttribute("scrolllink");
72        if(window.innerWidth <= 500){
73            $('html, body').animate({scrollTop: $(scrollTo).offset().top - 65}, 600,'easeInOutExpo');
74        }else{
75            $('html, body').animate({scrollTop: $(scrollTo).offset().top - 50}, 600,'easeInOutExpo');
76        }
77    });
78</script>

78

79<script src="/assets_search/js/cookies.js"></script>

79

80<script src="/assets_search/js/jquery.magnific-popup.js"></script>

80

81<script>
82$(document).ready(function() {
83	$('.zoom-gallery').magnificPopup({
84		delegate: 'a',
85		type: 'image',
86		closeOnContentClick: false,
87		closeBtnInside: false,
88		mainClass: 'mfp-with-zoom mfp-img-mobile',
89		image: {
90			verticalFit: true,
91			titleSrc: function(item) {
92				return item.el.attr('title') + ' &middot; Lematin.fr <a class="image-source-link" href="'+item.el.attr('data-source')+'" target="_blank"></a>';
93			}
94		},
95		gallery: {
96			enabled: true
97		},
98		zoom: {
99			enabled: true,
100			duration: 300, // don't foget to change the duration also in CSS
101			opener: function(element) {
102				return element.find('img');
103			}
104		}
105		
106	});
107});
108</script>

108</body></html>