|
|
| (23 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <!DOCTYPE html> | + | {{:Team:Dundee/Templates/Navigationbar}} |
| | + | |
| | + | <html> |
| | <html lang="en"> | | <html lang="en"> |
| - | <head>
| |
| - | <meta charset="utf-8">
| |
| - | <title>iGEM Dundee 2013 · Toxi-Mop</title>
| |
| - | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| - | <meta name="description" content="">
| |
| - | <meta name="author" content="">
| |
| - |
| |
| - | <!-- CSS -->
| |
| - | <link href="../assets/css/bootstrap.css" rel="stylesheet">
| |
| - | <link href="../assets/css/style.css" rel="stylesheet">
| |
| - | <style type="text/css">
| |
| - |
| |
| - | /* Sticky footer styles
| |
| - | -------------------------------------------------- */
| |
| - |
| |
| - | html,
| |
| - | body {
| |
| - | height: 100%;
| |
| - | /* The html and body elements cannot have any padding or margin. */
| |
| - | }
| |
| - |
| |
| - | /* Wrapper for page content to push down footer */
| |
| - | #wrap {
| |
| - | min-height: 100%;
| |
| - | height: auto !important;
| |
| - | height: 100%;
| |
| - | /* Negative indent footer by it's height */
| |
| - | margin: 0 auto -60px;
| |
| - | }
| |
| - |
| |
| - | /* Set the fixed height of the footer here */
| |
| - | #push,
| |
| - | #footer {
| |
| - | height: 60px;
| |
| - | }
| |
| - | #footer {
| |
| - | background-color: #f5f5f5;
| |
| - | }
| |
| - |
| |
| - | /* Lastly, apply responsive CSS fixes as necessary */
| |
| - | @media (max-width: 767px) {
| |
| - | #footer {
| |
| - | margin-left: -20px;
| |
| - | margin-right: -20px;
| |
| - | padding-left: 20px;
| |
| - | padding-right: 20px;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* Custom page CSS
| |
| - | -------------------------------------------------- */
| |
| - | /* Not required for template or sticky footer method. */
| |
| - |
| |
| - | #wrap > .container {
| |
| - | padding-top: 60px;
| |
| - | }
| |
| - | .container .credit {
| |
| - | margin: 20px 0;
| |
| - | }
| |
| - |
| |
| - | code {
| |
| - | font-size: 80%;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
| |
| - |
| |
| - | <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
| |
| - | <!--[if lt IE 9]>
| |
| - | <script src="..//js/html5shiv.js"></script>
| |
| - | <![endif]-->
| |
| - |
| |
| - | <!-- Fav and touch icons -->
| |
| - | <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>
| |
| - |
| |
| - |
| |
| - | <!-- Part 1: Wrap all page content here -->
| |
| - | <div id="wrap">
| |
| - |
| |
| - | <!-- 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>
| |
| - | <a class="brand" href="#">Dundee iGEM 2013</a>
| |
| - | <div class="nav-collapse collapse">
| |
| - | <ul class="nav">
| |
| - | <li class="active"><a href="index.html">Home</a></li>
| |
| - | <li class="active"><a href="Gallery.html">Gallery</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="meettheteam.html">Meet the Team</a></li>
| |
| - | <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
| |
| - | <li><a href="#">Acknowledgements</a></li>
| |
| - | <li><a href="#">Attributions</a></li>
| |
| - | <li><a href="#">Contact</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li class="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
| |
| - | <ul class="dropdown-menu">
| |
| - | <li><a href="#">Project Overview</a></li>
| |
| - | <li><a href="#">Notebook</a></li>
| |
| - | <li class="divider"></li>
| |
| - | <li class="nav-header">Lab</li>
| |
| - | <li class="divider"></li>
| |
| - | <li><a href="#">Lab Overview</a></li>
| |
| - | <li><a href="#">Detector</a></li>
| |
| - | <li><a href="#">Sensor</a></li>
| |
| - | <li class="divider"></li>
| |
| - | <li class="nav-header">Modelling </li>
| |
| - | <li class="divider"></li>
| |
| - | <li><a href="#">Modelling Overview</a></li>
| |
| - | <li class="divider"></li>
| |
| - | <li class="nav-header">Software</li>
| |
| - | <li class="divider"></li>
| |
| - | <li><a href="#">Software Overview</a></li>
| |
| - | <li><a href="#">Mop-toppus</a></li>
| |
| - | <li><a href="#">Toxi-Tweet</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <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>
| |
| - |
| |
| - | <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 class="divider"></li>
| |
| - | <li class="nav-header">Media</li>
| |
| - | <li class="divider"></li>
| |
| - | <li><a href="#">Youtube Channel</a></li>
| |
| - | <li><a href="#">Graphic Novel</a></li>
| |
| - | <li><a href="#">Flickr</a></li>
| |
| - | <li><a href="#">Video Game</a></li>
| |
| - | <li class="divider"></li>
| |
| - | <li class="nav-header">Social Media</li>
| |
| - | <li class="divider"></li>
| |
| - | <li><a href="#">Facebook</a></li>
| |
| - | <li><a href="#">Twitter</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | <li class="dropdown">
| |
| - | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sponsors <b class="caret"></b></a>
| |
| - | <ul class="dropdown-menu">
| |
| - | <li><a href="#">Our Sponsors</a></li>
| |
| - | <li><a href="#">Sponsorship Levels</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - |
| |
| - | </ul>
| |
| - | </div><!--/.nav-collapse -->
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| | | | |
| | <!-- Begin page content --> | | <!-- Begin page content --> |
| | <div class="container"> | | <div class="container"> |
| | | | |
| - | <!-- Title -->
| |
| - | <div class="page-header">
| |
| - | <h2><b>Contact Us</b></h2>
| |
| - | </div>
| |
| - | <!-- Title End -->
| |
| | | | |
| | <!-- Row 1 --> | | <!-- Row 1 --> |
| | <div class="row" style="margin-top:20px;"> | | <div class="row" style="margin-top:20px;"> |
| | | | |
| - | <div class="span6" style="text-align:justify"> | + | <div class="span4" style="text-align:justify"> |
| | <h2 style="margin-top:-10px;"> Contact The Team </h2> | | <h2 style="margin-top:-10px;"> Contact The Team </h2> |
| | <p> For any personal contacts, don't hesitate to drop us a line at igem@dundee.ac.uk</p> | | <p> For any personal contacts, don't hesitate to drop us a line at igem@dundee.ac.uk</p> |
| - | <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | + | <br> |
| | </div> | | </div> |
| | | | |
| - | <div class="span6" style="text-align:justify"> | + | <div class="span4" style="text-align:justify"> |
| | <h2 style="margin-top:-10px;"> Social Media</h2> | | <h2 style="margin-top:-10px;"> Social Media</h2> |
| - | <p> If you would like to keep up with us, please feel free to follow us on <a href="#"> Twitter </a> or give us a like on <a href="#"> Facebook </a>. | + | <p> If you would like to keep up with us, please feel free to follow us on <a href="#"> Twitter </a> or like our <a href="#"> Facebook page </a>. <br> |
| - | <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | + | <br> |
| | + | </p> |
| | + | </div> |
| | + | |
| | + | <div class="span4" style="text-align:justify"> |
| | + | <h2 style="margin-top:-10px;"> Location</h2> |
| | + | <p> We are located on the University of Dundee Campus, <a href="http://goo.gl/maps/30Gon">Click</a> here to see the location on Google Maps. |
| | + | <br> |
| | </p> | | </p> |
| | </div> | | </div> |
| Line 222: |
Line 35: |
| | <div class="row" style="margin-top:20px;"> | | <div class="row" style="margin-top:20px;"> |
| | | | |
| - | <div class="span3"> | + | <div class="span2"><a href="#"> |
| - | <div id="mainwrapper">
| + | < a href=" http://www.youtube.com/channel/UCvHOQ9Y1PqKInj6iCwLqTJw"><img id="image-6" src="http://images3.wikia.nocookie.net/__cb20120618105922/runescape/images/f/f2/Youtube_logo-Update-Hints.png" style="width: 120px;height: 120px;"/></ a> |
| - | <!-- Image Caption 6 -->
| + | |
| - | <div id="box-6" class="box">
| + | |
| - | <img id="image-6" src="http://images3.wikia.nocookie.net/__cb20120618105922/runescape/images/f/f2/Youtube_logo-Update-Hints.png" style="width: 220px;height: 220px;"/> | + | |
| - | <span class="caption scale-caption">
| + | |
| - | <p style = "font-size: 12px;"><b>You tube </b> Our channel is </p>
| + | |
| - | </span>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| | | | |
| - | <div class="span3"> | + | <div class="span2"><a href="http://www.flickr.com/photos/97927329@N05/"> |
| - | <div id="mainwrapper">
| + | <img id="image-6" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/FlickrLogo.png" style="width:120px;height:120px;"/></a> |
| - | <!-- Image Caption 6 -->
| + | |
| - | <div id="box-6" class="box">
| + | |
| - | <img id="image-6" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/FlickrLogo.png" style="width:220px;height:220px;"/> | + | |
| - | <span class="caption scale-caption">
| + | |
| - | <p style = "font-size: 12px; "><b> Flickr </b> hosts our photos</p>
| + | |
| - | </span>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| | | | |
| - | <div class="span3"> | + | <div class="span2"><a href="#"> |
| - | <div id="mainwrapper">
| + | < a href=" https://www.facebook.com/DundeeiGem2013"><img id="image-6" src="http://www.caterritas.com/facebook.jpg" style="width: 120px;height: 120px;"/> |
| - | <!-- Image Caption 6 -->
| + | <span class="caption scale-caption"></a> |
| - | <div id="box-6" class="box">
| + | |
| - | <img id="image-6" src="http://www.caterritas.com/facebook.jpg" style="width: 220px;height: 220px;"/> | + | |
| - | <span class="caption scale-caption"> | + | |
| - | <p style = "font-size: 12px; "><b> Facebook </b> Our Activity</p>
| + | |
| - | </span>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| | | | |
| | + | <div class="span2"> |
| | + | <a href="https://twitter.com/DundeeiGEMTeam"><img id="image-6" src="http://www.caterritas.com/twitter-logo-1-300x293.jpg" style="width:120px;height:120px;"/></a> |
| | + | </div> |
| | | | |
| - | | + | <div class=" span2">< a href=" https://plus.google.com/u/0/116223511035478208262/posts"> |
| - | <div id="mainwrapper">
| + | <img id="image-6" src="http://cdn2.business2community.com/wp-content/uploads/2013/03/google-plus-logo-red-265px.png" style="width:120px;height:120px;"/></a> |
| - | <!-- Image Caption 6 -->
| + | </div> |
| - | <div id="box-6" class="box">
| + | |
| - | <img id="image-6" src="http://www.caterritas.com/twitter-logo-1-300x293.jpg" style="width:220px;height:220px;"/> | + | |
| - | <span class="caption scale-caption">
| + | |
| | | | |
| - | <p style = "font-size: 12px; "><b>Twitter</b> Our activity</p>
| + | <div class="span2"><a href="https://github.com/iGEMTeamDundee"> |
| - | </span> | + | <img id="image-6" src="http://www.open-electronics.org/wp-content/uploads/2013/02/github_logo.jpg" style="width:120px;height:120px;"/></a> |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| | + | |
| | + | |
| | | | |
| | | | |
| Line 277: |
Line 67: |
| | | | |
| | | | |
| | + | <div id="push"></div> |
| | + | |
| | + | <div id="push"></div> |
| | + | <div id="push"></div> |
| | + | <div id="push"></div> |
| | + | <div id="push"></div> |
| | + | <div id="push"></div> |
| | + | <div id="push"></div> |
| | + | <div id="push"></div> |
| | <div id="push"></div> | | <div id="push"></div> |
| | </div> | | </div> |
"
