|
|
Line 1: |
Line 1: |
| + | |
| {{EPFL/Header}} | | {{EPFL/Header}} |
| {{EPFL/SwiperCSS}} | | {{EPFL/SwiperCSS}} |
Line 61: |
Line 62: |
| <div class="col-lg-6"> | | <div class="col-lg-6"> |
| <img class="rounded z-depth-3 img-fluid" src="https://static.igem.org/mediawiki/2018/5/59/T--EPFL--Edu_Public_Engagement_Image4.jpg"> | | <img class="rounded z-depth-3 img-fluid" src="https://static.igem.org/mediawiki/2018/5/59/T--EPFL--Edu_Public_Engagement_Image4.jpg"> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="row justify-content-center mt-lg"> |
| + | |
| + | <div class="col-lg-12 swiper-js-container"> |
| + | <div class="mb-md text-center"> |
| + | <h3 class="h1 text-uppercase mb-3" style="font-family: 'Oswald', sans-serif;">Confirmed line-up</h3> |
| + | <div class="fluid-paragraph text-center mt-4"> |
| + | <p class="lead lh-180">You get all Bootstrap components fully customized. Besides, you receive another 5 plugins out of the box and ready to use.</p> |
| + | </div> |
| + | </div> |
| + | <div class="swiper-container" data-swiper-effect="coverflow" data-swiper-initial-slide="1" data-swiper-items="3" data-swiper-space-between="0" data-swiper-sm-items="2" data-swiper-sm-space-between="0" data-swiper-xs-items="1" data-swiper-xs-space-between="0"> |
| + | <div class="swiper-wrapper"> |
| + | <div class="swiper-slide"> |
| + | <div class="card border-0"> |
| + | <div class="text-white"> |
| + | <img class="img-fluid rounded" src="https://static.igem.org/mediawiki/2018/f/f2/T--EPFL--Edu_Public_Engagement_Image1.jpg" alt="Card image"> |
| + | <div class="card-img-overlay d-flex align-items-end"> |
| + | <div class="col text-center"> |
| + | <h4 class="heading h4 text-uppercase text-white" style="font-family: 'Oswald', sans-serif;">Afrojack</h4> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="swiper-slide"> |
| + | <div class="card border-0"> |
| + | <div class="text-white"> |
| + | <img class="img-fluid rounded" src="https://static.igem.org/mediawiki/2018/f/f2/T--EPFL--Edu_Public_Engagement_Image2.jpg" alt="Card image"> |
| + | <div class="card-img-overlay d-flex align-items-end"> |
| + | <div class="col text-center"> |
| + | <h4 class="heading h4 text-uppercase text-white" style="font-family: 'Oswald', sans-serif;">Alesso</h4> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="swiper-slide"> |
| + | <div class="card border-0"> |
| + | <div class="text-white"> |
| + | <img class="img-fluid rounded" src="https://static.igem.org/mediawiki/2018/e/eb/T--EPFL--Edu_Public_Engagement_Image3.jpg" alt="Card image"> |
| + | <div class="card-img-overlay d-flex align-items-end"> |
| + | <div class="col text-center"> |
| + | <h4 class="heading h4 text-uppercase text-white" style="font-family: 'Oswald', sans-serif;">Oliver Heldens</h4> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="swiper-slide"> |
| + | <div class="card border-0"> |
| + | <div class="text-white"> |
| + | <img class="img-fluid rounded" src="https://static.igem.org/mediawiki/2018/5/59/T--EPFL--Edu_Public_Engagement_Image4.jpg" alt="Card image"> |
| + | <div class="card-img-overlay d-flex align-items-end"> |
| + | <div class="col text-center"> |
| + | <h4 class="heading h4 text-uppercase text-white" style="font-family: 'Oswald', sans-serif;">Steve Aoki</h4> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
Line 75: |
Line 140: |
| | | |
| </html> | | </html> |
| + | |
| | | |
| | | |