Difference between revisions of "Team:Lethbridge HS/Design"

Line 1: Line 1:
 
 
{{Lethbridge_HS}}  
 
{{Lethbridge_HS}}  
 
{{Team:Lethbridge_HS/normalizecss}}
 
{{Team:Lethbridge_HS/normalizecss}}
Line 5: Line 4:
 
{{Team:Lethbridge_HS/reset}}
 
{{Team:Lethbridge_HS/reset}}
 
{{Lethbridge_HS/navbar}}   
 
{{Lethbridge_HS/navbar}}   
 +
 +
 +
<html lang="en">
 +
 +
<head>
 +
 +
 +
<style>
 +
 +
#background{
 +
background-color: }
 +
 +
#banner{
 +
  color: #6d6875;
 +
  font-family: Georgia, serif;
 +
 +
  background-color:#ffcdb2 ;
 +
  background-image: url("https://static.igem.org/mediawiki/2017/3/3e/T--Lethbridge_HS--Teamcover1.jpg")
 +
  background-size: cover;
 +
 +
background-position: center center;
 +
    background-repeat: no-repeat;
 +
    height: 50vh;
 +
    overflow: hidden;
 +
    margin: 0;
 +
    padding-top: 7%;
 +
   
 +
 +
   
 +
 +
}
 +
 +
.jumbotron text-center{
 +
 +
    background-color: white;
 +
    position: relative;
 +
    width: 100%;
 +
    background-size: 100% 100%;
 +
}
 +
 +
 +
 +
.center{
 +
 
 +
  text-align: left;
 +
 +
 +
 +
 +
 +
 +
}
 +
 +
 +
</style>
 +
 +
 +
 +
 +
 +
</head>
 +
<body id="background">
 +
<div id="banner" class=" jumbotron text-center "><div class="container-fluid">
 +
    <h1>TITLE</h1>
 +
  </div>
 +
  </div>
 +
 +
<br> <br> <br> 
 +
<p class="center"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut neque dolor. Sed ex orci, ornare quis eros in, porttitor volutpat augue. Sed eros quam, aliquet ut tellus sit amet, dignissim cursus sem. Morbi consequat odio sed auctor malesuada. Morbi finibus quis odio a malesuada. Morbi efficitur velit vel malesuada tempor. Nam euismod venenatis posuere.</p> </br> </br> </br> 
 +
 +
<p class="center"> Ut eget risus eu metus consectetur porta ac vitae nunc. In id nisi a mi rhoncus malesuada. Proin velit ex, lobortis et augue sed, sodales euismod lorem. Pellentesque vel auctor urna. Praesent maximus euismod mi nec rutrum. Vestibulum mollis gravida finibus. Aenean auctor lectus a enim pretium, vel accumsan est vestibulum. Aliquam vestibulum at tortor ut imperdiet. Aliquam sollicitudin eros et tellus convallis sagittis. Mauris in vestibulum est. Integer aliquam tempor tellus, et rutrum dolor pellentesque in. Nam sit amet fringilla est. Morbi justo risus, dignissim nec erat sit amet, tincidunt egestas erat. Integer cursus, libero et accumsan volutpat, erat eros semper enim, eu ultricies dui dolor eu nibh. Donec sed augue est. Aenean eu mauris ante. </p>
 +
 +
<p class="center"> Sed vitae tellus lacus. Praesent enim nulla, ornare id est sed, condimentum aliquet erat. Donec ornare dapibus molestie. Nulla facilisi. Pellentesque sed lobortis ante. Morbi faucibus nulla non feugiat fringilla. Nunc augue neque, congue nec lectus eu, varius iaculis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam posuere tempus arcu eu mattis. Cras feugiat, enim non laoreet tempor, quam augue fringilla eros, vitae consequat augue dui sit amet ante. Morbi dignissim cursus augue. Cras dapibus lobortis volutpat. Maecenas felis ipsum, pharetra eget pulvinar ut, efficitur laoreet est. Aenean ullamcorper fringilla ligula nec posuere.</p>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
  
<html>
 
  
  
<div class="column full_size">
 
<h1>Design</h1>
 
<p>
 
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.
 
</p>
 
  
<p>
 
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:Lethbridge_HS/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
 
</p>
 
  
</div>
 
  
<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>
 
  
<div class="column half_size">
 
<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>
 
  
  
 +
 
 +
</body>
  
 
</html>
 
</html>

Revision as of 23:08, 13 July 2017






Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut neque dolor. Sed ex orci, ornare quis eros in, porttitor volutpat augue. Sed eros quam, aliquet ut tellus sit amet, dignissim cursus sem. Morbi consequat odio sed auctor malesuada. Morbi finibus quis odio a malesuada. Morbi efficitur velit vel malesuada tempor. Nam euismod venenatis posuere.




Ut eget risus eu metus consectetur porta ac vitae nunc. In id nisi a mi rhoncus malesuada. Proin velit ex, lobortis et augue sed, sodales euismod lorem. Pellentesque vel auctor urna. Praesent maximus euismod mi nec rutrum. Vestibulum mollis gravida finibus. Aenean auctor lectus a enim pretium, vel accumsan est vestibulum. Aliquam vestibulum at tortor ut imperdiet. Aliquam sollicitudin eros et tellus convallis sagittis. Mauris in vestibulum est. Integer aliquam tempor tellus, et rutrum dolor pellentesque in. Nam sit amet fringilla est. Morbi justo risus, dignissim nec erat sit amet, tincidunt egestas erat. Integer cursus, libero et accumsan volutpat, erat eros semper enim, eu ultricies dui dolor eu nibh. Donec sed augue est. Aenean eu mauris ante.

Sed vitae tellus lacus. Praesent enim nulla, ornare id est sed, condimentum aliquet erat. Donec ornare dapibus molestie. Nulla facilisi. Pellentesque sed lobortis ante. Morbi faucibus nulla non feugiat fringilla. Nunc augue neque, congue nec lectus eu, varius iaculis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam posuere tempus arcu eu mattis. Cras feugiat, enim non laoreet tempor, quam augue fringilla eros, vitae consequat augue dui sit amet ante. Morbi dignissim cursus augue. Cras dapibus lobortis volutpat. Maecenas felis ipsum, pharetra eget pulvinar ut, efficitur laoreet est. Aenean ullamcorper fringilla ligula nec posuere.