Line 1: | Line 1: | ||
{{Dundee}} | {{Dundee}} | ||
+ | <!DOCTYPE html> | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
Line 8: | Line 9: | ||
<title>Dundee 2016</title> | <title>Dundee 2016</title> | ||
− | <!-- Latest compiled and minified CSS --> | + | <!-- Latest compiled and minified CSS --> |
− | <link rel="stylesheet" href=" | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> |
− | <!-- | + | <!-- Optional theme --> |
− | < | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> |
− | <!-- Latest compiled JavaScript --> | + | <!-- Latest compiled and minified JavaScript --> |
− | <script src=" | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> |
</head> | </head> | ||
Line 21: | Line 22: | ||
<style> | <style> | ||
− | |||
− | |||
− | + | #BackImg{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
margin:0 auto; | margin:0 auto; | ||
− | padding:0px 0px 0px | + | padding:60px 0px 0px 0px; |
+ | position:relative; | ||
} | } | ||
− | # | + | #BackImg img{ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width:100%; | width:100%; | ||
− | |||
} | } | ||
− | + | #OverView{ | |
− | + | ||
− | + | ||
} | } | ||
− | + | #VideoContainer{ | |
− | + | width:66%; | |
+ | float:right; | ||
+ | height:500px; | ||
+ | |||
} | } | ||
− | + | #ProjectDesCon{ | |
− | + | width:33%; | |
+ | float:left; | ||
+ | height:500px; | ||
} | } | ||
− | + | #SponserFooter{ | |
− | + | margin:30px 0px 60px 0px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #SponserFooter img { |
− | + | width:100%; | |
− | + | } | |
+ | |||
+ | .SponserLink{ | ||
+ | float:left; | ||
+ | width:17%; | ||
+ | margin-right:3%; | ||
+ | border-bottom:1px solid white; | ||
+ | |||
+ | } | ||
+ | #BBSRC{ | ||
+ | margin-left:1.5%; | ||
+ | } | ||
+ | #WellcomeT{ | ||
+ | margin-right:1.5%; | ||
} | } | ||
− | # | + | #finalFooter{ |
− | + | background-color:grey; | |
− | + | width:100%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
height:100%; | height:100%; | ||
− | + | margin-top:10px; | |
− | + | ||
− | + | } | |
− | + | #footWrapper{ | |
+ | margin:0 auto; | ||
+ | width:33%; | ||
} | } | ||
− | + | ||
+ | .footerImg img{ | ||
+ | width: 33%; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #MiddleTxt{ | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
<body> | <body> | ||
− | + | <!-- Fixed navbar --> | |
− | + | <nav class="navbar navbar-default navbar-fixed-top"> | |
− | + | <div class="container"> | |
− | + | <div class="navbar-header"> | |
− | + | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> | |
− | + | <span class="sr-only">Toggle navigation</span> | |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
− | + | </button> | |
− | + | <a href="#" class="navbar-brand">University of Dundee</a> | |
− | + | </div> | |
− | + | <div id="navbar" class="navbar-collapse collapse"> | |
− | + | <ul class="nav navbar-nav"> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu"> | |
− | + | <li><a href="#">Summary</a></li> | |
− | + | <li><a href="#">Bacteriocins</a></li> | |
− | + | <li><a href="#">Warheads</a></li> | |
− | + | <li><a href="#">Promoters</a></li> | |
− | + | <li><a href="#">Results</a></li> | |
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Basic Parts</a></li> | ||
+ | <li><a href="#">Composite Parts</a></li> | ||
+ | <li><a href="#">Parts Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Wet Lab <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Saftey</a></li> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | <li><a href="#">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#about">Modelling</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Integrated Human Practices</a></li> | ||
+ | <li><a href="#">Education and Public Engagement</a></li> | ||
+ | <li><a href="#">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#about">Team</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Meet the Team</a></li> | ||
+ | <li><a href="#">Attributions</a></li> | ||
+ | <li><a href="#">Collaboration</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#about">Achievements</a></li> | ||
+ | </ul> | ||
+ | </div><!--/.nav-collapse --> | ||
+ | </div> | ||
+ | </nav> | ||
− | + | <div class="container"> | |
− | + | <div id="BackImg"> | |
− | + | <img src="images/Home.jpg" /> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div id="OverView"> | |
− | + | <div id="VideoContainer"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div id="ProjectDesCon"> | ||
+ | |||
+ | |||
+ | </div> | ||
− | |||
</div> | </div> | ||
− | + | ||
− | + | <div id="SponserFooter"> | |
+ | <div id = "BBSRC" class="SponserLink"> | ||
+ | <img src="images/BBSRC.png" /> | ||
+ | </div> | ||
+ | <div class="SponserLink"> | ||
+ | <img src="images/UoD.png" /> | ||
+ | </div> | ||
+ | <div class="SponserLink"> | ||
+ | <img src="images/IDT.png" /> | ||
+ | </div> | ||
+ | <div class="SponserLink"> | ||
+ | <img src="images/SEB.png" /> | ||
+ | </div> | ||
+ | <div id = "WellcomeT" class="SponserLink"> | ||
+ | <img src="images/WellcomeT.png" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> <!-- /container --> | ||
+ | <div id="finalFooter"> | ||
+ | <div class="container"> | ||
+ | <div id="footWrapper"> | ||
+ | <div class="footerImg"> | ||
+ | <img src="images/FbLogo.png" /> | ||
+ | </div> | ||
+ | <div id = "MiddleTxt" class="footerImg"> | ||
+ | <img src="images/MiddleFooter.png" /> | ||
+ | </div> | ||
+ | <div class="footerImg"> | ||
+ | <img src="images/TWlogo.png" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | ||
Line 154: | Line 228: | ||
<!-- Include all compiled plugins (below), or include individual files as needed --> | <!-- Include all compiled plugins (below), or include individual files as needed --> | ||
<script src="js/bootstrap.min.js"></script> | <script src="js/bootstrap.min.js"></script> | ||
+ | |||
+ | |||
</body> | </body> | ||
+ | |||
</html> | </html> |
Revision as of 13:31, 23 September 2016
<!DOCTYPE html>