Etienne Cendrier
How do I make an etienne cendrier?
Peintre et dessinateur. Né en 1967. Vit et travaille à Paris.. What is a etienne cendrier? How do you make a etienne cendrier? This script and codes were developed by Adnene Manai on 15 October 2022, Saturday.
Etienne Cendrier - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Etienne Cendrier</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel='stylesheet prefetch' href='https://dimsemenov-static.s3.amazonaws.com/dist/magnific-popup.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="gallery"> <div class="imgWrap imgWrap5 contact"> <h1>Etienne Cendrier </h1> <br><br> <div id="bio">
<span >18, rue du Goulet 93300 Aubervilliers</span><br>
<span ><span class="tel">☎ </span>+33 (0) 1 48 38 48 52</span><br>
<span class="adrs">
<a href="mailto:[email protected]">[email protected]</a>
</span><br>
<br><br>
</div> <video width="100%" controls="" poster="http://www.etiennecendrier.com/video/video-360p.png"> <source src="http://www.etiennecendrier.com/video/video-360p.mp4" type="video/mp4"> <source src="http://www.etiennecendrier.com/video/video-360p.webm" type="video/webm"> <em>Sorry, your browser doesn't support HTML5 video.</em> </video> <div class="full-content"> <span >
"They melt like mist, the solid lands, Like clouds they shape themselves and go."<br>
Tennyson
</span> <p>Peintre et dessinateur. Né en 1967. Vit et travaille à Paris.</p> <p></p> <p>Certains de ses dessins font partie des collections du British Museum et de la Victoria and Albert Museum Library. Il est présent, entre autres, dans les collections de Whoopi Goldberg et Agnès Jaoui.</p> <p>Les ciels d'Etienne Cendrier s'inscrivent dans une approche très contemporaine, jouant avec l'ambiguïté et le minimalisme. Le pastel est à la fois une technique et un matériau. Une pratique entre peinture et dessin qui engendre une sensation de velouté, d'immatérialité, qui ne trahit cependant jamais la description du réel. </p> <p>Ce sont des compositions imaginaires. De celles qui font rêver lorsqu'on regarde passer et changer les formes des nuages.</p> <p>Etienne Cendrier travaille également sur commande.</p> </div> </div> <!-- .imgWrap --> <div class="imgWrap imgWrap1" style="background-image:url(http://www.etiennecendrier.com/pastel/pastel_1.png); "> <div class="full-content"> <!--Image Gallery Begins--> <div class="images"> <ul class="gallery"> <li> <a href="http://www.etiennecendrier.com/pastel/pastel_1.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/pastel/pastel_1.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/pastel/pastel_2.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/pastel/pastel_2.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/pastel/pastel_3.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/pastel/pastel_3.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/pastel/pastel_4.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/pastel/pastel_4.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/pastel/pastel_5.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/pastel/pastel_5.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/pastel/pastel_6.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/pastel/pastel_6.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/pastel/pastel_7.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/pastel/pastel_7.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/pastel/pastel_9.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/pastel/pastel_9.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/pastel/pastel_10.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/pastel/pastel_10.png"/> </a> </li> </ul> <!--Image Gallery Ends--> </div> </div> </div> <!-- .imgWrap --> <div class="imgWrap imgWrap2" style="background-image:url(http://www.etiennecendrier.com/dessin/dessin_1.png);"> <div class="full-content"> <div class="images"> <ul class="gallery"> <li> <a href="http://www.etiennecendrier.com/dessin/dessin_1.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/dessin/dessin_1.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/dessin/dessin_2.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/dessin/dessin_2.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/dessin/dessin_3.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/dessin/dessin_3.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/dessin/dessin_4.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/dessin/dessin_4.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/dessin/dessin_5.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/dessin/dessin_5.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/dessin/dessin_6.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/dessin/dessin_6.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/dessin/dessin_7.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/dessin/dessin_7.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/dessin/dessin_8.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/dessin/dessin_8.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/dessin/dessin_9.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/dessin/dessin_9.png"/> </a> </li> </ul> </div> <!--Image Gallery Ends--> </div> </div> <div class="imgWrap imgWrap3" style="background-image:url(http://www.etiennecendrier.com/sketchbook/sketchbook_8.png);"> <div class="full-content"> <div class="images"> <ul class="gallery"> <li> <a href="http://www.etiennecendrier.com/sketchbook/sketchbook_1.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/sketchbook/sketchbook_1.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/sketchbook/sketchbook_2.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/sketchbook/sketchbook_2.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/sketchbook/sketchbook_3.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/sketchbook/sketchbook_3.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/sketchbook/sketchbook_4.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/sketchbook/sketchbook_4.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/sketchbook/sketchbook_5.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/sketchbook/sketchbook_5.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/sketchbook/sketchbook_6.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/sketchbook/sketchbook_6.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/sketchbook/sketchbook_7.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/sketchbook/sketchbook_7.png"/> </a> </li> <li> <a href="http://www.etiennecendrier.com/sketchbook/sketchbook_8.png" class="with-caption image-link" > <img src="http://www.etiennecendrier.com/sketchbook/sketchbook_8.png"/> </a> </li> </ul> </div> <!--Image Gallery Ends--> </div> </div> <div class="imgWrap imgWrap4" > <div id="bio"> <span class="date">2010</span><span class="what">Atelier RG, Paris IX</span> <span class="date">2009</span><span class="what">Atelier RG, Paris IX</span> <span class="date"></span><span class="what">Galerie Arcima, Paris V</span> <span class="date">2008</span><span class="what">Galerie Boyer Labarre, Genève, Suisse</span> <span class="date"></span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date"></span><span class="what">Atelier RG, Paris IX</span> <span class="date">2007</span><span class="what">Galerie Boyer Labarre, Genève, Suisse</span> <span class="date"></span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date"></span><span class="what">Atelier RG, Paris IX</span> <span class="date"></span><span class="what">Galerie du Fleuve, Paris VI</span> <span class="date"></span><span class="what">Galerie Samagra, Paris VI</span> <span class="date">2006</span><span class="what">Galerie Boyer Labarre, Genève, Suisse</span> <span class="date"></span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date">2005</span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date">2004</span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date">2003</span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date"></span><span class="what">Kellie Rae Theiss Gallery, Minneapolis, USA</span> <span class="date">2002</span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date"></span><span class="what">Kellie Rae Theiss Gallery, Minneapolis, USA</span> <span class="date">2001</span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date"></span><span class="what">Kellie Rae Theiss Gallery, Minneapolis, USA</span> <span class="date">2000</span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date">1999</span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date">1998</span><span class="what">Galerie Nancy Poole's Studio, Toronto, Canada</span> <span class="date">1997</span><span class="what">Galerie Nancy Poole's Studio, Toronto, Canada</span> <span class="date"></span><span class="what">Galerie Callu Mérite, Paris VI</span> <span class="date"></span><span class="what">Galerie Philippe Gélot, Paris IV</span> <span class="date">1996</span><span class="what">Galerie Philippe Fregnac, Paris VI</span> <span class="date"></span><span class="what">Galerie Callu Mérite, Paris VI</span> <span class="date"></span><span class="what">Galerie Elysée Matignon, Paris VIII</span> <span class="date">1995</span><span class="what">Galerie Nancy Poole's Studio, Toronto, Canada</span> <span class="date"></span><span class="what">Prix du portrait, Paul-Louis Weiller</span> <span class="date"></span><span class="what">Académie des Beaux-Arts, Paris VI</span> <span class="date">1994</span><span class="what">Galerie des Saints-Pères, Paris VI</span> <span class="date"></span><span class="what">Galerie Abakus, Varsovie, Pologne</span> <span class="date">1991</span><span class="what">Prix de la Ville, Salon de Barbizon</span> <span class="date">1990</span><span class="what">Espace Guyot, Paris VI</span> </div> </div>
</div>
</div>
<div id="close" title="Close (Esc)" class="mfp-close">×</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://ricostacruz.com/jquery.transit/jquery.transit.min.js'></script>
<script src='https://dimsemenov-static.s3.amazonaws.com/dist/jquery.magnific-popup.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Etienne Cendrier - Script Codes CSS Codes
@import "https://wallaceerick.com.br/clientes/flat-ui/assets/css/modules/_icons.scss";
@import url("https://fonts.googleapis.com/css?family=Lato");
body, html { font-family: Lato, Arial; color:#fff; height: 100%; width: 100%; overflow: hidden;
}
h1 { font-weight: normal; font-size: 40px; font-weight: normal; text-transform: uppercase;
}
h1 span { font-size: 13px; display: block; padding-left: 4px;
}
.gallery { overflow: hidden; height: 100%; width: 100%; display: block; margin: 0; padding: 0; position: relative;
}
.imgWrap { background: #000; cursor:pointer; float: left; width: 20%; height: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
video{ padding-top:50px;
}
.imgWrap:last-child { float: left;
}
.current { width: 32%; -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.notCurrent { width: 17%; -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.current-full { width: 100%; -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.current-full .full-content { visibility: visible;
}
.full-content { padding:8px; visibility: hidden; background: rgba(0, 0, 0, 0.6); color:#fff; height: 100%; width: 100%;
}
.notCurrent-full { width: 0%; -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/******************************
Image Gallery
******************************/
.images ul li { float: left; width: 150px; height: 125px; list-style: none; margin: 40px 40px 40px 40px; opacity: 1; -webkit-animation: scale 1s ease-in-out infinite alternate;
}
.images ul li img{ height: auto; width: 100%;
}
.images ul li:hover { opacity: 1.0;
}
.contact{ color: #131313; background-color: #e7e5e4;
}
.date{ font-weight: normal; font-size: 40px; font-weight: normal; text-transform: uppercase;
}
.what{ font-size: 13px; display: block; padding-left: 4px;
}
Etienne Cendrier - Script Codes JS Codes
var full=false;
$('.imgWrap').hover(function () { // $(this).css('width', '36%'); $(this).addClass('current'); //$(this).siblings().css('width', '16%'); $(this).siblings().addClass('notCurrent');
}, function () { //$('.imgWrap').css('width', '20%'); $('.imgWrap').siblings().removeClass('notCurrent'); $('.imgWrap').removeClass('current'); });
$('.imgWrap').click(function () { if(!full){ full = true; // $(this).css('width', '100%'); $(this).addClass('current-full'); //$(this).siblings().css('width', '0%'); $(this).siblings().addClass('notCurrent-full'); }
});
$('.mfp-close').click(function () { full = false; $('.imgWrap').siblings().removeClass('notCurrent-full'); $('.imgWrap').removeClass('current-full');
});
$('.gallery').magnificPopup({ delegate: 'a', type: 'image', removalDelay: 300, mainClass: 'mfp-fade', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] }
});
![Etienne Cendrier - Script Codes](http://shots.codepen.io/adnmanai/pen/eIByL-512.jpg)
Developer | Adnene Manai |
Username | adnmanai |
Uploaded | October 15, 2022 |
Rating | 3 |
Size | 4,564 Kb |
Views | 12,144 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Flexbox Gallery with Angularjs | 1,863 Kb |
Generate Date CSV | 2,204 Kb |
Gallery unsplash | 3,385 Kb |
Quick starter with Angularjs | 1,662 Kb |
Angularjs - 8 cards carrousel | 3,571 Kb |
A Pen by Adnene Manai | 1,641 Kb |
Generate Stock Date CSV | 2,359 Kb |
Gallery | 3,348 Kb |
Svg ani | 14,097 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
A Pen by Markku Lehmonen | SharpDal | 7,804 Kb |
Wikipedia Viewer | Thomasvaeth | 2,549 Kb |
Wikipedia Viewer | Thalpha | 4,426 Kb |
Scroll to view if element partially out of view port height | ChrisMaki | 2,104 Kb |
Bootstrap example | Ssaakkaa | 2,716 Kb |
Another brick in the wall | Fivera | 1,955 Kb |
Static Image to Video Block | Grayghostvisuals | 4,864 Kb |
Jstam.com Home Page | Jstam | 10,558 Kb |
Blog Concept 2 | JGallardo | 2,994 Kb |
NT Tribute | Skybutterfly | 2,850 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!