Difference between revisions of "2017.igem.org/Team:BIT/Track"

Line 55: Line 55:
 
font-family: "Arial";
 
font-family: "Arial";
 
}
 
}
 
+
a{word-wrap: break-word}
 
a.largetitle {
 
a.largetitle {
 
color: #383838;
 
color: #383838;
Line 148: Line 148:
 
<section id="works" class="works section no-padding">
 
<section id="works" class="works section no-padding">
 
   <div class="container-fluid" style="text-align: center"><img src="https://static.igem.org/mediawiki/2017/c/c0/BIT_figure_TrackTitle.jpeg" alt=""></div>
 
   <div class="container-fluid" style="text-align: center"><img src="https://static.igem.org/mediawiki/2017/c/c0/BIT_figure_TrackTitle.jpeg" alt=""></div>
</section>
+
<div class="container" style="text-align: center; padding-top: 20px">
<div class="container-fluid" style="text-align: center; padding-top: 20px">
+
 
   <div style="text-align: center"> <a class="largetitle"> Stuff here are Solid #dataspeaks </a> </div>
 
   <div style="text-align: center"> <a class="largetitle"> Stuff here are Solid #dataspeaks </a> </div>
 
   <div class="container">
 
   <div class="container">
 
     <div class="halfcolum" style="float: left">
 
     <div class="halfcolum" style="float: left">
       <div class="container-fluid" style="text-align: left; padding-top: 15px"> <a class="medtitle"> Biosensing Group </a> </div>
+
       <div class="container" style="text-align: left; padding-top: 15px"> <a class="medtitle"> Biosensing Group </a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 50px">1. Overview</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 50px">1. Overview</a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 50px">2. The specific binding of AFP to AP-273</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 50px">2. The specific binding of AFP to AP-273</a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 50px">3. EDC Plus Sulfo-NHS</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 50px">3. EDC Plus Sulfo-NHS</a> </div>
 
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 50px">4. Linear Relationship between AFP and Lysine</a> </div>
 
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 50px">4. Linear Relationship between AFP and Lysine</a> </div>
 
     </div>
 
     </div>
     <div class="halfcolum" -frightstyle="float: left">
+
     <div class="halfcolum" -frightstyle="float: right">
       <div class="container-fluid" style="text-align: left; padding-top: 15px"> <a class="medtitle"> Genetic Expression </a> </div>
+
       <div class="container" style="text-align: left; padding-top: 15px"> <a class="medtitle"> Genetic Expression </a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">1. Overview</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">1. Overview</a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">2. Medium Preparation</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">2. Medium Preparation</a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">3. Plasmid Transformation and Cultivating: To amplify the plasmids.</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">3. Plasmid Transformation and Cultivating: To amplify the plasmids.</a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">4. Mini Plasmid: To extract plasmids from bacterium.</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">4. Mini Plasmid: To extract plasmids from bacterium.</a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">1. Overview</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">1. Overview</a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">2. Medium Preparation</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">2. Medium Preparation</a> </div>
       <div class="container-fluid" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">3. Plasmid Transformation and Cultivating: To amplify the plasmids.</a> </div>
+
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">3. Plasmid Transformation and Cultivating: To amplify the plasmids.</a> </div>
 
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">4. Mini Plasmid: To extract plasmids from bacterium.</a> </div>
 
       <div class="container" style="text-align: left;"> <a class="bodyparagraph" style="padding-left: 30px">4. Mini Plasmid: To extract plasmids from bacterium.</a> </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
+
</section>
 
<!-- portfolio section -->  
 
<!-- portfolio section -->  
 
<!-- footer -->  
 
<!-- footer -->  

Revision as of 00:53, 2 November 2017

IGEM BIT HOMEPAGE