|
|
Line 182: |
Line 182: |
| font-size:50px; | | font-size:50px; |
| } | | } |
| + | |
| + | .faces { |
| + | margin: 20px 0 0 0; |
| + | padding: 0; |
| + | list-style: none; |
| + | display: block; |
| + | text-align: center; |
| + | width: 100%; |
| + | } |
| + | |
| + | .faces:after, |
| + | .bubble:before { |
| + | content: ''; |
| + | display: table; |
| + | } |
| + | |
| + | .faces:after { |
| + | clear: both; |
| + | } |
| + | |
| + | .faces li { |
| + | width: 220px; |
| + | height: 220px; |
| + | display: inline-block; |
| + | margin: 20px; |
| + | } |
| + | |
| | | |
| .droptext { | | .droptext { |
Line 501: |
Line 528: |
| <img src = "https://static.igem.org/mediawiki/2017/thumb/3/3d/T--Kent--TeamHeader2v2.png/800px-T--Kent--TeamHeader2v2.png" id="header2"> | | <img src = "https://static.igem.org/mediawiki/2017/thumb/3/3d/T--Kent--TeamHeader2v2.png/800px-T--Kent--TeamHeader2v2.png" id="header2"> |
| </div> | | </div> |
| + | |
| + | <ul class="faces"> |
| + | <li> |
| + | <div class="bubble face-1"> |
| + | <div class="subName"> |
| + | <h3>Abdul</h3> |
| + | <p>Physicist Question</p> |
| + | </div> |
| + | </div> |
| + | </li> |
| + | <li> |
| + | <div class="bubble face-2"> |
| + | <div class="subName"> |
| + | <h3>Dan</h3> |
| + | <p>Test 123 Test 123</p> |
| + | </div> |
| + | </div> |
| + | </li> |
| + | <li> |
| + | <div class="bubble face-3"> |
| + | <div class="subName"> |
| + | <h3>Ivy</h3> |
| + | <p>Test </p> |
| + | </div> |
| + | </div> |
| + | </li> |
| + | </ul> |
| + | |
| <nav class="droptext arrows"> | | <nav class="droptext arrows"> |
| <header class="hull"> | | <header class="hull"> |