Team:York UK

From 2013.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{Team:York_UK/MainHeader}}
-
 
+
<html>
<html>
Line 6: Line 5:
     <title>iGEM York</title>
     <title>iGEM York</title>
     <meta charset="utf-8">
     <meta charset="utf-8">
-
     <link rel="stylesheet" href="style.css">
+
      
-
<link href='http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+
   
-
    <script src="jss/jquery-1.10.2.min.js"></script>
+
    <link href='http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
-
    <script src="jss/script.js"></script>
+
 
-
     <script src="jss/jquery.mousewheel.js"></script>
+
 
 +
     <!-- This is a comment, by the way -->
     <script type="text/javascript">
     <script type="text/javascript">
         $(document).ready(function(){
         $(document).ready(function(){
Line 16: Line 16:
         })
         })
     </script>
     </script>
-
 
-
 
-
   
 
-
 
-
 
-
    <!-- This is a comment, by the way -->
 
</head>
</head>
<body>
<body>
-
     <div id="navigation">
+
     <div id="container">
-
        <ul>
+
<div id="world-bg">
-
            <li><a class="selected" href="home.html">Home</a></li>
+
<div class="bubble" id="recycle-bubble">
-
            <li><a href="team.html">Team</a></li>
+
<p>
-
            <li><a href="project.html">Project</a></li>
+
Recycling <span class="hide">- cleaning our waters of toxic gold ions in the process</span>
-
            <li><a href="notebook.html">Notebook</a></li>
+
</p>
-
            <li><a href="outreach.html">Outreach</a></li>
+
</div>
-
            <li><a href="acknowledgments.html">Acknowledgments</a></li>
+
<div class="bubble" id="energy-bubble">
-
        </ul>
+
<p>
-
    </div>
+
Energy <span class="hide">- needed all around the planet</span>
-
    <div id="content">
+
</p>
-
        <div id="nav2">
+
</div>
-
            <div id="team">
+
<div class="bubble" id="battery-bubble">
-
                    <a href="team.html?page=contacts">Contacts</a>
+
<p>
-
                    <a href="team.html?page=university">The University</a>
+
Battery <span class="hide">- bring everything together to create an Energy Revolution!</span>
-
                    <a href="team.html?page=biography">Biography</a>
+
</p>
-
                    <a href="team.html?page=profile">Profile</a>
+
</div>
-
                    <a href="team.html?page=overview">Overview</a>
+
<div class="bubble" id="fuel-bubble">
-
            </div>
+
<p>
-
            <div id="project">
+
Fuel Cells <span class="hide">- produce energy using live bacteria</span>
-
                    <a href="project.html?page=Overview">Overview</a>
+
</p>
-
                    <a href="project.html?page=chassis">Chassis</a>
+
</div>
-
                    <a href="project.html?page=parts">Parts</a>
+
<div class="bubble" id="gold-bubble">
-
                    <a href="project.html?page=results">Results</a>
+
<p>
-
                    <a href="project.html?page=microbial">Microbial Feul Cells</a>
+
Gold <span class="hide">- used in fuel cells for higher energy production</span>
-
                    <a href="project.html?page=achievements">Achievements</a>
+
</p>
-
                    <a href="project.html?page=collaborations">Collaborations</a>
+
</div>
-
                    <a href="project.html?page=gallery">Gallery</a>
+
<div id="world-wrapper">
-
                    <a href="project.html?page=safety">Safety</a>
+
<div id="world">
-
            </div>
+
</div>
-
            <div id="notebook">
+
</div>
-
                    <a href="notebook.html?page=wetlab">Wet Lab</a>
+
</div>
-
                    <a href="notebook.html?page=drylab">Dry Lab</a>
+
         
-
                    <a href="notebook.html?page=protocols">Protocols</a>
+
      </div>
-
                    <a href="notebook.html?page=modeling">Modeling</a>
+
-
            </div>
+
-
            <div id="acknowledgments">
+
-
                    <a href="acknowledgments.html?page=sponsors">Sponsors</a>
+
-
                    <a href="acknowledgments.html?page=references">References</a>
+
-
                    <a href="acknowledgments.html?page=Attributions">Attributions</a>
+
-
            </div>
+
-
 
+
-
        </div>
+
-
<!--        <p>
+
-
        <span>Move the mouse over the div.</span>
+
-
        <span>&nbsp;</span>
+
-
        </p> -->
+
-
        <img src="images/homepage_future.jpg" width="1080" height="125" alt="Future in Your Eyes, future in York UNI team">
+
-
        <img src="images/homepage_tree.jpg" width="1080" height="515" alt="Tree with benefits">
+
-
        <img src="images/long_dash.jpg" width="1080" height="25" alt="Just a dash">
+
-
        <img src="images/homepage_young.jpg" width="1080" height="490" alt="Young and confident team">
+
-
        <img src="images/long_dash.jpg" width="1080" height="25" alt="Just a dash">
+
-
        <img src="images/homepage_project.jpg" width="1080" height="490" alt="An awesome project">
+
     </div>
     </div>

Latest revision as of 17:10, 4 October 2013

iGEM York

Future in Your Eyes, future in York UNI team iGEM York

Recycling - cleaning our waters of toxic gold ions in the process

Energy - needed all around the planet

Battery - bring everything together to create an Energy Revolution!

Fuel Cells - produce energy using live bacteria

Gold - used in fuel cells for higher energy production