Add last projects

index.html

@@ -82,6 +82,36 @@
 
     <section id="portfolio">
         <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-vimeoid="311415375?autoplay=1&loop=1&autopause=0" data-comment="My favorite project of 2018. Two creatures in a snowy landscape. Made during the last two weeks of December 2018.">
+                <video loop muted poster="img/portfolio/flo.jpg">
+                    <source src="video/portfolio/flo.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="311415149?autoplay=1&loop=1&autopause=0" data-comment="I created a rigged fox and a snake, I used Xgen for the fur. This project taked the first two weeks of December 2018.">
+                <video loop muted poster="img/portfolio/an.jpg">
+                    <source src="video/portfolio/an.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="311414971?autoplay=1&loop=1&autopause=0" data-comment="Made during the last two weeks of November 2018. Inspired by Ghost in the Shell and Cowboy Bebop.">
+                <video loop muted poster="img/portfolio/out.jpg">
+                    <source src="video/portfolio/out.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="311414804?autoplay=1&loop=1&autopause=0" data-comment="Released at the end of the first two weeks of November 2018 showing an animal character in an Italian city.">
+                <video loop muted poster="img/portfolio/venise.jpg">
+                    <source src="video/portfolio/venise.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="311414675?autoplay=1&loop=1&autopause=0" data-comment="Created during the last two weeks of October 2018 showing a character in a mountain landscape.">
+                <video loop muted poster="img/portfolio/girl.jpg">
+                    <source src="video/portfolio/girl.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="311414306?autoplay=1&loop=1&autopause=0" data-comment="Project created during the first two weeks of October 2018 showing a small robot walking in a windy forest.">
+                <video loop muted poster="img/portfolio/roy2.jpg">
+                    <source src="video/portfolio/roy2.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="287802458?autoplay=1&loop=1&autopause=0" data-comment="Jupiter in the mist.">
                 <video loop muted poster="img/portfolio/mist.jpg">
                     <source src="video/portfolio/mist.webm" type="video/webm">