Team:UCL-London/Project

From 2013.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 3: Line 3:
<link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/coverwikistyles.css?action=raw&ctype=text/css" />
<link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/coverwikistyles.css?action=raw&ctype=text/css" />
-
 
+
-
<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/bootstrap.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 rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
+
</head>
</head>
Line 14: Line 10:
<body>
<body>
-
<div id="banner">
+
    <div id="wrap">
-
 
+
-
 
+
-
 
+
-
<div id="header">
+
-
 
+
-
<div id="headtext1">
+
-
<small_title1>SPOTLESS</small_title1>
+
-
<small_title2>MIND</small_title2>
+
-
<small_title1>FB/TWIT/RSS</small_title1>
+
-
</div>
+
-
 
+
-
<div id="headtext2">
+
-
<page_title1>TITLE</page_title1>
+
-
<page_title2>GOESHERE</page_title2>
+
-
<div id="logo"></div>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
</div>
+
-
                    <div id="nav_container">
+
-
                    <div id="navbar">
+
-
 
+
-
  <div class="navlink"><a href="https://2013.igem.org/Team:UCL-London/Project">Project</a></div>
+
-
<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">
+
      <!-- Fixed navbar -->
 +
      <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>
-
<img src="https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png" alt="some_text">
 
-
<p class="minor_title">Heading</p>
+
            <div class="nav-collapse collapse">
-
  <p class="body_text">
+
              <ul class="nav">
-
text text text
+
-
</p>
+
-
  </div>
+
-
</div>
+
                <li class="active"><a href="/Team:Dundee">Home</a></li>
-
<div class="h_gap">
+
                <li class="dropdown">
-
</div>
+
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
-
<div class="h_gap">
+
                  <ul class="dropdown-menu">
-
</div>
+
                    <li><a href="/Team:Dundee/Team">Meet the Team</a></li>
-
<div class="h_gap">
+
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
-
</div>
+
                    <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>
-
<div class="row_small">
+
                <li class="dropdown">
 +
                  <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>
-
  <div class="col_1">
+
                    <li><a href="/Team:Dundee/Project/LabOverview">Lab Overview</a></li>
-
<p class="minor_title">Heading</p>
+
                    <li><a href="/Team:Dundee/Project/Mop">Mop</a></li>
-
  <p class="body_text">
+
                    <li><a href="/Team:Dundee/Project/Detector">Detector</a></li>
-
Lorem ipsum dolor sed enim sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
+
                    <li class="divider"></li>
-
Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu.
+
                    <li class="nav-header">Modelling </li>
-
</p>
+
                    <li><a href="/Team:Dundee/Project/MathOverview">Modelling Overview</a></li>
-
  </div>
+
                    <li><a href="/Team:Dundee/Project/MathTheory">Theory</a></li>
-
<div class="col_1" style="background-image:url('https://static.igem.org/mediawiki/2013/4/4b/Img1.png')">
+
                    <li class="divider"></li>
-
  </div>
+
                    <li class="nav-header">Software</li>
-
<div class="col_1">
+
                  <li><a href="/Team:Dundee/Project/SoftwareOverview">Software Overview</a></li>
-
<p class="minor_title">Heading</p>
+
                  <!--<li><a href="/Team:Dundee/Project/SoftwareTheory">Mop-toppus</a></li>-->
-
  <p class="body_text">
+
                  </ul>
-
Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu.
+
                </li>
-
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>
+
 +
                <li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="#">Our Biobricks</a></li>
 +
                    <li><a href="#">Improvements</a></li>
 +
                  </ul>
 +
                </li>
-
</div>
+
                <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>
-
<div class="h_gap">
+
                <li class="dropdown">
-
</div>
+
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice <b class="caret"></b></a>
-
<div class="h_gap">
+
                  <ul class="dropdown-menu">
-
</div>
+
                    <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 class="row_small">
+
                <!--
 +
                <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>
-
  <div class="col_1">
 
-
  </div>
 
-
<div class="col_1">
 
-
  </div>
 
-
<div class="col_1">
 
-
  </div>
 
-
<div class="col_2">
 
-
  </div>
 
-
</div>
+
              </ul>
 +
            </div><!--/.nav-collapse -->
 +
          </div>
 +
        </div>
 +
      </div>
-
<div class="h_gap">
 
-
</div>
 
-
<div class="h_gap">
 
-
</div>
 
-
<div class="row_small">
 
-
  <div class="col_1">
+
    Javascript
-
  </div>
+
    ================================================== -->
-
<div class="col_1">
+
    <!-- Placed at the end of the document so the pages load faster -->
-
  </div>
+
-
<div class="col_1">
+
-
  </div>
+
-
<div class="col_2">
+
-
  </div>
+
-
</div>
+
    <!-- the neccessary javascript -->
 +
    <script src="http://code.jquery.com/jquery-latest.js"></script>
 +
    <script src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
-
<div class="h_gap">
+
    <script type="text/javascript">
-
</div>
+
-
<div class="h_gap">
+
-
</div>
+
-
<div class="row_small">
+
      $("#tip").tooltip(); //call on the tooltip function and attach it to a tooltip id
 +
    </script>
-
  <div class="col_1">
 
-
  </div>
 
-
<div class="col_1">
 
-
  </div>
 
-
<div class="col_1">
 
-
  </div>
 
-
<div class="col_2">
 
-
  </div>
 
-
</div>
+
    <script language="Javascript" type="text/javascript" src="http://www.kyleharrison.co.uk/igem/js/jquery.blinds-0.9.js"></script>
-
</div>
+
    <script type="text/javascript">
 +
          $(window).load(function () {
 +
            $('.slideshow').blinds();
 +
        })
 +
    </script>
</body>
</body>
</html>
</html>

Latest revision as of 12:45, 7 August 2013