(Prototype team page) |
|||
(97 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | {{UNOTT}} | + | {{:Team:UNOTT/Template/NavBarTest}} |
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | h1{ | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | top:-100px; | ||
+ | } | ||
+ | html { | ||
+ | font-size:62.5%; | ||
+ | } | ||
+ | body { | ||
+ | position: relative; | ||
+ | height: 100% | ||
+ | font-size:1.4rem; | ||
+ | font-family:arial; | ||
+ | background-color:#dd; | ||
+ | } | ||
+ | #icons { | ||
+ | position: relative; | ||
+ | margin:50px auto; | ||
+ | padding: 70px 0; | ||
+ | margin-top: 200px; | ||
+ | max-width:100rem; | ||
+ | width:100%; | ||
+ | min-height:200px; | ||
+ | height:auto; | ||
+ | top:50%; | ||
+ | background-color:white; | ||
+ | box-sizing:border-box; | ||
+ | padding:40px; | ||
+ | display:-webkit-flex; | ||
+ | display:flex; | ||
+ | -webkit-align-items:center; | ||
+ | align-items:center; | ||
+ | -webkit-justify-content:center; | ||
+ | justify-content:center; | ||
+ | -webkit-flex-direction:row; | ||
+ | flex-direction:row; | ||
+ | -webkit-flex-wrap:wrap; | ||
+ | flex-wrap:wrap; | ||
+ | -webkit-align-content:flex-end; | ||
+ | align-content:flex-end; | ||
+ | } | ||
+ | figure { | ||
+ | width:12.5rem; | ||
+ | height:12.5rem; | ||
+ | display:block; | ||
+ | margin:1.0rem 2rem 4rem 1rem; | ||
+ | padding:0; | ||
+ | box-sizing:content-box; | ||
+ | color:black; | ||
+ | background-color:white; | ||
+ | } | ||
+ | figure img { | ||
+ | -webkit-border-radius:50%; | ||
+ | -moz-border-radius:50%; | ||
+ | border-radius:50%; | ||
+ | } | ||
+ | #icons figure img { | ||
+ | -webkit-transition:opacity 0.26s ease-out; | ||
+ | -moz-transition:opacity 0.26s ease-out; | ||
+ | -ms-transition:opacity 0.26s ease-out; | ||
+ | -o-transition:opacity 0.26s ease-out; | ||
+ | transition:opacity 0.26s ease-out; | ||
+ | } | ||
+ | #icons:hover img, #icons:active img { | ||
+ | opacity:0.3; | ||
+ | } | ||
+ | #icons:hover img:hover, #icons:active img:active { | ||
+ | opacity:1; | ||
+ | } | ||
+ | figcaption { | ||
+ | font-size:1.5rem; | ||
+ | text-align:center; | ||
+ | font-weight: bold; | ||
+ | font-family: 'Karla', sans-serif; | ||
+ | background-color:white; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <h1 style="text-align: center;"><span style="color: #ffffff;">DESIGN</span></h1> | ||
− | <div | + | <div id="icons"> |
− | < | + | <figure><a href="https://2017.igem.org/Team:UNOTT/Brainstorms"><img src="https://static.igem.org/mediawiki/2017/b/bf/T--UNOTT--BRAIN.png"><figcaption>Brainstorm</figcaption></figure> |
− | < | + | <figure><a href="https://2017.igem.org/Team:UNOTT/Design1"><img src="https://static.igem.org/mediawiki/2017/9/95/T--UNOTT--DNA.png"><figcaption>Design Process</figcaption></figure> |
− | + | <figure><a href="https://2017.igem.org/Team:UNOTT/Design2"><img src="https://static.igem.org/mediawiki/2017/b/ba/T--UNOTT--KEY.png"><figcaption>Key. coli Design</figcaption></figure> | |
− | </ | + | <figure><a href="https://2017.igem.org/Team:UNOTT/Design3"><img src="https://static.igem.org/mediawiki/2017/c/c2/T--UNOTT--WINDOWKEY.png"><figcaption>Key. coli Transport Device </figcaption></figure> |
− | + | <p>.</p> | |
− | < | + | <figure><a href="https://2017.igem.org/Team:UNOTT/Design4"><img src="https://static.igem.org/mediawiki/2017/3/35/T--UNOTT--ROCKET.png"><figcaption>Future Improvements</figcaption></figure> |
− | + | <p>.</p> | |
− | </p> | + | |
− | + | ||
</div> | </div> | ||
+ | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | + | </html> |
− | + | {{:Team:UNOTT/Template/Footer}} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Latest revision as of 02:45, 2 November 2017
DESIGN