Difference between revisions of "Team:Hawaii"

Line 1: Line 1:
−
<html>
+
<html lang="en">
 +
<head>
 +
<title>Washington iGEM</title>
 +
<!--
 +
<link href="" type="image/gif" rel="shortcut icon" />
 +
-->
  
−
<title>W3.CSS Template</title>
+
                <meta name="theme-color" content="#4B2E83">
−
<meta charset="UTF-8">
+
<meta charset="utf-8">
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
−
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
+
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
−
<style>
+
−
body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}
+
−
.w3-row-padding img {margin-bottom: 12px}
+
−
/* Set the width of the sidebar to 120px */
+
−
.w3-sidebar {width: 120px;background: #222;}
+
−
/* Add a left margin to the "page content" that matches the width of the sidebar (120px) */
+
−
#main {margin-left: 120px}
+
−
/* Remove margins from "page content" on small screens */
+
−
@media only screen and (max-width: 600px) {#main {margin-left: 0}}
+
−
</style>
+
−
<body class="w3-black">
+
  
−
<!-- Icon Bar (Sidebar - hidden on small screens) -->
+
<!-- Bootstrap requirements -->
−
<nav class="w3-sidebar w3-bar-block w3-small w3-hide-small w3-center">
+
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
−
  <!-- Avatar image in top left corner -->
+
  <link href="https://2017.igem.org/Template:Washington/BootstrapCSS?action=raw&ctype=text/css" type="text/css" rel="stylesheet" />
−
  <img src="https://static.igem.org/mediawiki/2018/thumb/f/f3/T--Hawaii--UHSeal.jpg/900px-T--Hawaii--UHSeal.jpg.png" style="width:100%">
+
<script src="https://2017.igem.org/Template:Washington/JQuery?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
  <a href="#" class="w3-bar-item w3-button w3-padding-large w3-black">
+
  <script src="https://2017.igem.org/Template:Washington/Popper?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
    <i class="fa fa-home w3-xxlarge"></i>
+
  <script src="https://2017.igem.org/Template:Washington/BootstrapJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
    <p>HOME</p>
+
                <script src="https://2017.igem.org/Template:Washington/ChartJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
  </a>
+
−
  <a href="#Team" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
+
−
    <i class="fa fa-user w3-xxlarge"></i>
+
−
    <p>TEAM</p>
+
−
  </a>
+
−
  <a href="#project" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
+
−
    <i class="fa fa-eye w3-xxlarge"></i>
+
−
    <p>PROJECT</p>
+
−
  </a>
+
−
  <a href="#Parts" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
+
−
    <i class="fa fa-envelope w3-xxlarge"></i>
+
−
    <p>PARTS</p>
+
−
  </a>
+
−
    <a href="#Safety" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
+
−
    <i class="fa fa-user w3-xxlarge"></i>
+
−
    <p>SAFETY</p>
+
−
  </a>
+
−
  </a>
+
−
    <a href="#Human Practices" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
+
−
    <i class="fa fa-user w3-xxlarge"></i>
+
−
    <p>HUMAN PRACTICES</p>
+
−
  </a>
+
−
    <a href="#Awards" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
+
−
    <i class="fa fa-user w3-xxlarge"></i>
+
−
    <p>AWARDS</p>
+
−
  </a>
+
−
    <a href="#Judging Form" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
+
−
    <i class="fa fa-user w3-xxlarge"></i>
+
−
    <p>JUDGING FORM</p>
+
−
</nav>
+
  
−
<!-- Navbar on small screens (Hidden on medium and large screens) -->
+
  <!-- Animations -->
−
<div class="w3-top w3-hide-large w3-hide-medium" id="myNavbar">
+
  <link href="https://2017.igem.org/Template:Washington/Animate?action=raw&ctype=text/css" type="text/css" rel="stylesheet" />
−
  <div class="w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small">
+
−
    <a href="#" class="w3-bar-item w3-button" style="width:25% !important">HOME</a>
+
−
    <a href="#about" class="w3-bar-item w3-button" style="width:25% !important">ABOUT</a>
+
−
    <a href="#photos" class="w3-bar-item w3-button" style="width:25% !important">PHOTOS</a>
+
−
    <a href="#contact" class="w3-bar-item w3-button" style="width:25% !important">CONTACT</a>
+
−
  </div>
+
−
</div>
+
  
−
<!-- Page Content -->
 
−
<div class="w3-padding-large" id="main">
 
−
  <!-- Header/Home -->
 
−
  <header class="w3-container w3-padding-32 w3-center w3-black" id="home">
 
−
  <h2>WERE NOT OLD, JUST</h2>
 
−
    <h2 class="w3-jumbo"><span>RETRO</span> </h2>
 
−
    <img src="https://static.igem.org/mediawiki/2018/thumb/4/4f/T--Hawaii--Retro.jpg/806px-T--Hawaii--Retro.jpg.png" width="826" height="923">
 
−
  </header>
 
  
−
  <!-- About Section -->
+
  <!-- Team Washington includings -->
−
  <div class="w3-content w3-justify w3-text-grey w3-padding-64" id="about">
+
<link href="https://2017.igem.org/Template:Washington/GlobalCSS?action=raw&ctype=text/css" type="text/css" rel="stylesheet" />
−
    <h2 class="w3-text-light-grey">Hawaii 2018</h2>
+
<script src="https://2017.igem.org/Template:Washington/GlobalJS?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
    <hr style="width:200px" class="w3-opacity">
+
−
    <p>Greetings from the land of actively errupting volcanoes! We are currently working with a family of centromere-specific retrotransposons in Zea mays.
+
−
    </p>
+
−
    <h3 class="w3-padding-16 w3-text-light-grey">The Lab</h3>
+
−
    <div class="w3-row w3-center w3-padding-16 w3-section w3-light-grey">
+
−
      <div class="w3-quarter w3-section">
+
−
        <span class="w3-xlarge">7</span><br>
+
−
        Undergraduate Students
+
−
      </div>
+
−
      <div class="w3-quarter w3-section">
+
−
        <span class="w3-xlarge">2</span><br>
+
−
        Graduate Students
+
−
      </div>
+
−
      <div class="w3-quarter w3-section">
+
−
        <span class="w3-xlarge">2</span><br>
+
−
        Advisors
+
−
      </div>
+
−
      <div class="w3-quarter w3-section">
+
−
        <span class="w3-xlarge">0</span><br>
+
−
        BioBrick Parts
+
−
      </div>
+
−
    </div>
+
  
−
    <button class="w3-button w3-light-grey w3-padding-large w3-section">
+
</head>
−
      <i class="fa fa-download"></i> Download BioBricks Parts List
+
−
    </button>
+
−
   
+
−
  <!-- End About Section -->
+
−
  </div>
+
−
 
+
−
  <!-- Portfolio Section -->
+
−
  <div class="w3-padding-64 w3-content" id="photos">
+
−
    <h2 class="w3-text-light-grey">Lab Photos</h2>
+
−
    <hr style="width:200px" class="w3-opacity">
+
−
 
+
−
    <!-- Grid for photos -->
+
−
    <div class="w3-row-padding" style="margin:0 -16px">
+
−
      <div class="w3-half">
+
−
        <img src="Watch_Me_Pipette.jpg" style="width:100%">
+
−
        <img src="Glass_Ware_is_Hot.jpg" style="width:100%">
+
−
        <img src="Cool_Beans.jpg" style="width:100%">
+
−
      </div>
+
−
 
+
−
      <div class="w3-half">
+
−
        <img src="Super_Sweet_Image.jpg" style="width:100%">
+
−
        <img src="We_Always_Wear_Lab_Coats.jpg" style="width:100%">
+
−
        <img src="Fun_Party.jpg" style="width:100%">
+
−
        <img src="Sweet_Image.jpg" style="width:100%">
+
−
      </div>
+
−
    <!-- End photo grid -->
+
−
    </div>
+
−
  <!-- End Portfolio Section -->
+
−
  </div>
+
−
 
+
−
  <!-- Contact Section -->
+
−
  <div class="w3-padding-64 w3-content w3-text-grey" id="contact">
+
−
    <h2 class="w3-text-light-grey">Contact Us</h2>
+
−
    <hr style="width:200px" class="w3-opacity">
+
−
 
+
−
    <div class="w3-section">
+
−
      <p><i class="fa fa-map-marker fa-fw w3-text-white w3-xxlarge w3-margin-right"></i> Honolulu, HI</p>
+
−
      <p><i class="fa fa-phone fa-fw w3-text-white w3-xxlarge w3-margin-right"></i> Phone: 867-5309</p>
+
−
      <p><i class="fa fa-envelope fa-fw w3-text-white w3-xxlarge w3-margin-right"> </i> Email: iGEMSHawaii@gmail.com</p>
+
−
    </div><br>
+
−
    <p>Let us know about your project:</p>
+
−
 
+
−
    <form action="/action_page.php" target="_blank">
+
−
      <p><input class="w3-input w3-padding-16" type="text" placeholder="Name" required name="Name"></p>
+
−
      <p><input class="w3-input w3-padding-16" type="text" placeholder="Email" required name="Email"></p>
+
−
      <p><input class="w3-input w3-padding-16" type="text" placeholder="Subject" required name="Subject"></p>
+
−
      <p><input class="w3-input w3-padding-16" type="text" placeholder="Message" required name="Message"></p>
+
−
      <p>
+
−
        <button class="w3-button w3-light-grey w3-padding-large" type="submit">
+
−
          <i class="fa fa-paper-plane"></i> SEND MESSAGE
+
−
        </button>
+
−
      </p>
+
−
    </form>
+
−
  <!-- End Contact Section -->
+
−
  </div>
+
−
 
+
−
    <!-- Footer -->
+
−
  <footer class="w3-content w3-padding-64 w3-text-grey w3-xlarge">
+
−
    <i class="fa fa-facebook-official w3-hover-opacity"></i>
+
−
    <i class="fa fa-instagram w3-hover-opacity"></i>
+
−
    <p class="w3-medium">Powered by <a href="Sweet_Donut_Picture.jpg" target="_blank" class="w3-hover-text-green">Lots of Coffee and Donuts</a></p>
+
−
  <!-- End footer -->
+
−
  </footer>
+
−
 
+
−
<!-- END PAGE CONTENT -->
+
−
</div>
+
−
 
+
−
</body>
+
 
</html>
 
</html>

Revision as of 22:13, 15 May 2018

Washington iGEM