Difference between revisions of "Team:UNOTT/Design"

(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 class="column full_size">
+
<div id="icons">
<h1>Design</h1>
+
  <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>
<p>
+
  <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>
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
  <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>
</p>
+
  <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>
<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>
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:UNOTT/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
<p>.</p>
</p>
+
 
+
 
</div>
 
</div>
 +
</body>
  
<div class="column half_size">
 
<h5>What should this page contain?</h5>
 
<ul>
 
<li>Explanation of the engineering principles your team used in your design</li>
 
<li>Discussion of the design iterations your team went through</li>
 
<li>Experimental plan to test your designs</li>
 
</ul>
 
  
</div>
+
</html>
  
<div class="column half_size">
+
{{:Team:UNOTT/Template/Footer}}
<h5>Inspiration</h5>
+
<ul>
+
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
</ul>
+
</div>
+
 
+
 
+
 
+
</html>
+

Latest revision as of 02:45, 2 November 2017

DESIGN