mise a jour mosaiq
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 216 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 316 KiB |
|
Before Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 125 KiB After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 180 KiB |
102
index.html
|
|
@ -82,87 +82,87 @@
|
||||||
|
|
||||||
<section id="portfolio">
|
<section id="portfolio">
|
||||||
<div class="d-flex flex-wrap">
|
<div class="d-flex flex-wrap">
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="gsdaZ-aeHaM" data-comment="This is the story of a special mushroom who will, during some adventures, meet an old friend again. Released in December 2018">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802458?autoplay=1&loop=1&autopause=0" data-comment="Jupiter in the mist.">
|
||||||
<video loop muted poster="img/portfolio/mush.jpg">
|
<video loop muted poster="img/portfolio/mist.jpg">
|
||||||
<source src="video/portfolio/champi.webm" type="video/webm">
|
<source src="video/portfolio/mist.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="RV0M18MpDtQ" data-comment="Here is my graduation film at Ecole Supérieure de l'AudioVisuel (ESAV). Seven days before my defense, I was burglarized and I made this alternative ending in three days. Released in June 2017">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802401?autoplay=1&loop=1&autopause=0" data-comment="This key can open all the treasures.">
|
||||||
<video loop muted poster="img/portfolio/roy.jpg">
|
<video loop muted poster="img/portfolio/hand.jpg">
|
||||||
<source src="video/portfolio/roy.webm" type="video/webm">
|
<source src="video/portfolio/hand.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287796820?autoplay=1&loop=1&autopause=0">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287796820?autoplay=1&loop=1&autopause=0" data-comment="An Orange guitar amp followed by a Voronoi Fracture animation.">
|
||||||
<video loop muted poster="img/portfolio/amp.jpg">
|
<video loop muted poster="img/portfolio/amp.jpg">
|
||||||
<source src="video/portfolio/amp.webm" type="video/webm">
|
<source src="video/portfolio/amp.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="FVdhdDV8rYY" data-options="autoplay=1&loop=1&playlist=FVdhdDV8rYY">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802323?autoplay=1&loop=1&autopause=0" data-comment="For this one I wanted to mix cloner and gravity.">
|
||||||
<video loop muted poster="img/portfolio/des.jpg">
|
<video loop muted poster="img/portfolio/candle.jpg">
|
||||||
<source src="video/portfolio/d1.webm" type="video/webm">
|
<source src="video/portfolio/candle.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-sketchfabid="7507e61126754169937a24858981b185">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802590?autoplay=1&loop=1&autopause=0" data-comment="An advertisement for a watch.">
|
||||||
<div class="portfolio-container">
|
<video loop muted poster="img/portfolio/watch.jpg">
|
||||||
<img class="dynamic-zoom" src="img/portfolio/Metal Carrot1.jpg" />
|
<source src="video/portfolio/watch.webm" type="video/webm">
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="194361756">
|
|
||||||
<video loop muted poster="img/portfolio/or.jpg">
|
|
||||||
<source src="video/portfolio/or.webm" type="video/webm">
|
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="202941724" data-comment="A painting by Santiago Rusiñol y Prat, animated with Clémentine Meriadec for the Goya Museum">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802506?autoplay=1&loop=1&autopause=0" data-comment="My lanterns. Made with Cinema 4D and Redshift.">
|
||||||
<video loop muted poster="img/portfolio/jar.jpg">
|
<video loop muted poster="img/portfolio/lant.jpg">
|
||||||
<source src="video/portfolio/jar.webm" type="video/webm">
|
<source src="video/portfolio/lant.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#carouselSculptingModal">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802537?autoplay=1&loop=1&autopause=0" data-comment="When a train leaves the earth...">
|
||||||
<video loop muted poster="img/portfolio/st.jpg">
|
<video loop muted poster="img/portfolio/loco.jpg">
|
||||||
<source src="video/portfolio/st.webm" type="video/webm">
|
<source src="video/portfolio/loco.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="SL3AzzP0kaw" data-options="autoplay=1&loop=1&playlist=SL3AzzP0kaw">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802445?autoplay=1&loop=1&autopause=0" data-comment="An interior modeling.">
|
||||||
<video loop muted poster="img/portfolio/box.jpg">
|
<video loop muted poster="img/portfolio/home.jpg">
|
||||||
<source src="video/portfolio/box.webm" type="video/webm">
|
<source src="video/portfolio/home.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio col-lg-4 col-sm-6">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802488?autoplay=1&loop=1&autopause=0" data-comment="A mountain view. Thanks to Forester and Redshift Proxy.">
|
||||||
<video loop muted poster="img/portfolio/1.jpg">
|
<video loop muted poster="img/portfolio/land.jpg">
|
||||||
<source src="video/portfolio/1.webm" type="video/webm">
|
<source src="video/portfolio/land.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="195989917" data-comment="Générique d'un film fantôme réalisé dans le cadre d'une rencontre avec les GOBELINS, j'ai également pu composer la musique.">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802425?autoplay=1&loop=1&autopause=0" data-comment="Hotel in the dark.">
|
||||||
<video loop muted poster="img/portfolio/pomp.jpg">
|
<video loop muted poster="img/portfolio/hotel.jpg">
|
||||||
<source src="video/portfolio/pomp.webm" type="video/webm">
|
<source src="video/portfolio/host.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="194362062" data-comment="Clip Vidéo réagissant au rythme de la musique.">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802572?autoplay=1&loop=1&autopause=0" data-comment="A temple in the forest.">
|
||||||
<video loop muted poster="img/portfolio/vector.jpg">
|
|
||||||
<source src="video/portfolio/music.webm" type="video/webm">
|
|
||||||
</video>
|
|
||||||
</div>
|
|
||||||
<div class="element-portfolio video-portfolio col-lg-4 col-sm-6">
|
|
||||||
<video loop muted poster="img/portfolio/star.jpg">
|
|
||||||
<source src="video/portfolio/star.webm" type="video/webm">
|
|
||||||
</video>
|
|
||||||
</div>
|
|
||||||
<div class="element-portfolio video-portfolio col-lg-4 col-sm-6">
|
|
||||||
<video loop muted poster="img/portfolio/all.jpg">
|
|
||||||
<source src="video/portfolio/all.webm" type="video/webm">
|
|
||||||
</video>
|
|
||||||
</div>
|
|
||||||
<div class="element-portfolio video-portfolio col-lg-4 col-sm-6">
|
|
||||||
<video loop muted poster="img/portfolio/temple.jpg">
|
<video loop muted poster="img/portfolio/temple.jpg">
|
||||||
<source src="video/portfolio/temple.webm" type="video/webm">
|
<source src="video/portfolio/temple.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="gsdaZ-aeHaM" data-comment="This is the story of a special mushroom who will, during some adventures, meet an old friend again. Released in December 2018">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802555?autoplay=1&loop=1&autopause=0" data-comment="An example of soda advertising. I used Realflow for the liquid animation.">
|
||||||
|
<video loop muted poster="img/portfolio/tea.jpg">
|
||||||
|
<source src="video/portfolio/tea.webm" type="video/webm">
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802354?autoplay=1&loop=1&autopause=0" data-comment="Inside. Made with Cinema 4D and Arnold.">
|
||||||
|
<video loop muted poster="img/portfolio/fen.jpg">
|
||||||
|
<source src="video/portfolio/fen.webm" type="video/webm">
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802369?autoplay=1&loop=1&autopause=0" data-comment="Made with Cinema 4D, Turbulence FD and Redshift.">
|
||||||
|
<video loop muted poster="img/portfolio/final.jpg">
|
||||||
|
<source src="video/portfolio/final.webm" type="video/webm">
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802346?autoplay=1&loop=1&autopause=0" data-comment="The moon keep a close look on the city.">
|
||||||
|
<video loop muted poster="img/portfolio/eye.jpg">
|
||||||
|
<source src="video/portfolio/eye.webm" type="video/webm">
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="gsdaZ-aeHaM" data-comment="This is the story of a special mushroom who will, during some adventures, meet an old friend again. Released in December 2018.">
|
||||||
<video loop muted poster="img/portfolio/mush.jpg">
|
<video loop muted poster="img/portfolio/mush.jpg">
|
||||||
<source src="video/portfolio/champi.webm" type="video/webm">
|
<source src="video/portfolio/champi.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="RV0M18MpDtQ" data-comment="Here is my graduation film at Ecole Supérieure de l'AudioVisuel (ESAV). Seven days before my defense, I was burglarized and I made this alternative ending in three days. Released in June 2017">
|
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="RV0M18MpDtQ" data-comment="Here is my graduation film at Ecole Supérieure de l'AudioVisuel (ESAV). Seven days before my defense, I was burglarized and I made this alternative ending in three days. Released in June 2017.">
|
||||||
<video loop muted poster="img/portfolio/roy.jpg">
|
<video loop muted poster="img/portfolio/roy.jpg">
|
||||||
<source src="video/portfolio/roy.webm" type="video/webm">
|
<source src="video/portfolio/roy.webm" type="video/webm">
|
||||||
</video>
|
</video>
|
||||||
|
|
|
||||||