Team:Lethbridge Canada

From 2014hs.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 2: Line 2:
     <head>
     <head>
         <title>Lethbridge High School iGEM Team</title>
         <title>Lethbridge High School iGEM Team</title>
 +
        <link rel="stylesheet" href="https://2014hs.igem.org/Team:Lethbridge_Canada/concept?action=raw&ctype=text/css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" href="https://2014hs.igem.org/Team:Lethbridge_Canada/nav_bar?action=raw&ctype=text/css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
 +
        <script type="text/javascript" src="js/jquery-ui.js"></script>
 +
        <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
 +
        <script type="text/javascript" src="https://2014hs.igem.org/Team:Lethbridge_Canada/nav_bar_script?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014hs.igem.org/Team:Lethbridge_Canada/back_to_top_script?action=raw&ctype=text/javascript"></script>
         <meta charset="utf-8">
         <meta charset="utf-8">
 +
       
 +
        <style>
 +
#slides {
 +
display:none;
 +
}
 +
</style>
 +
 +
 +
       
 +
        <script type="text/javascript" charset="utf-8">
 +
  $(function(){
 +
  var timer = setInterval(tileSwitch, 5000);
 +
  function tileSwitch(){
 +
      $('.tile-container-right1a').toggleClass('active-tile');
 +
  }
 +
});
 +
</script>
     </head>
     </head>
     <body>
     <body>
-
        <header style="background-color:black;">
+
<header class="banner">
 +
            <a href="https://2014hs.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014hs/a/a5/LethHS2014_Igemlogo_whiteletters.png" height="65px" width="85px" alt="Logo" class="bannerIMG" style="float:left;"></a>
 +
            <img src="https://static.igem.org/mediawiki/2014hs/d/d7/LethHS2014_Blank.png" height="65px" width="85px" alt="Logo" class="bannerIMG" style="float:right;">
 +
           
             <hgroup>
             <hgroup>
-
                 <h1 style="color:white;"> Lethbridge High School iGEM Team</h1>
+
                 <h1 style="color:white;"> Lethbridge High School</h1>
-
                 <h2 style="color:white;"> Canada</h2>
+
                  
             </hgroup>
             </hgroup>
-
        </header>
+
         
-
   
+
                        <a href="https://2014hs.igem.org/Team:Lethbridge_Canada"><img src="https://static.igem.org/mediawiki/2014hs/c/ca/LethHS2014_TitleLogo.png" height="195px" width="255px" alt="Logo" class="bannerIMG"></a>
-
        <main style="width:700px; float:right;">
+
           
-
            <article style=" border: 2px solid black;">
+
           
-
                <header>
+
          </header>  
-
                     <hgroup>
+
 
-
                         <h1> Stuff goes ehre</h1>
+
<!-- NAV_BAR -->
-
                         <h2> Other text here</h2>
+
            <div id="nav_bar_wrapper" style="z-index:1000;">
-
                     </hgroup>
+
                <ul id="nav_bar">
-
                 </header>
+
                    <li class="nav_bar_main_entry" id="nav_bar_project"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project">Project</a>
-
             </article>
+
                        <ul id="nav_bar_project_drawer">
-
        </main>
+
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project#problem">Problem</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project#idea">Water Treatment Idea</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/parts">Parts</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/math">Math</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/results">Results</a></li>
 +
                        </ul>
 +
                     </li>
 +
                    <li class="nav_bar_main_entry" id="nav_bar_notebook"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/notebook">Notebook</a>
 +
                         <ul id="nav_bar_notebook_drawer">
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/safety">Safety</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/march">March</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/april">April</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/may">May</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/june">June</a></li>
 +
                         </ul>
 +
                    </li>
 +
                    <li class="nav_bar_main_entry" id="nav_bar_hp"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/humanpractices">Human Practices</a>
 +
                        <ul id="nav_bar_hp_drawer">
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/Education">Education</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/government">Government</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/watertreatment">Water Treatment</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/book">Children's Book</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/art">Art Outreach</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/app">Application</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="nav_bar_main_entry" id="nav_bar_team"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team">Team</a>
 +
                        <ul id="nav_bar_team_drawer">
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team#students">Students</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team#advisors">Advisors</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team#mentors">Mentors</a></li>
 +
                            <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/sponsors">Sponsors</a></li>
 +
                        </ul>
 +
                     </li>
 +
                 </ul>
 +
             </div>
 +
            <!-- /NAV_BAR -->
-
        <aside style="width=300px; float:left; border:2px solid black;">
+
 
-
                      <nav style="background-color:yellow;">
+
 
-
            <ul>
+
    <div id="slides">
-
                <li style="";
+
      <img src="https://static.igem.org/mediawiki/2014hs/2/28/LethHS2014_SlideShow_Bridge.png">
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada" style=" color: black;"> Home </a></li>
+
  <img src="https://static.igem.org/mediawiki/2014hs/3/3b/LethHS2014_Problem_slide.png">
-
                <li style="  display: inline;
+
  <img src="https://static.igem.org/mediawiki/2014hs/6/6c/LethHS2014_App_slide.png">
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/notebook" style=" color: black;"> Notebook </a></li>
+
      <img src="https://static.igem.org/mediawiki/2014hs/e/e2/LethHS2014_hp_slide.png">
-
                <li style="  display: inline;
+
      <img src="https://static.igem.org/mediawiki/2014hs/9/9e/LethHS2014_SlideShow_Sponsors.png">
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project" style=" color: black;"> Project </a></li>
+
      <img src="https://static.igem.org/mediawiki/2014hs/6/60/LethHS2014_TeamPhoto2.png">
-
                <li style="  display: inline;
+
  </div>
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/parts" style=" color: black;"> Parts </a></li>
+
 
-
                <li style="  display: inline;
+
    </div>
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/safety" style=" color: black;"> Safety </a></li>
+
 
-
                <li style="  display: inline;
+
  <!-- SlidesJS Required: Link to jQuery -->
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team" style=" color: black;"> Team </a></li>
+
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
-
                <li style="  display: inline;
+
  <!-- End SlidesJS Required -->
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/sponsors" style=" color: black;"> Sponsors </a></li>
+
 
-
                                <li style="   display: inline;
+
   <!-- SlidesJS Required: Link to jquery.slides.js -->
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/human_practices" style=" color: black;"> Human Practices </a></li>
+
  <script src="https://2013hs.igem.org/Team:Lethbridge_Canada/jquery.slides.min?action=raw&ctype=text/javascript"></script>
-
</ul></nav></aside>                                                                                                                 
+
  <!-- End SlidesJS Required -->
-
                                                                                                                 
+
 
 +
  <!-- SlidesJS Required: Initialize SlidesJS with a jQuery doc ready -->
          
          
-
         <footer style="clear:both;">
+
  <script>
-
             <p>copy right stuff</p>
+
    $(function() {
-
         </footer>
+
      $('#slides').slidesjs({
 +
        width: 1222,
 +
        height: 500,
 +
        play: {
 +
          active: true,
 +
          auto: true,
 +
          interval: 4000,
 +
          swap: true
 +
        }
 +
      });
 +
    });
 +
  </script>
 +
          
 +
 
 +
    <main>
 +
        <div class="tilesInterface">
 +
            <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project">
 +
    <div class="tile-container-left1" style="">
 +
        <div class="tile">
 +
            <p class="tileTitle"> Project</p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/2/27/LethHS2014_Water.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
 +
            </div>
 +
 
 +
            <div class="tile">
 +
            <p class="tileTitle"> Fighting Antibiotic Resistance</p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/7/72/LethHS_Project_Flip_BetaLac_2014.png" height="200" width="200" class="tileImg"/>
 +
            </div>
 +
        </div>
 +
            </a>
 +
       
 +
            <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/parts">
 +
        <div class="tile-container-right1a" style="">
 +
        <div class="minitile">
 +
            <p class="tileTitle"> Parts</p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/a/a4/LethHS2014_Parts.png" alt="Smiley face" height="100" width="100" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Our Tools</p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/6/66/LethHS2014_Parts2.png" alt="Smiley face" height="100" width="100" class="tileImg"/>
 +
            </div>
 +
        </div>
 +
                </a>
 +
       
 +
            <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/math">
 +
        <div class="tile-container-right1a" style="">
 +
            <div class="minitile">
 +
            <p class="tileTitle"> Math</p>
 +
            <img src="https://static.igem.org/mediawiki/2014hs/3/36/LethHS2014_Math.png" alt="Smiley face" height="100" width="100" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Modelling our System</p>
 +
            </div>
 +
        </div>
 +
                </a>
 +
 
 +
            <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/safety">
 +
        <div class="tile-container-right1b" style="">
 +
            <div class="minitile">
 +
            <p class="tileTitle"> Safety</p>
 +
            <img src="https://static.igem.org/mediawiki/2014hs/4/4c/LethHS2014_Safety.png" alt="Smiley face" height="100" width="100" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> We can Dance</p>
 +
            </div>
 +
        </div>
 +
                </a>
 +
 
 +
            <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/notebook">
 +
        <div class="tile-container-right1b" style="">
 +
            <div class="minitile">
 +
            <p class="tileTitle"> Notebook</p>
 +
            <img src="https://static.igem.org/mediawiki/2014hs/f/fb/LethHS2014_Notebook.png" alt="Smiley face" height="100" width="100" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Methods and Materials</p>
 +
            </div>
 +
        </div>
 +
                </a>
 +
 
 +
        <!--<div style="height:500px; width=500px; float:left">-->
 +
            <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/treatmentidea">
 +
             <div class="tile-container-left2" style="">
 +
          <div class="tile2">
 +
                <p class="tileTitle" style="padding-top:19%;"> Water Treatment</p>
 +
                <img src="https://static.igem.org/mediawiki/2014hs/b/bd/LethHS_WWTPIcon_2014.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
 +
                </div>
 +
           
 +
<div class="tile">
 +
<img src="https://static.igem.org/mediawiki/2014hs/e/ea/LethHS2014_Reactor.png" height="500" width="607.5" style="">
 +
            </div>
 +
            </div>
 +
                </a>
 +
         <!--</div>-->
 +
            <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/humanpractices">
 +
        <div class="tile-container-right2" style="">
 +
            <div class="tile">
 +
            <p class="tileTitle"> Human Practices</p>
 +
            <img src="https://static.igem.org/mediawiki/2014hs/e/ec/LethHS2014_HumanPractises.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Reaching Out to the Community</p>
 +
            </div>
 +
        </div>
 +
</a>
 +
    <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/app">         
 +
        <div class="tile-container-left3" style="">
 +
            <div class="tile">
 +
            <p class="tileTitle"> App</p>
 +
            <img src="https://static.igem.org/mediawiki/2014hs/e/e2/LethHS2014_Iphone.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Part Searcher</p>
 +
            <img src="https://static.igem.org/mediawiki/2014hs/3/37/LethHS2014_Magnify.png">
 +
            </div>
 +
        </div>
 +
        </a> 
 +
 
 +
            <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team">
 +
        <div class="tile-container-right3" style="height:242.5px;">
 +
        <div class="halftile">
 +
            <p class="tileTitle"> Team</p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/e/e4/LethHS2014_Team_Icon.png" alt="Our Team" height="200" width="200" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
                <img src="https://static.igem.org/mediawiki/2014hs/6/60/LethHS2014_TeamPhoto2.png" alt="Smiley face" height="252.5" width="607.5" class=""/>
 +
            </div>
 +
        </div>
 +
                </a>
 +
 
 +
            <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/sponsors">
 +
        <div class="tile-container-right3" style="height:242.5px;">
 +
            <div class="halftile">
 +
            <p class="tileTitle"> Sponsors</p>
 +
            <img src="https://static.igem.org/mediawiki/2014hs/6/6d/LethHS2014_Sponsors.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Thanks to Our Supporters</p>
 +
            <img src="https://static.igem.org/mediawiki/2014hs/a/a7/LethHS2014_SponsorSpread.png" alt="Smiley face" height="150" width="420" class=""/>
 +
            </div>
 +
        </div>
 +
                </a>
 +
            </div>
 +
    </main>
 +
 
 +
        <aside>
 +
                     
 +
        </aside>
 +
        </section>
 +
 
 +
 
     </body>
     </body>
</html>
</html>

Latest revision as of 03:39, 21 June 2014

Lethbridge High School iGEM Team