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

Vidéos en portfolio

Browse Source
This commit is contained in:
nyanloutre 2017-07-15 17:36:21 +02:00
parent f24ba126c5
commit b253d8be11
No known key found for this signature in database
GPG Key ID: 4177A74B460FAFD2
6 changed files with 51 additions and 108 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/creative.css
View File

@ -50,9 +50,6 @@ p {
.text-faded { .text-faded {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
section {
padding: 100px 0; }
.section-heading { .section-heading {
margin-top: 0; } margin-top: 0; }
@ -222,6 +219,12 @@ header.masthead {
.service-box p { .service-box p {
margin-bottom: 0; } margin-bottom: 0; }
#portfolio .video-portfolio {
padding-right: 3px;
padding-left: 3px; }
#portfolio .video-portfolio video {
width: 100%; }
.portfolio-box { .portfolio-box {
position: relative; position: relative;
display: block; display: block;

2
css/creative.css.map
View File

File diff suppressed because one or more lines are too long

134
index.html
View File

@ -94,113 +94,47 @@
</div> </div>
</section> </section>
<section class="no-padding" id="portfolio"> <section id="portfolio">
<div class="container-fluid"> <div class="container-fluid">
<div class="row no-gutter popup-gallery"> <div class="row">
<div class="col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<a class="portfolio-box" href="img/portfolio/fullsize/1.jpg"> <video autoplay loop muted>
<img class="img-fluid" src="img/portfolio/thumbnails/1.jpg" alt=""> <source src="video/portfolio/1.webm" type="video/webm">
<div class="portfolio-box-caption"> </video>
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>
</div> </div>
<div class="col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<a class="portfolio-box" href="img/portfolio/fullsize/2.jpg"> <video autoplay loop muted>
<img class="img-fluid" src="img/portfolio/thumbnails/2.jpg" alt=""> <source src="video/portfolio/1.webm" type="video/webm">
<div class="portfolio-box-caption"> </video>
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>
</div> </div>
<div class="col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<a class="portfolio-box" href="img/portfolio/fullsize/3.jpg"> <video autoplay loop muted>
<img class="img-fluid" src="img/portfolio/thumbnails/3.jpg" alt=""> <source src="video/portfolio/1.webm" type="video/webm">
<div class="portfolio-box-caption"> </video>
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>
</div> </div>
<div class="col-lg-4 col-sm-6"> </div>
<a class="portfolio-box" href="img/portfolio/fullsize/4.jpg"> <div class="row">
<img class="img-fluid" src="img/portfolio/thumbnails/4.jpg" alt=""> <div class="video-portfolio col-lg-4 col-sm-6">
<div class="portfolio-box-caption"> <video autoplay loop muted>
<div class="portfolio-box-caption-content"> <source src="video/portfolio/1.webm" type="video/webm">
<div class="project-category text-faded"> </video>
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>
</div> </div>
<div class="col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<a class="portfolio-box" href="img/portfolio/fullsize/5.jpg"> <video autoplay loop muted>
<img class="img-fluid" src="img/portfolio/thumbnails/5.jpg" alt=""> <source src="video/portfolio/1.webm" type="video/webm">
<div class="portfolio-box-caption"> </video>
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>
</div> </div>
<div class="col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<a class="portfolio-box" href="img/portfolio/fullsize/6.jpg"> <video autoplay loop muted>
<img class="img-fluid" src="img/portfolio/thumbnails/6.jpg" alt=""> <source src="video/portfolio/1.webm" type="video/webm">
<div class="portfolio-box-caption"> </video>
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>
</div> </div>
<div class="offset-lg-4 col-lg-4 col-sm-6"> </div>
<a class="portfolio-box" href="img/portfolio/fullsize/6.jpg"> <div class="row">
<img class="img-fluid" src="img/portfolio/thumbnails/6.jpg" alt=""> <div class="video-portfolio offset-lg-4 col-lg-4 col-sm-6">
<div class="portfolio-box-caption"> <video autoplay loop muted>
<div class="portfolio-box-caption-content"> <source src="video/portfolio/1.webm" type="video/webm">
<div class="project-category text-faded"> </video>
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>
</div> </div>
</div> </div>
</div> </div>

4
scss/_global.scss
View File

@ -66,10 +66,6 @@ p {
color: fade-out(white, .3); color: fade-out(white, .3);
} }
section {
padding: 100px 0;
}
.section-heading { .section-heading {
margin-top: 0; margin-top: 0;
} }

10
scss/_portfolio.scss
View File

@ -1,4 +1,14 @@
// Styling for the portfolio section // Styling for the portfolio section
#portfolio {
.video-portfolio {
padding-right: 3px;
padding-left: 3px;
video {
width: 100%;
}
}
}
.portfolio-box { .portfolio-box {
position: relative; position: relative;
display: block; display: block;

BIN
video/portfolio/1.webm Normal file
View File

Binary file not shown.