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

Line 41: Line 41:
  
 
<style>
 
<style>
−
h5.picturecaption {
+
div.halfcolum {
−
color: white;
+
width: 50%;
−
font-size: 50px;
+
float: left;
−
font-family: Consolas;
+
}
−
}
+
h5.picturecaption {
−
h5.pagetitle{
+
color: white;
−
color: #171717;
+
font-size: 50px;
−
font-size: 45px;
+
font-family: Consolas;
−
font-family: "Arial";
+
}
−
}
+
h5.pagetitle {
−
a.largetitle{
+
color: #171717;
−
color: #383838;
+
font-size: 45px;
−
font-weight: 600;
+
font-family: "Arial";
−
font-family:"sans-serif";
+
}
−
font-size: 40px;
+
a.largetitle {
−
}
+
color: #383838;
−
a.2title{
+
font-weight: 600;
−
color: #383838;
+
font-family: "sans-serif";
−
font-weight: 600;
+
font-size: 40px;
−
font-family:"sans-serif";
+
text-decoration: none;
−
font-size: 25px;
+
}
−
text-align: left
+
a.medtitle {
−
}
+
color: #383838;
 +
font-weight: 600;
 +
font-family: "sans-serif";
 +
font-size: 25px;
 +
text-decoration: none;
 +
}
 +
a.bodyparagraph {
 +
color: #383838;
 +
font-weight: 100;
 +
font-family: "sans-serif";
 +
font-size: 25px;
 +
text-decoration: none;
 +
}
 
</style>
 
</style>
 
<!--picturecaption 图片上方的字体-->
 
<!--picturecaption 图片上方的字体-->
Line 72: Line 84:
 
<body>
 
<body>
 
<div class="fh5co-loader"></div>
 
<div class="fh5co-loader"></div>
−
  <nav class="fh5co-nav" role="navigation">
+
<nav class="fh5co-nav" role="navigation">
−
    <div class="top-menu">
+
  <div class="top-menu">
−
      <div class="container">
+
    <div class="container">
−
        <div class="row">
+
      <div class="row">
−
          <div class="col-xs-2"><!--左上角BIT logo-->
+
        <div class="col-xs-2"><!--左上角BIT logo-->
−
            <div id="fh5co-logo"><a href="../Team:BIT">BIT<span>.</span></a></div>
+
          <div id="fh5co-logo"><a href="../Team:BIT">BIT<span>.</span></a></div>
−
          </div>
+
        </div>
−
          <div class="col-xs-10 text-right menu-1"><!--右上角菜单-->
+
        <div class="col-xs-10 text-right menu-1"><!--右上角菜单-->
−
            <ul>
+
          <ul>
−
              <li class="has-dropdown"> <a>Project</a><!--PROJECT 及其子选项-->
+
            <li class="has-dropdown"> <a>Project</a><!--PROJECT 及其子选项-->
−
                <ul class="dropdown">
+
              <ul class="dropdown">
−
                  <li><a href="https://2017.igem.org/Team:BIT/Design">Design</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Design">Design</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/Demonstrate">Demonstrate</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Demonstrate">Demonstrate</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/Model">Model</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Model">Model</a></li>
−
                  <!--上面这仨都是子选项-->
+
                <!--上面这仨都是子选项-->
−
                </ul>
+
              </ul>
−
              </li>
+
            </li>
−
              <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a><!--ACHIEVEMENT 及其子选项-->
+
            <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a><!--ACHIEVEMENT 及其子选项-->
−
                <ul class="dropdown">
+
              <ul class="dropdown">
−
                  <li><a href="https://2017.igem.org/Team:BIT/Medal">Medal</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Medal">Medal</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/Prize">Prize</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Prize">Prize</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/Parts">Part</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Parts">Part</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/https://2017.igem.org/Team:BIT/Safety">Safety Form</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/https://2017.igem.org/Team:BIT/Safety">Safety Form</a></li>
−
                </ul>
+
              </ul>
−
              </li>
+
            </li>
−
              <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/HP">Practice</a><!--Practice 及其子选项-->
+
            <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/HP">Practice</a><!--Practice 及其子选项-->
−
                <ul class="dropdown">
+
              <ul class="dropdown">
−
                  <li><a href="https://2017.igem.org/Team:BIT/HP/Silver">Silver</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/HP/Silver">Silver</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/HP/Gold_Integrated">Gold</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/HP/Gold_Integrated">Gold</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/Engagement"> Engagement</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Engagement"> Engagement</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/Entrepreneurship">Entreperneurship</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Entrepreneurship">Entreperneurship</a></li>
−
                </ul>
+
              </ul>
−
              </li>
+
            </li>
−
              <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a><!--Notebook 及其子选项-->
+
            <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a><!--Notebook 及其子选项-->
−
                <ul class="dropdown">
+
              <ul class="dropdown">
−
                  <li><a href="https://2017.igem.org/Team:BIT/Gallery">Gallery</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Gallery">Gallery</a></li>
−
                  <li><a href="2017.igem.org/Team:BIT/Track">Track</a></li>
+
                <li><a href="2017.igem.org/Team:BIT/Track">Track</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/nb">Journal</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/nb">Journal</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/Protocol">Protocol</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Protocol">Protocol</a></li>
−
                </ul>
+
              </ul>
−
              </li>
+
            </li>
−
              <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/Team">Team</a><!--TEAM 及其子选项-->
+
            <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/Team">Team</a><!--TEAM 及其子选项-->
−
                <ul class="dropdown">
+
              <ul class="dropdown">
−
                  <li><a href="https://2017.igem.org/Team:BIT/Collarbration">Collaborations</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Collarbration">Collaborations</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/Team/Member">Member</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Team/Member">Member</a></li>
−
                  <li><a href="https://2017.igem.org/Team:BIT/Attributions">Attributions</a></li>
+
                <li><a href="https://2017.igem.org/Team:BIT/Attributions">Attributions</a></li>
−
                </ul>
+
              </ul>
−
              </li>
+
            </li>
−
              <li class="btn-cta"><a href="https://2017.igem.org/Team:BIT"><span>Home</span></a></li>
+
            <li class="btn-cta"><a href="https://2017.igem.org/Team:BIT"><span>Home</span></a></li>
−
              <!--跳转到主页的链接 及其子选项-->
+
            <!--跳转到主页的链接 及其子选项-->
−
            </ul>
+
          </ul>
−
          </div>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
−
   </nav>
+
   </div>
−
  <!-- 以上是页顶菜单 -->  
+
</nav>
−
 
+
<!-- 以上是页顶菜单 -->  
−
  <!-- 往下是页面部分 -->
+
 
 +
<!-- 往下是页面部分 -->
 +
 
 +
<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>
 +
</section>
 +
<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 class="container">
 +
    <div class="halfcolum" style="float: left">
 +
      <div class="container" style="text-align: left; padding-top: 15px"> <a class="medtitle"> Biosensing Group </a> </div>
 +
      <div class="container" 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">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">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>
 +
    <div class="halfcolum" style="float: left">
 +
      <div class="container" style="text-align: left; padding-top: 15px"> <a class="medtitle"> Genetic Expression </a> </div>
 +
      <div class="container" 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">2. Medium Preparation</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">1. Overview</a> </div>
 +
      <div class="container" 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">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>
 +
  </div>
 +
</div>
  
−
  <section id="works" class="works section no-padding">
+
<!-- portfolio section -->  
−
    <div class="container-fluid" style="text-align: center"><img src="https://static.igem.org/mediawiki/2017/c/c0/BIT_figure_TrackTitle.jpeg" alt=""></div>
+
<!-- footer -->  
−
  </section>
+
−
<div class="container-fluid" style="text-align: center; padding-top: 20px">
+
−
<div class="container-fluid" style="text-align: center">
+
−
<a class="largetitle"> Hello </a>
+
−
</div>
+
−
<div class="container-fluid" style="text-align: center">
+
−
<a class="2title"> Hello </a>
+
−
</div>
+
−
</div>
+
−
+
−
+
−
  <!-- portfolio section -->  
+
−
  <!-- footer -->
+
  
 
<!-- JS FILES -->  
 
<!-- JS FILES -->  

Revision as of 00:36, 2 November 2017

IGEM BIT HOMEPAGE

Biosensing Group
1. Overview
2. The specific binding of AFP to AP-273
3. EDC Plus Sulfo-NHS
4. Linear Relationship between AFP and Lysine
Genetic Expression
1. Overview
2. Medium Preparation
3. Plasmid Transformation and Cultivating: To amplify the plasmids.
4. Mini Plasmid: To extract plasmids from bacterium.
1. Overview
2. Medium Preparation
3. Plasmid Transformation and Cultivating: To amplify the plasmids.
4. Mini Plasmid: To extract plasmids from bacterium.