nyanloutre/site-max
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Flexbox pour le portfolio

Browse Source
This commit is contained in:
nyanloutre 2017-07-20 14:02:35 +02:00
parent 9977ec89b7
commit 7aa8753905
Signed by: nyanloutre
GPG Key ID: F85D93686A3A9063
1 changed files with 33 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
index.html
View File

@ -99,47 +99,41 @@
</section>
<section id="portfolio">
<div class="container-fluid">
<div class="row">
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="d-flex flex-wrap">
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="row">
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917" data-comment="Integer ut ultrices nibh. Praesent egestas suscipit velit id dictum. Quisque interdum porta rutrum. In neque lorem, pellentesque sit amet est quis, dapibus commodo neque. Aliquam rhoncus nisl nec accumsan efficitur. Aliquam nisi nisi, congue eu magna a, sollicitudin mollis lectus.">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="row">
<div class="video-portfolio clickable offset-lg-4 col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="RV0M18MpDtQ" data-comment="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis arcu ut urna ullamcorper, nec fermentum ipsum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917" data-comment="Integer ut ultrices nibh. Praesent egestas suscipit velit id dictum. Quisque interdum porta rutrum. In neque lorem, pellentesque sit amet est quis, dapibus commodo neque. Aliquam rhoncus nisl nec accumsan efficitur. Aliquam nisi nisi, congue eu magna a, sollicitudin mollis lectus.">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
<div class="video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="RV0M18MpDtQ" data-comment="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis arcu ut urna ullamcorper, nec fermentum ipsum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.">
<video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm">
</video>
</div>
</div>
</section>