Team:Lethbridge Canada

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
<html lang="en">
<html lang="en">
 +
    <head>
 +
        <title>Lethbridge High School iGEM Team</title>
 +
        <link rel="stylesheet" href="https://2013hs.igem.org/Team:Lethbridge_Canada/concept?action=raw&ctype=text/css" type="text/css" media="screen" />
 +
        <link rel="stylesheet" type="text/css" href="css/nav_bar.css">
 +
        <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="js/nav_bar.js"></script>
 +
        <meta charset="utf-8">
 +
       
 +
        <style>
 +
#slides {
 +
display:none;
 +
}
 +
</style>
 +
-
<style type="text/css">
+
       
-
#contentSub, #search-controls, .firstHeading, /*#footer-box,*/ #catlinks, #p-logo {
+
        <script type="text/javascript" charset="utf-8">
-
     display:none;
+
 
-
}
+
</script>
-
#top-section {
+
    </head>
-
    border: none;
+
    <body>
-
    height: 0px;
+
        <header class="banner">
-
}
+
            <hgroup>
 +
                <h1> Lethbridge High School iGEM Team</h1>
 +
                <h2> Canada</h2>
 +
            </hgroup>
 +
                        <a href="index.html"><img src="images/HS%20iGEM%20Logo%20BLACK.png" height="130px" width="170px" alt="Logo" class="bannerIMG"></a>
 +
          </header>
 +
         
 +
        <div class="topHeadContent"> 
 +
     <!-- NAV_BAR -->
 +
            <div id="nav_bar_wrapper" style="z-index:1000;">
 +
                <ul id="nav_bar">
 +
                    <li class="nav_bar_main_entry" id="nav_bar_project"><a href="Project_page.html">Project</a>
 +
                        <ul id="nav_bar_project_drawer">
 +
                            <li><a href="problem.html">Problem</a></li>
 +
                            <li><a href="Treatment_idea.html">Water Treatment Idea</a></li>
 +
                            <li><a href="Parts.html">Parts</a></li>
 +
                            <li><a href="Math.html">Math</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="nav_bar_main_entry" id="nav_bar_notebook"><a href="#">Notebook</a>
 +
                        <ul id="nav_bar_notebook_drawer">
 +
                            <li><a href="Safety.html">Safety</a></li>
 +
                            <li><a href="February.html">February</a></li>
 +
                            <li><a href="March.html">March</a></li>
 +
                            <li><a href="April.html">April</a></li>
 +
                            <li><a href="May.html">May</a></li>
 +
                            <li><a href="June.html">June</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="nav_bar_main_entry" id="nav_bar_hp"><a href="Human_Practices.html">Human Practices</a>
 +
                        <ul id="nav_bar_hp_drawer">
 +
                            <li><a href="Education.html">Education</a></li>
 +
                            <li><a href="Government.html">Government</a></li>
 +
                            <li><a href="Water_Treatment.html">Water Treatment</a></li>
 +
                            <li><a href="Book.html">Children's Book</a></li>
 +
                            <li><a href="Art.html">Art Outreach</a></li>
 +
                            <li><a href="App.html">Application</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="nav_bar_main_entry" id="nav_bar_team"><a href="#">Team</a>
 +
                        <ul id="nav_bar_team_drawer">
 +
                            <li><a href="Students.html">Students</a></li>
 +
                            <li><a href="Advisors.html">Advisors</a></li>
 +
                            <li><a href="In_The_Lab.html">In The Lab</a></li>
 +
                            <li><a href="Sponsors.html">Sponsors</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /NAV_BAR -->
-
/* Removes "teams" from the menubar */
+
    <div id="slides">
-
#menubar > ul > li:last-child {
+
  <img src="images/TeamPhoto2.png">
-
    display: none;}
+
  <img src="images/bridge.png">
 +
  </div>
 +
 
 +
    </div>
 +
 
 +
  <!-- SlidesJS Required: Link to jQuery -->
 +
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 +
  <!-- End SlidesJS Required -->
-
/* Resizes the menubar to fik the links (default is 400px) */
+
  <!-- SlidesJS Required: Link to jquery.slides.js -->
-
#menubar {
+
  <script src="js/jquery.slides.min.js"></script>
-
    width: auto;}
+
  <!-- End SlidesJS Required -->
-
#content {
+
  <!-- SlidesJS Required: Initialize SlidesJS with a jQuery doc ready -->
-
    background: transparent;
+
  <script>
-
    z-index: auto;
+
    $(function() {
-
    border: none;
+
      $('#slides').slidesjs({
-
    width:98%;
+
        width: 1222,
-
}
+
        height: 500,
 +
        play: {
 +
          active: true,
 +
          auto: true,
 +
          interval: 4000,
 +
          swap: true
 +
        }
 +
      });
 +
    });
 +
  </script>
 +
       
-
.firstHeading {
+
    <main>
-
    height:0px;
+
    <div class="tile-container-left1" style="">
-
    visibility:hidden;
+
        <div class="tile">
-
}
+
            <p class="tileTitle"> Project</p>
 +
<img src="images/Water.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
 +
            </div>
-
#footer-box{
+
            <div class="tile">
-
    background: transparent;
+
            <p class="tileTitle"> Fighting Antibiotic Resistance</p>
-
    border:none;
+
            </div>
-
    margin: 0 auto;
+
        </div>
-
    padding: 5px;
+
       
-
    width: 965px;
+
        <div class="tile-container-right1a" style="">
 +
        <div class="minitile">
 +
            <p class="tileTitle"> Parts</p>
 +
<img src="images/Parts.png" alt="Smiley face" height="100" width="100" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Our Tools</p>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="tile-container-right1a" style="">
 +
            <div class="minitile">
 +
            <p class="tileTitle"> Math</p>
 +
            <img src="images/math.png" alt="Smiley face" height="100" width="100" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Modelling our System</p>
 +
            </div>
 +
        </div>
-
    /*width:100%;
+
        <div class="tile-container-right1b" style="">
-
    padding:0px;
+
            <div class="minitile">
-
    margin:0 auto;
+
            <p class="tileTitle"> Safety</p>
-
    display:inline-block;
+
            <img src="images/Safety.png" alt="Smiley face" height="100" width="100" class="tileImg"/>
-
    text-align:left;
+
            </div>
-
    border-style:none;*/
+
           
-
}
+
            <div class="tile">
 +
            <p class="tileTitle"> We can Dance</p>
 +
            </div>
 +
        </div>
-
#footer-box *{
+
        <div class="tile-container-right1b" style="">
-
  position:relative;
+
            <div class="minitile">
-
  margin-top:10px;
+
            <p class="tileTitle"> Notebook</p>
-
}
+
            <img src="images/notebook.png" alt="Smiley face" height="100" width="100" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Methods and Materials</p>
 +
            </div>
 +
        </div>
-
#globalWrapper {
+
        <!--<div style="height:500px; width=500px; float:left">-->
-
  font-size:100%;
+
            <div class="tile-container-left2" style="">
-
}
+
          <div class="tile">
 +
                <p class="tileTitle"> Water Treatment</p>
 +
                <img src="images/Team Icon.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
 +
                </div>
 +
           
 +
                <div class="tile">
 +
                <p class="tileTitle"> Solving the Problem</p>
 +
                </div>
 +
            </div>
 +
        <!--</div>-->
-
h1, h2 {
+
        <div class="tile-container-right2" style="">
-
    border-bottom: none;
+
            <div class="tile">
-
}
+
            <p class="tileTitle"> Human Practices</p>
 +
            <img src="images/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>
-
h2 {
+
        <div class="tile-container-left3" style="">
-
    font-size:18px;
+
            <div class="tile">
-
    font-family:Arial, sans-serif;
+
            <p class="tileTitle"> App</p>
-
}
+
            <img src="images/Iphone.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
-
h3 {
+
            </div>
-
    font-size:16px;
+
           
-
    font-weight: 600;
+
            <div class="tile">
-
    font-family:Arial, sans-serif;
+
            <p class="tileTitle"> Browse the registry quickly and easily with Part Searcher</p>
-
}
+
            </div>
-
h4  {
+
        </div>
-
    font-size: 14px;
+
-
    font-weight: 600;
+
-
    font-family:Arial, sans-serif;
+
-
}
+
-
div.thumb div {
+
        <div class="tile-container-right3" style="height:242.5px;">
-
    font-size:10px;
+
        <div class="halftile">
-
}
+
            <p class="tileTitle"> Team</p>
 +
<img src="images/Team Icon.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Meet our Members</p>
 +
            </div>
 +
        </div>
-
.editsection {
+
        <div class="tile-container-right3" style="height:242.5px;">
-
    display: none;
+
            <div class="halftile">
-
}
+
            <p class="tileTitle"> Sponsors</p>
 +
            <img src="images/Team Icon.png" alt="Smiley face" height="200" width="200" class="tileImg"/>
 +
            </div>
 +
           
 +
            <div class="tile">
 +
            <p class="tileTitle"> Thanks to Our Supporters</p>
 +
            </div>
 +
        </div>
 +
<p style="color:white;">stuff</p>
 +
    </main>
-
li {
+
         <aside>
-
    font-size:10px;
+
                     
-
}
+
         </aside>
-
 
+
-
div.thumb {
+
-
    border-color:#eeeeee;
+
-
}
+
-
 
+
-
dd {
+
-
    font-size:10px;
+
-
}
+
-
 
+
-
a:visited {
+
-
    color: #000080;
+
-
}
+
-
a {
+
-
    color: #000080;
+
-
}
+
-
p > a, b > a {
+
-
    color: #000080;
+
-
}
+
-
p > a:visited, b > a:visited {
+
-
    color: #000080;
+
-
}
+
-
p {
+
-
  text-align:justify;
+
-
}
+
-
table {
+
-
    font-size:1em;
+
-
}
+
-
b {
+
-
font-size:14px;
+
-
}
+
-
figcaption {
+
-
text-align: justify;
+
-
}
+
-
 
+
-
/* Resizes the menubar to fik the links (default is 400px) */
+
-
#menubar {
+
-
    width: auto;}
+
-
body {
+
-
    margin: 10px 0 0 0;
+
-
    padding: 0;}
+
-
 
+
-
#top-section {
+
-
    width: 965px;
+
-
    height: 0;
+
-
    margin: 0 auto;
+
-
    padding: 0;
+
-
    border: none;}
+
-
#menubar {
+
-
    font-size: 65%;
+
-
    top: 0;
+
-
    }
+
-
.left-menu:hover {
+
-
    background-color: transparent;}
+
-
#menubar li a {
+
-
    background-color: transparent;}
+
-
#menubar:hover {
+
-
    color: gray;}
+
-
#menubar li a {
+
-
    color: gray;}
+
-
#menubar:hover li a {
+
-
    color: #CCC;}
+
-
 
+
-
 
+
-
/* modified css-Stuff from the bubble wiki theme*/
+
-
 
+
-
*{
+
-
                margin:0;
+
-
                padding:0;
+
-
            }
+
-
            body{
+
-
                background:#fff  no-repeat top left;
+
-
            }
+
-
            div:after {
+
-
                content: "";
+
-
               
+
-
                background-repeat: no-repeat;
+
-
                opacity: 0.8;
+
-
                top: 0;
+
-
                left: 0;
+
-
                bottom:0;
+
-
                right: 0;
+
-
                z-index: -1; 
+
-
            }
+
-
            .title{
+
-
                width:548px;
+
-
                height:119px;
+
-
                position:absolute;
+
-
                top:400px;
+
-
                left:150px;   
+
-
            }
+
-
            #content{
+
-
                margin:0 auto;
+
-
            }
+
-
  /*          .months{
+
-
                position:absolute;
+
-
                left:0.5%;
+
-
                top:275px;
+
-
                z-index:8;
+
-
            }
+
-
            .slider{
+
-
                position:absolute;
+
-
                left:0.5%;
+
-
                top:425px;
+
-
                width:37%;
+
-
            }
+
-
            .weekly-tabs{
+
-
                position:absolute;
+
-
                top:335px;
+
-
                left:39%;
+
-
                width:61%;
+
-
            }
+
-
            #weekly{
+
-
                position:absolute;
+
-
                top:365px;
+
-
                left:39%;
+
-
                width:61%;
+
-
            }*/
+
-
            .scrollContent{
+
-
                overflow:hidden;
+
-
                position:relative;
+
-
                height:700px;
+
-
            }
+
-
            .scrollContent2{
+
-
                height:300px;
+
-
                overflow:hidden;
+
-
                position:relative;
+
-
                top:15px;
+
-
                width:90%;
+
-
                left:20px;
+
-
                right:20px;
+
-
            }
+
-
            #methods{
+
-
                background-color: #eeeeee;
+
-
                position:absolute;
+
-
                left:0.5%;
+
-
                top:680px;
+
-
                width:37%;
+
-
                height:615px;
+
-
                overflow:auto;
+
-
                position:relative;
+
-
 
+
-
            }
+
-
            .carousel .item{
+
-
              background-color:#EEEEEE;
+
-
            }
+
-
            .carousel-caption{
+
-
        color:#5A5A5A;
+
-
        text-shadow:none;/*0 2px 2px rgba(0, 0, 0, 0.4);*/
+
-
            }
+
-
            .carousel-caption p {
+
-
        font-size:10pt;
+
-
        text-align:justify;
+
-
        position:relative;
+
-
        margin-right:1%;
+
-
        }
+
-
            .carousel-control{
+
-
          color:#5A5A5A;
+
-
                width:7%;
+
-
            }
+
-
            .carousel-control.left {
+
-
background-image: none;
+
-
    }
+
-
    .carousel-control.right {
+
-
background-image: none;
+
-
    }
+
-
            .carousel-control .icon-prev,
+
-
            .carousel-control .icon-next,
+
-
            .carousel-control .glyphicon-chevron-left,
+
-
            .carousel-control .glyphicon-chevron-right{
+
-
                left:10%;
+
-
            }
+
-
            .carousel-indicators li {
+
-
        border: 1px solid #5A5A5A;
+
-
            }
+
-
      .carousel-indicators .active {
+
-
        background-color: #5A5A5A;
+
-
            }
+
-
            .nav-tabs {
+
-
                  border-bottom:#eeeeee ;
+
-
            }
+
-
            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+
-
                        border-color:#eeeeee;
+
-
            }
+
-
            .sidebar-nav {
+
-
    padding: 9px 0;
+
-
}
+
-
 
+
-
.dropdown-menu .sub-menu {
+
-
    left: 100%;
+
-
    position: absolute;
+
-
    top: 0;
+
-
    visibility: hidden;
+
-
    margin-top: -1px;
+
-
}
+
-
 
+
-
.dropdown-menu li:hover .sub-menu {
+
-
    visibility: visible;
+
-
}
+
-
 
+
-
.dropdown:hover .dropdown-menu {
+
-
    display: block;
+
-
}
+
-
 
+
-
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
+
-
    margin-top: 0;
+
-
}
+
-
 
+
-
.navbar .sub-menu:before {
+
-
    border-bottom: 7px solid transparent;
+
-
    border-left: none;
+
-
    border-right: 7px solid rgba(0, 0, 0, 0.2);
+
-
    border-top: 7px solid transparent;
+
-
    left: -7px;
+
-
    top: 10px;
+
-
}
+
-
.navbar .sub-menu:after {
+
-
    border-top: 6px solid transparent;
+
-
    border-left: none;
+
-
    border-right: 6px solid #fff;
+
-
    border-bottom: 6px solid transparent;
+
-
    left: 10px;
+
-
    top: 11px;
+
-
    left: -6px;
+
-
}
+
-
.labjournal-weekly {
+
-
    margin-top:2.6%;
+
-
    float:left;
+
-
    width:100%;
+
-
}
+
-
table.wikitable {
+
-
    font-size:0.7em;
+
-
}
+
-
#bodyContent a[href^="https://"], .link-https {
+
-
    background: none;}
+
-
</style>
+
-
 
+
-
  <!--customized scrollbar-->
+
-
  <!--<link href="custom-scrollbar-plugin/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />-->
+
-
    <head>
+
-
         <title>Lethbridge High School iGEM Team</title>
+
-
        <meta charset="utf-8">
+
-
    </head>
+
-
    <body>
+
-
         <header style="background-color:black; padding: 10px;">
+
-
            <hgroup>
+
-
                <h1 style="color:white;"> Lethbridge High School iGEM Team</h1>
+
-
                <h2 style="color:white;"> Canada</h2>
+
-
            </hgroup>
+
          
          
-
 
+
            
-
           </header>
+
 
-
       
+
-
        <main style="width:700px; float:left; margin-bottom:3px;">
+
-
            <article style=" border: 2px solid black;">
+
-
                <header>
+
-
                    <hgroup>
+
-
                        <h1> Stuff goes here</h1>
+
-
                        <h2> Other text here</h2>
+
-
                    </hgroup>
+
-
                </header>
+
-
            </article>
+
-
        </main>
+
-
 
+
-
        <aside style="width=300px; float:right;">
+
-
                        <ul style="list-style: none;">
+
-
                <li style="
+
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada" style=" color: black;"> Home </a></li>
+
-
                <li style=" 
+
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project" style=" color: black;"> Project </a></li>
+
-
                <li style=" 
+
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/parts" style=" color: black;"> Parts </a></li>
+
-
                <li style=" 
+
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/notebook" style=" color: black;"> Notebook </a></li>
+
-
                <li style=" 
+
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/safety" style=" color: black;"> Safety </a></li>
+
-
                <li style=" 
+
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/human_practices" style=" color: black;"> Human Practices</a></li>
+
-
                <li style="
+
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team" style=" color: black;"> Team </a></li>
+
-
                                <li style="
+
-
    padding: 30px;"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/sponsors" style=" color: black;"> Sponsors </a></li>
+
-
 
+
-
 
+
-
 
+
-
            </ul>
+
-
        </aside>
+
          
          
-
        <footer style="clear:both; border: 2px solid black;">
 
-
            <p>copyright stuff</p>
 
-
        </footer>
 
     </body>
     </body>
</html>
</html>

Revision as of 19:58, 15 June 2014

Lethbridge High School iGEM Team

Project

Smiley face

Fighting Antibiotic Resistance

Parts

Smiley face

Our Tools

Math

Smiley face

Modelling our System

Safety

Smiley face

We can Dance

Notebook

Smiley face

Methods and Materials

Water Treatment

Smiley face

Solving the Problem

Human Practices

Smiley face

Reaching Out to the Community

App

Smiley face

Browse the registry quickly and easily with Part Searcher

Team

Smiley face

Meet our Members

Sponsors

Smiley face

Thanks to Our Supporters

stuff

Retrieved from "http://2014hs.igem.org/Team:Lethbridge_Canada"