Difference between revisions of "Team:UNOTT/Design"

 
(45 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
<head>
 
<head>
 
<style>
 
<style>
−
.h1{
+
h1{
 
   position: absolute;
 
   position: absolute;
 
   width: 100%;
 
   width: 100%;
Line 24: Line 24:
 
#icons {
 
#icons {
 
   position: relative;
 
   position: relative;
−
   margin:0 auto;
+
   margin:50px auto;
 
   padding: 70px 0;  
 
   padding: 70px 0;  
−
   margin-top: 300px;
+
   margin-top: 200px;
−
   max-width:96rem;
+
   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:0;
+
   padding:40px;
 
   display:-webkit-flex;
 
   display:-webkit-flex;
 
   display:flex;
 
   display:flex;
Line 52: Line 52:
 
   height:12.5rem;
 
   height:12.5rem;
 
   display:block;
 
   display:block;
−
   margin:0.5rem 1rem 4rem 0.5rem;
+
   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 76: Line 77:
 
}
 
}
 
figcaption {
 
figcaption {
−
   font-size:1.2rem;
+
   font-size:1.5rem;
 
   text-align:center;
 
   text-align:center;
 +
  font-weight: bold;
 +
  font-family: 'Karla', sans-serif;
 +
  background-color:white;
 
}
 
}
 
</style>
 
</style>
Line 83: Line 87:
  
 
<body>
 
<body>
−
<h1 style="text-align: center;"><span style="color: #black;">DESIGN</span></h1>
+
<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://www.iconexperience.com/_img/g_collection_png/standard/256x256/brain.png"><figcaption>Brainstorm</figcaption></figure>
+
−
  <figure><a href="https://2017.igem.org/Team:UNOTT/Design1"><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/dna.png"><figcaption>Plasmid Design</figcaption></figure>
+
−
  <figure><a href="https://2017.igem.org/Team:UNOTT/Design2"><img src="https://www.iconexperience.com/_img/g_collection_png/standard/128x128/key.png"><figcaption>Key. coli Design</figcaption></figure>
+
−
  <figure><a href="https://2017.igem.org/Team:UNOTT/Design3"><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/window_key.png"><figcaption>Key Transport Design</figcaption></figure>
+
  
 +
<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