Difference between revisions of "Team:TUDelft/Parts/Main"

Line 1: Line 1:
−
<html>
+
<body>
−
 
+
−
<!-- THIS IS FOR DROPDOWNMENU -->
+
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
−
<style>
+
−
.collapsible {
+
−
  background-color: #0092CB;
+
−
  color: white;
+
−
  cursor: pointer;
+
−
  padding: 16px;
+
−
  width: 100%;
+
−
  border: none;
+
−
  text-align: left;
+
−
  outline:;
+
−
  font-size: 18px;
+
−
}
+
−
 
+
−
.active, .collapsible:hover {
+
−
  background-color: #0000;
+
−
  color: black
+
−
}
+
−
 
+
−
.collapsible:after {
+
−
  content: '\002B';
+
−
  color: none;
+
−
  font-weight: bold;
+
−
  float: right;
+
−
  margin-left: 5px;
+
−
}
+
−
 
+
−
.active:after {
+
−
  content: "\2212";
+
−
}
+
−
 
+
−
.content {
+
−
  padding: 0 18px;
+
−
  max-height: 0;
+
−
  overflow: hidden;
+
−
  transition: max-height 0.2s ease-out;
+
−
  background-color: #777777
+
−
color: white;
+
−
}
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
+
 
         <center><div class="spcmkr nowbg"></div>
 
         <center><div class="spcmkr nowbg"></div>
 
         <div class="container nowbg">
 
         <div class="container nowbg">
 
             <div class="text-center nowbg">
 
             <div class="text-center nowbg">
−
       
+
             <img src="https://static.igem.org/mediawiki/2018/a/af/T--TUDelft--2018_partsoverviewhead.png" class="img-fluid img-top" alt="partsoverview">
−
             <img src="https://static.igem.org/mediawiki/2018/a/af/T--TUDelft--2018_partsoverviewhead.png" class="img-fluid img-top" alt="partsoverview"></div>
+
            </div>
 
             </div>
 
             </div>
 
             </center>
 
             </center>
−
       
 
−
                <!-- WRITE YOUR STUFF RIGHT HERE -->
 
 
         <div class="spcmkr nowbg"></div>
 
         <div class="spcmkr nowbg"></div>
 
         <div class="spcmkr hidden-xs hidden-sm nowbg"></div>
 
         <div class="spcmkr hidden-xs hidden-sm nowbg"></div>
 
          
 
          
−
<div class="container nowbg">
+
       
−
  <div class="row nowbg">
+
<div class="container">
−
      <div class="col-xs-12 col-sm-3 col-lg-3">
+
<div class="row">
−
        <nav id="myScrollspy" class="hidden-xs hidden-sm">
+
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 nowbg"> </div>
−
            <ul class="nav nav-pills nav-stacked" data-spy="affix">
+
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 nowbg">  
−
                      <li class="active"><a href="#partsoverview" class="adpbl">Parts Overview</a></li>
+
−
                      <li><a href="#basicpart"  class="adpbl">Basic Parts </a></li>
+
−
                      <li><a href="#compositepart"  class="adpbl">Composite Parts    </a></li> 
+
−
                      <li><a href="#partcollection"    class="adpbl">Part Collection    </a></li>
+
−
            </ul>
+
−
        </nav>
+
−
      </div>
+
−
  <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg">  
+
−
      <div class="col-lg-1 col-md-1 hidden-xs hidden-sm" nowbg>
+
−
      </div>
+
−
  </div>       
+
−
</div>         
+
−
 
+
−
 
+
−
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 nowbg">  
+
 
             <p>stuff to write here</p>
 
             <p>stuff to write here</p>
 
             <br>
 
             <br>
 
             <div class="spcmkr" id="partsoverview"></div>
 
             <div class="spcmkr" id="partsoverview"></div>
 
             <h1 class="adpbl">1. Parts Overview</h1>
 
             <h1 class="adpbl">1. Parts Overview</h1>
 +
  
 
<!-- TABEL WITH PART OVERVIEW -->
 
<!-- TABEL WITH PART OVERVIEW -->
 
<table>
 
<table>
−
   <tr>
+
   <tr class="tableblue">
 
     <th>Favorite Part</th>
 
     <th>Favorite Part</th>
 
     <th>BioBrick Name</th>
 
     <th>BioBrick Name</th>
Line 138: Line 74:
  
 
       <div class="spcmkr" id="basicpart"></div>
 
       <div class="spcmkr" id="basicpart"></div>
−
            <h1 class="adpbl">2. Basic Parts</h1>
+
      <h1 class="adpbl">2. Basic Parts</h1>
  
 
<!-- TABEL WITH BASIC PART -->
 
<!-- TABEL WITH BASIC PART -->
Line 302: Line 238:
 
   </tr>
 
   </tr>
 
</table>
 
</table>
−
 
+
      </div>
 +
         
 +
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 nowbg"> </div>
 +
      </div>
 +
      </div>
 
</body>
 
</body>
−
</html>
 

Revision as of 14:24, 10 September 2018

<body> 

           <img src="T--TUDelft--2018_partsoverviewhead.png" class="img-fluid img-top" alt="partsoverview">


stuff to write here

1. Parts Overview


Favorite Part BioBrick Name Type Description Designer
Fav BioBrick#1 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#2 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#3 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#4 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#5 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#6 Basic Part Hay this part is not yet created Me myself and I

2. Basic Parts

Favorite Part BioBrick Name Type Description Designer
Fav BioBrick#1 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#2 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#3 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#4 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#5 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#6 Basic Part Hay this part is not yet created Me myself and I

3. Composite Parts

Favorite Part BioBrick Name Type Description Designer
Fav BioBrick#1 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#2 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#3 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#4 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#5 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#6 Basic Part Hay this part is not yet created Me myself and I


4. Part Collection

Favorite Part BioBrick Name Type Description Designer
Fav BioBrick#1 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#2 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#3 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#4 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#5 Basic Part Hay this part is not yet created Me myself and I
Fav BioBrick#6 Basic Part Hay this part is not yet created Me myself and I

</body>