Team:UCL-London/Project

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<html lang="en">
+
<head>
-
  <head>
+
-
    <meta charset="utf-8">
+
-
    <title>iGEM Dundee 2013 &middot; ToxiMop</title>
+
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
-
    <meta name="description" content="">
+
-
    <meta name="author" content="">
+
-
    <!-- CSS -->
+
<link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/coverwikistyles.css?action=raw&ctype=text/css" />
-
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
-
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet">
+
-
  <!-- <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet"> -->
+
-
  <link href="https://2013.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
<link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/globalstyles.css?action=raw&ctype=text/css" />
-
    <!--
+
<link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/navbarstyles.css?action=raw&ctype=text/css" />
-
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
-
-->
+
-
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+
-
    <!--[if lt IE 9]>
+
-
      <script src="http://www.kyleharrison.co.uk/igem/assets/js/html5shiv.js"></script>
+
-
    <![endif]-->
+
-
    <!-- Fav and touch icons -->
+
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
-
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
+
-
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
+
-
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
+
-
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
+
-
                                  <link rel="shortcut icon" href="../assets/ico/favicon.png">
+
-
  </head>
+
-
  <body>
+
</head>
-
    <!-- Part 1: Wrap all page content here -->
+
<body>
-
    <div id="wrap">
+
-
      <!-- Fixed navbar -->
+
<div id="banner">
-
      <div class="navbar navbar-fixed-top">
+
-
        <div class="navbar-inner">
+
-
          <div class="container">
 
-
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 
-
              <span class="icon-bar"></span>
 
-
              <span class="icon-bar"></span>
 
-
              <span class="icon-bar"></span>
 
-
            </button>
 
-
<a class="brand" style="padding:0px 15px;width:70px;height:50px;" href="https://igem.org"><img width="70px" height="50px" src="https://static.igem.org/mediawiki/igem.org/9/93/IGEMLogoDundee-Small.png"> </a>
 
-
            <a class="brand" href="/Team:Dundee">Dundee 2013</a>
 
-
            <div class="nav-collapse collapse">
 
-
              <ul class="nav">
 
-
                <li class="active"><a href="/Team:Dundee">Home</a></li>
 
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a href="/Team:Dundee/Team">Meet the Team</a></li>
 
-
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
 
-
                    <li><a href="/Team:Dundee/Team/Acknowledgements">Acknowledgements</a></li>
 
-
                    <li><a href="/Team:Dundee/Team/Attributions">Attributions</a></li>
 
-
                    <li><a href="/Team:Dundee/Team/Gallery">Gallery</a></li>
 
-
                    <li><a href="/Team:Dundee/Team/Contact">Contact</a></li>
 
-
                  </ul>
 
-
                </li>
 
-
                <li class="dropdown">
+
<div id="header">
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/Project">Project Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/Notebook">Notebook</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Lab</li>
+
-
                    <li><a href="/Team:Dundee/Project/LabOverview">Lab Overview</a></li>
+
<div id="headtext1">
-
                    <li><a href="/Team:Dundee/Project/Mop">Mop</a></li>
+
<small_title1>SPOTLESS</small_title1>
-
                    <li><a href="/Team:Dundee/Project/Detector">Detector</a></li>
+
<small_title2>MIND</small_title2>
-
                    <li class="divider"></li>
+
<small_title1>FB/TWIT/RSS</small_title1>
-
                    <li class="nav-header">Modelling </li>
+
</div>
-
                    <li><a href="/Team:Dundee/Project/MathOverview">Modelling Overview</a></li>
+
-
                    <li><a href="/Team:Dundee/Project/MathTheory">Theory</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="nav-header">Software</li>
+
-
                  <li><a href="/Team:Dundee/Project/SoftwareOverview">Software Overview</a></li>
+
-
                  <!--<li><a href="/Team:Dundee/Project/SoftwareTheory">Mop-toppus</a></li>-->
+
-
                  </ul>
+
-
                </li>
+
-
                <li class="dropdown">
+
<div id="headtext2">
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a>
+
<page_title1>TITLE</page_title1>
-
                  <ul class="dropdown-menu">
+
<page_title2>GOESHERE</page_title2>
-
                    <li><a href="#">Our Biobricks</a></li>
+
<div id="logo"></div>
-
                    <li><a href="#">Improvements</a></li>
+
</div>
-
                  </ul>
+
-
                </li>
+
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Safety <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a href="#">General Safety</a></li>
 
-
                    <li><a href="#">Safety in the Lab</a></li>
 
-
                    <li><a href="#">Public Safety and Awareness</a></li>
 
-
                    <li><a href="#">Enviromental Safety</a></li>
 
-
                  </ul>
 
-
                </li>
 
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a href="#">Overview</a></li>
 
-
                    <li><a href="#">Collaboration</a></li>
 
-
                    <li><a href="#">Outreach</a></li>
 
-
                    <li><a href="/Team:Dundee/HumanPractice/CaseStudy">Clatto Case Study</a></li>
 
-
                    <li class="divider"></li>
 
-
                    <li class="nav-header">Media</li>
 
-
                    <li><a href="http://www.youtube.com/channel/UCvHOQ9Y1PqKInj6iCwLqTJw/feed?view_as=public">Youtube Channel</a></li>
 
-
                    <li><a href="#">Graphic Novel</a></li>
 
-
                    <li><a href="http://www.flickr.com/photos/97927329@N05/">Flickr</a></li>
 
-
                    <li><a href="#">Video Game</a></li>
 
-
                    <li class="divider"></li>
 
-
                    <li class="nav-header">Social Media</li>
 
-
                    <li><a href="https://www.facebook.com/DundeeiGem2013">Facebook</a></li>
 
-
                    <li><a href="https://twitter.com/DundeeiGEMTeam">Twitter</a></li>
 
-
                    <li><a href="https://plus.google.com/u/0/116223511035478208262/posts?hl=en_US">Google+</a></li>
 
-
                   
 
-
                  </ul>
 
-
                </li>
 
-
                <!--
+
</div>
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sponsors <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
+
-
                    <li><a href="#">Sponsorship Levels</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
              -->
+
-
              <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
+
-
              </ul>
+
</div>
-
            </div><!--/.nav-collapse -->
+
                    <div id="nav_container">
-
          </div>
+
                    <div id="navbar">
-
        </div>
+
-
      </div>
+
-
   
+
  <div class="navlink"><a href="https://2013.igem.org/Team:UCL-London/Project">Project</a></div>
-
   </body>
+
<div class="navlink"> Background</div>
 +
<div class="navlink">Team</div>
 +
<div class="navlink">Gallery</div>
 +
<div class="navlink">Diary</div>
 +
<div class="navlink">Sponsors</div>
 +
<div class="navlink">Achievements</div>
 +
<div class="navlink">Modelling</div>
 +
<div class="navlink">Human Practices</div>
 +
 
 +
                </div>
 +
                </div>
 +
 
 +
<div id="container">
 +
 
 +
 
 +
 
 +
  <div class="h_gap">
 +
</div>
 +
 
 +
<div class="row_large">
 +
 
 +
   <div class="col_left">
 +
 
 +
  <p class="major_title">HEADING GOES HERE</p>
 +
  <p class="minor_title">Heading</p>
 +
  <p class="body_text">
 +
 
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
</p>
 +
  <p class="citation_text">
 +
citation 1
 +
<br>
 +
citation 2
 +
</p>
 +
<br>
 +
  <p class="minor_title">Heading</p>
 +
  <p class="body_text">
 +
 
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
</p>
 +
  <p class="citation_text">
 +
citation 1
 +
<br>
 +
citation 2
 +
</p>
 +
  </div>
 +
 
 +
  <div class="col_right">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png" alt="some_text">
 +
 
 +
<p class="minor_title">Heading</p>
 +
  <p class="body_text">
 +
text text text
 +
</p>
 +
  </div>
 +
 
 +
</div>
 +
 
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
 
 +
<div class="row_small">
 +
 
 +
  <div class="col_1">
 +
<p class="minor_title">Heading</p>
 +
  <p class="body_text">
 +
Lorem ipsum dolor sed enim sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu.
 +
</p>
 +
  </div>
 +
<div class="col_1" style="background-image:url('https://static.igem.org/mediawiki/2013/4/4b/Img1.png')">
 +
  </div>
 +
<div class="col_1">
 +
<p class="minor_title">Heading</p>
 +
  <p class="body_text">
 +
Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu.
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim sed enim arcu.
 +
</p>
 +
  </div>
 +
<div class="col_2" style="background-image:url('https://static.igem.org/mediawiki/2013/a/a9/Img2.png')">
 +
  </div>
 +
 
 +
 
 +
</div>
 +
 
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
 
 +
<div class="row_small">
 +
 
 +
  <div class="col_1">
 +
  </div>
 +
<div class="col_1">
 +
  </div>
 +
<div class="col_1">
 +
  </div>
 +
<div class="col_2">
 +
  </div>
 +
 
 +
</div>
 +
 
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
 
 +
<div class="row_small">
 +
 
 +
  <div class="col_1">
 +
  </div>
 +
<div class="col_1">
 +
  </div>
 +
<div class="col_1">
 +
  </div>
 +
<div class="col_2">
 +
  </div>
 +
 
 +
</div>
 +
 
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
 
 +
<div class="row_small">
 +
 
 +
  <div class="col_1">
 +
  </div>
 +
<div class="col_1">
 +
  </div>
 +
<div class="col_1">
 +
  </div>
 +
<div class="col_2">
 +
  </div>
 +
 
 +
</div>
 +
 
 +
</div>
 +
 
 +
 
 +
</body>
</html>
</html>

Revision as of 10:49, 7 August 2013

HEADING GOES HERE

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.

citation 1
citation 2


Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.

citation 1
citation 2

some_text

Heading

text text text

Heading

Lorem ipsum dolor sed enim sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu.

Heading

Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim sed enim arcu.