Team:Dundee/Team/Contact
From 2013.igem.org
(Difference between revisions)
Kyleharrison (Talk | contribs) |
Kyleharrison (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | <html> | + | <!DOCTYPE html> |
+ | <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> | |
- | + | </div> | |
- | + | ||
- | + | <!-- Begin page content --> | |
- | + | <div class="container"> | |
- | + | ||
- | + | <!-- Title --> | |
- | + | <div class="page-header"> | |
- | + | <h2><b>Contact Us</b></h2> | |
- | + | </div> | |
- | + | <!-- Title End --> | |
- | + | ||
- | + | <!-- Row 1 --> | |
+ | <div class="row" style="margin-top:20px;"> | ||
+ | |||
+ | <div class="span6" style="text-align:justify"> | ||
+ | <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> | ||
+ | <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. | ||
+ | </div> | ||
+ | |||
+ | <div class="span6" style="text-align:justify"> | ||
+ | <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>. | ||
+ | <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. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Row Three --> | ||
+ | <div class="row" style="margin-top:20px;"> | ||
+ | |||
+ | <div class="span3"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- 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 id="mainwrapper"> | ||
+ | <!-- 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 id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <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 class="span3"> | ||
+ | <div id="mainwrapper"> | ||
+ | <!-- Image Caption 6 --> | ||
+ | <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> | ||
+ | </span> | ||
+ | </div> | ||
</div> | </div> | ||
- | |||
</div> | </div> | ||
- | |||
+ | </div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <div id="push"></div> | |
- | + | </div> | |
- | + | ||
- | + | <div id="footer"> | |
- | + | <div class="container"> | |
+ | <p class="muted credit"> Created for <a href="https://igem.org/Main_Page">iGEM 2013</a> Dundee. Based upon <a href ="http://twitter.github.io/bootstrap/">Bootstrap</a> and <a href="http://jquery.com/">JQuery</a>. Design by <a href="www.kyleharrison.co.uk"> Kyle Harrison </a>. </p> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <!-- Le javascript | |
- | + | ================================================== --> | |
+ | <!-- Placed at the end of the document so the pages load faster --> | ||
+ | <!-- 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> | ||
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Revision as of 21:17, 8 July 2013
<!DOCTYPE html>
Contact Us
Contact The Team
For any personal contacts, don't hesitate to drop us a line at igem@dundee.ac.uk
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.
Social Media
If you would like to keep up with us, please feel free to follow us on Twitter or give us a like on Facebook .
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.