(61 intermediate revisions by 3 users not shown) | |||
Line 4: | Line 4: | ||
<head> | <head> | ||
<style> | <style> | ||
+ | h1{ | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | margin: 0 auto; | ||
+ | top:-100px; | ||
+ | } | ||
html { | html { | ||
font-size:62.5%; | font-size:62.5%; | ||
Line 10: | Line 17: | ||
position: relative; | position: relative; | ||
height: 100% | height: 100% | ||
− | |||
font-size:1.4rem; | font-size:1.4rem; | ||
font-family:arial; | font-family:arial; | ||
Line 18: | Line 24: | ||
#icons { | #icons { | ||
position: relative; | position: relative; | ||
− | margin-top: | + | margin:50px auto; |
− | max-width: | + | padding: 70px 0; |
+ | margin-top: 200px; | ||
+ | max-width:100rem; | ||
width:100%; | width:100%; | ||
min-height:200px; | min-height:200px; | ||
height:auto; | height:auto; | ||
− | + | top:50%; | |
background-color:white; | background-color:white; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
− | padding: | + | padding:40px; |
display:-webkit-flex; | display:-webkit-flex; | ||
display:flex; | display:flex; | ||
Line 44: | Line 52: | ||
height:12.5rem; | height:12.5rem; | ||
display:block; | display:block; | ||
− | margin: | + | margin:1.0rem 2rem 4rem 1rem; |
padding:0; | padding:0; | ||
box-sizing:content-box; | box-sizing:content-box; | ||
color:black; | color:black; | ||
+ | background-color:white; | ||
} | } | ||
figure img { | figure img { | ||
Line 68: | Line 77: | ||
} | } | ||
figcaption { | figcaption { | ||
− | font-size:1. | + | font-size:1.5rem; |
text-align:center; | text-align:center; | ||
+ | font-weight: bold; | ||
+ | font-family: 'Karla', sans-serif; | ||
+ | background-color:white; | ||
} | } | ||
</style> | </style> | ||
Line 75: | Line 87: | ||
<body> | <body> | ||
− | < | + | <h1 style="text-align: center;"><span style="color: #ffffff;">DESIGN</span></h1> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <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> | ||
</div> | </div> | ||
</body> | </body> |
Latest revision as of 02:45, 2 November 2017
DESIGN
.
.