Difference between revisions of "Team:TecCEM/Team"
| Line 1: | Line 1: | ||
{{TecCEM}} | {{TecCEM}} | ||
<html> | <html> | ||
| + | <style> | ||
| + | .carousel-item img { | ||
| + | max-height: 50vh; | ||
| + | width: auto !important; | ||
| + | margin-left: auto; | ||
| + | } | ||
| + | |||
| + | .carousel-item .carousel-caption { | ||
| + | left: 5%; | ||
| + | bottom: 2%; | ||
| + | width: 70%; | ||
| + | } | ||
| + | |||
| + | .carousel-item .carousel-caption h1 { | ||
| + | font-size: 5em; | ||
| + | text-align: left; | ||
| + | color: white !important; | ||
| + | } | ||
| + | |||
| + | .carousel-item .carousel-caption h2 { | ||
| + | font-size: 3em; | ||
| + | text-align: left; | ||
| + | mix-blend-mode: multiply; | ||
| + | } | ||
| + | |||
| + | .carousel-item .carousel-caption p { | ||
| + | font-size: 1.5em !important; | ||
| + | text-align: left !important; | ||
| + | width: 70%; | ||
| + | } | ||
| + | </style> | ||
<div id="gif-title" class="text-green"> | <div id="gif-title" class="text-green"> | ||
<img src="https://static.igem.org/mediawiki/2018/a/aa/T--TecCEM--Cells.gif" alt="Cell Gif"> | <img src="https://static.igem.org/mediawiki/2018/a/aa/T--TecCEM--Cells.gif" alt="Cell Gif"> | ||
<h1>Team</h1> | <h1>Team</h1> | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="container-fluid"> |
| − | < | + | <div class="row"> |
| − | <div class=" | + | <div class="col"> |
| − | < | + | <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="false"> |
| − | + | <ol class="carousel-indicators"> | |
| − | + | <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> | |
| − | + | <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> | |
| − | + | <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> | |
| − | + | </ol> | |
| − | + | <div class="carousel-inner"> | |
| − | + | <div class="carousel-item active"> | |
| − | + | <img class="d-block" src="https://via.placeholder.com/1200x600" alt="First slide"> | |
| − | + | <div class="carousel-caption d-none d-md-block text-green"> | |
| − | + | <h1>Rodrigo Valencia</h1> | |
| − | + | <h2>Disque Team leader</h2> | |
| − | + | <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt mollitia | |
| − | + | corrupti nihil quidem vitae! Fugiat eos dicta, laudantium officia labore amet | |
| − | + | aperiam quam architecto similique voluptatum quo. A, rerum deserunt?</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="carousel-item"> | |
| − | + | <img class="d-block" src="https://via.placeholder.com/1200x600" alt="Second slide"> | |
| − | + | <div class="carousel-caption d-none d-md-block text-green"> | |
| − | + | <h1>Karla Soto</h1> | |
| − | + | <h2>Disque PM</h2> | |
| − | + | <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe quia quod | |
| − | + | quisquam amet repellat ducimus asperiores tenetur necessitatibus mollitia | |
| − | + | aspernatur laboriosam, debitis veritatis delectus fuga, eum corporis | |
| − | < | + | accusantium earum inventore!</p> |
| − | < | + | </div> |
| − | < | + | </div> |
| − | + | <div class="carousel-item"> | |
| − | + | <img class="d-block" src="https://via.placeholder.com/1200x600" alt="Third slide"> | |
| − | + | <div class="carousel-caption d-none d-md-block text-green"> | |
| − | + | <h1>Joel Lara</h1> | |
| − | + | <h2>Ni programa</h2> | |
| − | </ | + | <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci voluptatem |
| + | animi repellendus deserunt nam qui modi magnam veniam dicta voluptates | ||
| + | doloribus, sequi odit iusto fugiat laudantium voluptate error. Animi, sequi.</p> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
| + | <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> | ||
| + | <span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
| + | <span class="sr-only">Previous</span> | ||
| + | </a> | ||
| + | <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> | ||
| + | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| + | <span class="sr-only">Next</span> | ||
| + | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="container-fluid"> | |
| − | + | <div class="row"> | |
| − | + | <div class="col"> | |
| − | + | <h3>Inspiration</h3> | |
| − | + | <p>You can look at what other teams did to get some inspiration! <br /> | |
| − | + | Here are a few examples:</p> | |
| − | + | <ul> | |
| − | + | <li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li> | |
| − | + | <li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li> | |
| − | + | <li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li> | |
| − | + | <li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li> | |
| − | + | </ul> | |
</div> | </div> | ||
</div> | </div> | ||
Revision as of 05:18, 9 October 2018
Team
Rodrigo Valencia
Disque Team leader
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt mollitia corrupti nihil quidem vitae! Fugiat eos dicta, laudantium officia labore amet aperiam quam architecto similique voluptatum quo. A, rerum deserunt?
Karla Soto
Disque PM
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe quia quod quisquam amet repellat ducimus asperiores tenetur necessitatibus mollitia aspernatur laboriosam, debitis veritatis delectus fuga, eum corporis accusantium earum inventore!
Joel Lara
Ni programa
Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci voluptatem animi repellendus deserunt nam qui modi magnam veniam dicta voluptates doloribus, sequi odit iusto fugiat laudantium voluptate error. Animi, sequi.
Inspiration
You can look at what other teams did to get some inspiration!
Here are a few examples: