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

(Blanked the page)
 
(69 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>Content A</u></p>
 
−
<!-- 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