Difference between revisions of "Team:Austin UTexas LASA/team"
Anikasingh (Talk | contribs) |
Anikasingh (Talk | contribs) |
||
| Line 3: | Line 3: | ||
<html> | <html> | ||
<br> | <br> | ||
| + | <style> | ||
| + | .thumbnail{display:table; align:left; padding-bottom:0} | ||
| + | |||
| + | .thumbnailimg{ | ||
| + | border-radius:50%; | ||
| + | border:5px solid #d9d9d9; | ||
| + | margin-bottom:1rem | ||
| + | } | ||
| + | .column { | ||
| + | float: left; | ||
| + | width: 33.3%; | ||
| + | margin-bottom: 16px; | ||
| + | padding: 0 8px; | ||
| + | } | ||
| + | |||
| + | @media (max-width: 650px) { | ||
| + | .column { | ||
| + | width: 100%; | ||
| + | display: block; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .card { | ||
| + | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); | ||
| + | } | ||
| + | |||
| + | .container { | ||
| + | padding: 0 16px; | ||
| + | } | ||
| + | |||
| + | .container::after, .row::after { | ||
| + | content: ""; | ||
| + | clear: both; | ||
| + | display: table; | ||
| + | } | ||
| + | |||
| + | .title { | ||
| + | color: grey; | ||
| + | } | ||
| + | </style> | ||
<div class="container"> | <div class="container"> | ||
| − | <h1>Our Team</h1> | + | |
| + | <h1>Our Team</h1> | ||
<div class="banner-image"> | <div class="banner-image"> | ||
<img class="img" src="https://c1.staticflickr.com/4/3094/2562106102_0c96e6cfd3_b.jpg"> | <img class="img" src="https://c1.staticflickr.com/4/3094/2562106102_0c96e6cfd3_b.jpg"> | ||
| + | </div> | ||
| + | <div class="row" style="margin-top:20px"> | ||
| + | <p>Team Members </p> | ||
| + | </div> | ||
| + | |||
| + | <div class="row"> | ||
| + | <div class="column"> | ||
| + | <div class="card"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/a/a2/T-Austin_UTexas_LASA--Anika.jpg" alt="Anika Singh" width="400px" height="400px"> | ||
| + | <div class="container"> | ||
| + | <h2>Jane Doe</h2> | ||
| + | <p class="title">CEO & Founder</p> | ||
| + | <p>Some text that describes me lorem ipsum ipsum lorem.</p> | ||
| + | <p>example@example.com</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="column"> | ||
| + | <div class="card"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/b/b7/T--Austin_UTexas_LASA--UTAustinLogo.png" alt="Mike" style="width:100%"> | ||
| + | <div class="container"> | ||
| + | <h2>Mike Ross</h2> | ||
| + | <p class="title">Art Director</p> | ||
| + | <p>Some text that describes me lorem ipsum ipsum lorem.</p> | ||
| + | <p>example@example.com</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="column"> | ||
| + | <div class="card"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/b/b7/T--Austin_UTexas_LASA--UTAustinLogo.png" alt="John" style="width:100%"> | ||
| + | <div class="container"> | ||
| + | <h2>John Doe</h2> | ||
| + | <p class="title">Designer</p> | ||
| + | <p>Some text that describes me lorem ipsum ipsum lorem.</p> | ||
| + | <p>example@example.com</p> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 18:18, 3 October 2017
Our Team
Team Members
Jane Doe
CEO & Founder
Some text that describes me lorem ipsum ipsum lorem.
example@example.com
Mike Ross
Art Director
Some text that describes me lorem ipsum ipsum lorem.
example@example.com
John Doe
Designer
Some text that describes me lorem ipsum ipsum lorem.
example@example.com
