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

(Prototype team page)
 
Line 1: Line 1:
−
{{Lethbridge_HS}}
+
{{Lethbridge_HS/normalizecss}}
 +
{{Lethbridge_HS/jquery}}
 +
{{Lethbridge_HS/bootstrapcss}}
 +
{{Lethbridge_HS/reset}}
 +
{{Lethbridge_HS/bootstrapjs}}
 +
{{Lethbridge_HS/navbar}}
 +
{{Lethbridge_HS/css}}
 
<html>
 
<html>
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  
−
<div class="column full_size">
+
<head>
−
<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>
+
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2018.igem.org/Team:Lethbridge_HS/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
  <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">
−
</p>
+
  <script src="js/bootstrap.js"></script>
 +
<style>
 +
h1,h2,h3{font-family: 'Montserrat', sans-serif;}
 +
p{font-family:'open sans', sans-serif; font-size: 18px;}
  
−
</div>
+
#background{
 +
background-color: }
  
 +
#banner{
 +
  color: #f9f7f7;
 +
  font-family: Montserrat, serif;font-size: 18px;
  
 +
  background-color:#ffcdb2 ;
 +
  background-image: url("https://static.igem.org/mediawiki/2018/2/22/T--Lethbridge_HS--specific_design.png")
 +
  background-size: cover;
  
−
<div class="column two_thirds_size">
+
background-position: center center;
−
<h3>What should this page contain?</h3>
+
    background-repeat: no-repeat;
−
<ul>
+
    height: 75vh;
−
<li>Explanation of the engineering principles your team used in your design</li>
+
    overflow: hidden;
−
<li>Discussion of the design iterations your team went through</li>
+
    margin: 0;
−
<li>Experimental plan to test your designs</li>
+
    padding-top: 7%;
−
</ul>
+
  
−
</div>
+
background-image: url("https://static.igem.org/mediawiki/2018/2/22/T--Lethbridge_HS--specific_design.png");text-align:center;
 +
    background-size: cover; background-position: center; opacity: ; background-size:  ; height: 75vh;
 +
    overflow: hidden;
 +
    margin: 0;
 +
    background-repeat: no-repeat;
 +
 
 +
 
 +
}
 +
 
 +
.jumbotron text-center{
 +
 
 +
    background-color: white;
 +
    position: relative;
 +
    width: 100%;
 +
    background-size: 100% 100%;
 +
}
 +
 
 +
 
 +
 
 +
.center{
 +
 
 +
  text-align: left;
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
 
 +
 
 +
<body id="background">
 +
<div id="banner" class=" jumbotron text-center container-fluid "><div class="container-fluid">
 +
      <div style="font-family: 'Montserrat' , serif;font-size: 10vw;text-align:center;margin-top:50px;"><center>Design</center></div>
 +
 
 +
  </div>
 +
  </div>
 +
<div class="container-fluid;" style="margin-left:10%; margin-right:10%;">
 +
<br><br>
 +
<p><h1></h1> <b></b>
 +
<br>
 +
 
 +
 
 +
<b></b>
 +
 
 +
<p></p>
 +
 
 +
<p></p>
 +
 
 +
 
 +
 
 +
<p></p>
 +
 
 +
 
 +
 
 +
<b></b>
 +
<p></p>  
  
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<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>
 
 
</div>
 
</div>
 +
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
    <!-- Include all compiled plugins (below), or include individual files as needed -->
 +
    <script src="js/bootstrap.min.js"></script>
 +
 +
<script src="https://2018.igem.org/Template:Lethbridge_HS/jquery" type="text/javascript"> </script>
 +
<script src="https://2018.igem.org/Template:Lethbridge_HS/bootstrapjs" type="text/javascript"> </script>
 +
</body>
 +
 +
 +
 +
  
  
  
 
</html>
 
</html>

Revision as of 23:40, 15 August 2018