Difference between revisions of "Team:LUBBOCK TTU/main"

(Blanked the page)
 
(68 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 
  
−
<!-- Bootstrap Grid Basic -->
 
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
−
<!-- End Bootstrap Grid Basic -->
 
−
 
−
<!--DEFAULT WIKI SETTINGS-->
 
−
<style> /* Clear the default wiki settings */
 
−
#home_logo, #sideMenu { display:none; }
 
−
#sideMenu, #top_title, .patrollink  {display:none;}
 
−
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
−
body {background-color:white; }
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
−
</style>
 
−
 
−
<!-- TABS CSS -->
 
−
<style>
 
−
  *, *:before, *:after {margin: 0; padding: 0; box-sizing: border-box;}
 
−
 
−
  h1 {padding: 100px 0; font-weight: 400; text-align: center;}
 
−
  <!--p {margin: 0 0 20px; line-height: 1.5;}-->
 
−
 
−
  .main {margin: 0 auto; min-width: 320px; max-width: 90%;}
 
−
  .content {background: #cccccc; color: ##cccccc;}
 
−
  .content > div {display: none;}
 
−
 
−
  input {display: none;}
 
−
  label {display: inline-block; padding: 15px 25px; font-weight: 600; text-align: center;}
 
−
  label:hover {color: #ed5a6a; cursor: pointer;}
 
−
  input:checked + label {background: #ed5a6a; color: #fff;}
 
−
 
−
  #tab1:checked ~ .content #content1,
 
−
  #tab2:checked ~ .content #content2,
 
−
  #tab3:checked ~ .content #content3,
 
−
  #tab4:checked ~ .content #content4 {
 
−
    display: block;
 
−
  }
 
−
 
−
  @media screen and (max-width: 400px) { label {padding: 15px 10px;} }
 
−
</style>
 
−
<!-- END TABS CSS -->
 
−
 
−
<body>
 
−
 
−
<center>
 
−
<div style="width:1110px;" style="text-align: center;>
 
−
  <div class="w3-bar w3-light-grey">
 
−
    <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">HOME</font></a>
 
−
    <div class="w3-dropdown-hover">
 
−
      <button class="w3-button"><font face="Arial" size="2">TEAM</font></button>
 
−
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 
−
    <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">TEAM</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">COLLABORATIONS</font></a>
 
−
      </div>
 
−
    </div>       
 
−
    <div class="w3-dropdown-hover">
 
−
      <button class="w3-button"><font face="Arial" size="2">PROJECT</font></button>
 
−
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">DESCRIPTION</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">DESIGN</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">EXPERIMENTS</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">NOTEBOOK</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">INTERLAB</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">CONTRIBUTION</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">MODEL</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">RESULTS</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">DEMONSTRATE</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">IMPROVE</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">ATTRIBUTIONS</font></a>
 
−
      </div>
 
−
    </div>
 
−
    <div class="w3-dropdown-hover">
 
−
      <button class="w3-button"><font face="Arial" size="2">PARTS</font></button>
 
−
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">PARTS</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">BASIC PARTS</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">COMPOSITE PARTS</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">PART COLLECTION</font></a>
 
−
      </div>
 
−
  </div>
 
−
    <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">SAFETY</font></a>
 
−
    <div class="w3-dropdown-hover">
 
−
      <button class="w3-button"><font face="Arial" size="2">HUMAN PRACTICES</font></button>
 
−
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">SILVER HP</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">INTEGRATED AND GOLD</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">PUBLIC ENGAGEMENT</font></a>
 
−
      </div>
 
−
  </div>
 
−
    <div class="w3-dropdown-hover">
 
−
      <button class="w3-button"><font face="Arial" size="2">AWARDS</font></button>
 
−
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">APPLIED DESIGN</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">ENTREPRENEURSHIP</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">HARDWARE</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">MEASUREMENT</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">MODEL</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">PLANT</font></a>
 
−
        <a href="#" class="w3-bar-item w3-button"><font face="Arial" size="2">SOFTWARE</font></a>
 
−
      </div>
 
−
  </div>
 
−
</div>
 
−
</center>
 
−
 
−
<!-- HEADER -->
 
−
<!--<img src="https://placehold.it/1120x570">-->
 
−
<div style="background-image: url(https://placehold.it/1120x570);>
 
−
<p align="center><font face="Arial" size="10"></br></br></br></br></br></br></br></br><center>Project Title</center></font></p>
 
−
</center></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
 
−
</div>
 
−
 
−
<!-- END HEADER-->
 
−
 
−
<!-- SECTION 0 -->
 
−
<div class="container-fluid">
 
−
</br></br>
 
−
  <div class="row">
 
−
    <div class="col-sm-1"></div>
 
−
    <div class="col-sm-4"><img src="https://placehold.it/450x300"></div>
 
−
    <div class="col-sm-2"></div>
 
−
    <div class="col-sm-4"><font face="Arial" size="4">Project Description</font></br></br><font face="Arial" size="2">Project Description goes here.<a href=""> Learn more.</a></font></div>
 
−
    <div class="col-sm-1"></div>
 
−
  </div></br>
 
−
</div>
 
−
<!-- END SECTION 0 -->
 
−
 
−
<!-- SECTION 1 -->
 
−
</br>
 
−
<div style="background-color:#cccccc; overflow: auto;" class="clear_fix">
 
−
<center></br></br>
 
−
<font face="Arial" size="5">Learn More</font>
 
−
</br></br>
 
−
<div class="col-sm-12">
 
−
 
−
<div class="main">
 
−
 
−
  <input id="tab1" type="radio" name="tabs" checked>
 
−
  <label for="tab1">Design</label>
 
−
 
−
  <input id="tab2" type="radio" name="tabs">
 
−
  <label for="tab2">Experiments</label>
 
−
 
−
  <input id="tab3" type="radio" name="tabs">
 
−
  <label for="tab3">Model</label>
 
−
 
−
  <input id="tab4" type="radio" name="tabs">
 
−
  <label for="tab4">Results</label>
 
−
 
−
  <div class="content"> 
 
−
  <div id="content1">
 
−
<!-- Tab A Content -->
 
−
<p><u>Design</u></p>
 
−
<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:LUBBOCK_TTU/Applied_Design">Applied Design</a> page for more information on how to compete for that award.</p>
 
−
 
−
<h5 align="left">What should this page contain?</h5>
 
−
<ul style="font-size:13px">
 
−
<li align="left">Explanation of the engineering principles your team used in your design</li>
 
−
<li align="left">Discussion of the design iterations your team went through</li>
 
−
<li align="left">Experimental plan to test your designs</li>
 
−
</ul>
 
−
 
−
<h5 align="left">Inspiration</h5>
 
−
<ul style="font-size:13px">
 
−
<li align="left"><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
 
−
<li align="left"><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
 
−
<li align="left"><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
 
−
</ul>
 
−
<!-- End Tab A Content -->
 
−
  </div>
 
−
 
−
  <div id="content2">
 
−
<!-- Tab B Content -->
 
−
<p><u>Content B</u></p>
 
−
<!-- End Tab B Content -->
 
−
  </div>
 
−
 
−
  <div id="content3">
 
−
<!-- Tab C Content -->
 
−
<p><u>Content C</u></p>
 
−
<!-- End Tab C Content -->
 
−
  </div>
 
−
 
−
  <div id="content4">
 
−
<!-- Tab D Content -->
 
−
<p><u>Content D</u></p>
 
−
<!-- End Tab D Content -->
 
−
  </div>
 
−
 
−
  </div> <!-- end class content -->
 
−
</div> <!-- end class main -->
 
−
 
−
</div>
 
−
</center>
 
−
</br></br>
 
−
</div>
 
−
<!-- END SECTION 1 -->
 
−
 
−
<!-- SECTION 2 -->
 
−
<div style="background-image: url(http://46.105.63.207/client/htmlchat/img/skin/thanksgiving/topcmm-123flashchat-common-main-div-outline-bg.jpg); ; overflow: auto;" class="clear_fix>
 
−
<p align="center><font face="Arial" size="5"></br></br><center>Quick Links</center></font></p>
 
−
</br></br>
 
−
    <div class="col-sm-2"></div>
 
−
    <div class="col-sm-6"><p>Description</p></div>
 
−
    <div class="col-sm-2"></div>
 
−
</center>
 
−
</br></br></div>
 
−
<!-- END SECTION 2 -->
 
−
 
−
<!-- SECTION 3 -->
 
−
<div class="container-fluid">
 
−
</br></br>
 
−
  <div class="row">
 
−
    <div class="col-sm-1"></div>
 
−
    <div class="col-sm-4"><font face="Arial" size="4">About Us</font></br></br><font face="Arial" size="2">About Us goes here.<a href=""> Learn more.</a></font></div>
 
−
    <div class="col-sm-1"></div>
 
−
    <div class="col-sm-4"><img src="https://placehold.it/450x300"></div>
 
−
  </div></br></br>
 
−
</div>
 
−
<!-- END SECTION 3 -->
 
−
 
−
<!-- SECTION 4 -->
 
−
<div style="background-image: url(http://p1.pichost.me/i/56/1792614.jpg); ; overflow: auto;" class="clear_fix>
 
−
<p align="center><font face="Arial" size="5" color="white"></br></br><center>Our Sponsors</center></font></p>
 
−
<div class="col-sm-2"></br><img src="https://upload.wikimedia.org/wikipedia/commons/8/84/Texas_Tech_University_academic_signature.png"  height="" width="200"></div>
 
−
<div class="col-xs-1"></div>
 
−
<div class="col-sm-2"></br><img src="https://static.igem.org/mediawiki/2016/5/51/Muc16_Sponsor_IDT.png"  height="" width="200"></div>
 
−
<div class="col-xs-1"></div>
 
−
<div class="col-sm-2"></br><img src="https://static.igem.org/mediawiki/2014/5/5a/York_Genscript_logo-1-.png"  height="" width="200"></div>
 
−
<div class="col-xs-1"></div>
 
−
<div class="col-sm-2"><img src="http://www.mrdnalab.com/images/logobig330x142.png?crc=3839258444"  height="" width="200"></div>
 
−
</br></br></br>
 
−
<div class="col-sm-2"></br></br></br><img src="https://static1.squarespace.com/static/54e7602be4b0165bdcece115/t/585aa64d6a49639e7a53948b/1482335827516/ttuhsc.png"  height="" width="200"></div>
 
−
<div class="col-xs-1"></div>
 
−
<div class="col-sm-2"></br></br></br></br><img src="http://www.ptpartners.co.uk/wp-content/uploads/2013/07/Certified-CVI-Developer-Logo-USE-THIS.png"  height="" width="200"></div>
 
−
<div class="col-xs-1"></div>
 
−
<div class="col-sm-2"></br></br><img src="http://www.medicalbiofilm.org/images/logo7.png?crc=4119817701"  height="150" width=""></div>
 
−
<div class="col-xs-1"></div>
 
−
<div class="col-sm-2"></br></br><img src="https://static.igem.org/mediawiki/2016/a/ad/T--Lubbock_TTU--ulabs.png"  height="150" width=""></div>
 
−
</br></br></br>
 
−
<div class="col-sm-12"></br></br></div>
 
−
</div>
 
−
<!-- END SECTION 4 -->
 
−
 
−
</body>
 
−
 
−
<!-- FOOTER -->
 
−
<div class="row">
 
−
  <div class="col-sm-4" style="background-color:#fff;"><center><font size="2">&copy; 2017 Lubbock_TTU</font></center></div>
 
−
  <div class="col-sm-4" style="background-color:#6dcd9a;"><center><font color="white" size="2">ttuigem@gmail.com</center></center></div>
 
−
  <div class="col-sm-2" style="background-color:#3D5B94;"><center><a href=""><font color="white" size="2">f</center></a></div>
 
−
  <div class="col-sm-2" style="background-color:#3DACDD;"><center><a href="https://twitter.com/ttuigem" target="_blank"><font color="white" size="2">t</center></a></div>
 
−
</div>
 
−
<!-- END FOOTER -->
 
−
 
−
</html>
 

Latest revision as of 16:16, 23 July 2017