(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
+ | <meta name="description" content=""> | ||
+ | <meta name="author" content=""> | ||
+ | |||
+ | <title>A template page</title> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2016.igem.org/Template:Sheffield/style/template?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2016.igem.org/Template:Sheffield/style/slide?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2016.igem.org/Template:Sheffield/style/banner?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | ||
+ | <script | ||
+ | src="https://2016.igem.org/Template:Sheffield/scripts/min?action=raw&ctype=text/javascript"></script> | ||
+ | <script | ||
+ | src="https://2016.igem.org/Template:Sheffield/scripts/banner?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script | ||
+ | src="https://2016.igem.org/Template:Sheffield/scripts/jquery-ui?action=raw&ctype=text/javascript"></script> | ||
+ | <style type="text/css"> | ||
+ | #top_title, #sideMenu{ | ||
+ | display:none; | ||
+ | } | ||
+ | #content{ | ||
+ | background-color:black; | ||
+ | width:100%; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .mw-content-ltr ul { | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | #blank { | ||
+ | width:165px; | ||
+ | } | ||
+ | #HQ_page th, #HQ_page td, #HQ_page table { | ||
+ | border:rgba(1,1,1,0); | ||
+ | padding:0px; | ||
+ | vertical-align:middle; | ||
+ | background-color:rgba(1,1,1,0) ; | ||
+ | } | ||
− | + | #HQ_page h1 { | |
+ | font-family:Century Gothic; | ||
+ | font-weight:normal; | ||
+ | } | ||
+ | #shield p { | ||
+ | font-size:25px; | ||
+ | } | ||
− | + | @media (min-width:992px) and (max-width:1199px) { | |
− | + | ||
− | + | } | |
+ | @media (min-width:768px) and (max-width:991px) { | ||
+ | #shield p { | ||
+ | font-size:20px; | ||
+ | } | ||
+ | #shield li { | ||
+ | font-size:20px; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width:767px) { | ||
+ | #shield p { | ||
+ | font-size:15px; | ||
+ | margin:10px; | ||
+ | } | ||
+ | |||
+ | #shield li { | ||
+ | font-size:12px; | ||
+ | } | ||
+ | #shield h2 { | ||
+ | font-size:30px; | ||
+ | margin-left:5px; | ||
+ | } | ||
+ | |||
+ | #shield span { | ||
+ | font-size:18px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
− | <div class=" | + | <body style="min-height:2000px;background-color:black"> |
− | <div class=" | + | <nav class="navbar navbar-default navbar-fixed-top"> |
− | < | + | <div class="container"> |
− | < | + | |
− | </ | + | <div class="navbar-header"> |
− | < | + | <div class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> |
− | + | <img src="https://static.igem.org/mediawiki/2016/1/18/T--Sheffield--navbar-logo.png"> | |
− | + | </div> | |
− | + | <!-- <a class="navbar-brand" href="#">Igem Sheff 16</a> --> | |
− | + | </div> | |
− | <div | + | |
− | + | <div id="navbar" class="navbar-collapse collapse"> | |
− | < | + | |
− | <p> | + | <ul class="nav navbar-nav"> |
− | <p> | + | |
− | </ | + | <li id="navimage" > |
− | + | <table id="imgtable"> | |
− | + | <th> | |
− | + | <div class="navimagediv"> | |
− | + | <a href="intro_template.html"><img src="https://static.igem.org/mediawiki/2016/1/18/T--Sheffield--navbar-logo.png"></a> | |
− | + | </div> | |
− | < | + | </th> |
− | + | </table> | |
− | < | + | </li> |
− | <p> | + | <li class="dropdown" id="li-home"> |
− | < | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" > |
− | < | + | <center> |
− | < | + | <table id="navtable"> |
− | <li> | + | <th> |
− | < | + | <center> |
− | < | + | <div id="nav-intro"> |
− | < | + | </div> |
− | <li> | + | </center> |
− | </ | + | </th> |
− | + | <tr> | |
− | <p> | + | <td> |
− | + | <p>HOME</p> | |
− | + | </td> | |
− | </div> | + | </tr> |
− | + | </table> | |
− | + | </center> | |
− | <div | + | </a> |
− | + | </li> | |
− | < | + | <li class="dropdown"> |
− | < | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" > |
− | + | <center> | |
− | < | + | <table id="navtable"> |
− | < | + | <th> |
− | < | + | <center> |
− | < | + | <div id="nav-intro"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2016/5/53/T--Sheffield--Intro-Icon.png"> |
− | </ | + | </div> |
− | </div> | + | </center> |
− | + | </th> | |
− | <div class=" | + | <tr> |
− | < | + | <td> |
− | <div class=" | + | <p>INTRO</p> |
− | + | </td> | |
− | + | </tr> | |
− | </ | + | </table> |
− | < | + | </center> |
− | < | + | </a> |
− | </div> | + | </li> |
− | </div> | + | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" > | |
− | + | <center> | |
+ | <table id="navtable"> | ||
+ | <th> | ||
+ | <center> | ||
+ | <div id="nav-project"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/86/T--Sheffield--icon-project.png"> | ||
+ | </div> | ||
+ | </center> | ||
+ | </th> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <p>PROJECT</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </center> | ||
+ | </a> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" > | ||
+ | <center> | ||
+ | <table id="navtable"> | ||
+ | <th> | ||
+ | <center> | ||
+ | <div id="nav-team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/0/07/T--Sheffield--icon-team.png"> | ||
+ | </div> | ||
+ | </center> | ||
+ | </th> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <p>TEAM</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </center> | ||
+ | </a> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" > | ||
+ | <center> | ||
+ | <table id="navtable"> | ||
+ | <th> | ||
+ | <center> | ||
+ | <div id="nav-notebook"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/c/ce/T--Sheffield--icon-notebook.png"> | ||
+ | </div> | ||
+ | </center> | ||
+ | </th> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <p>NOTES</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </center> | ||
+ | </a> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" > | ||
+ | <center> | ||
+ | <table id="navtable"> | ||
+ | <th> | ||
+ | <center> | ||
+ | <div id="nav-judging"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/3/35/T--Sheffield--icon-judging.png"> | ||
+ | </div> | ||
+ | </center> | ||
+ | </th> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <p>JUDGING</p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </center> | ||
+ | </a> | ||
+ | </li> | ||
+ | </div><!--/.nav-collapse --> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | <div id="shield"> | ||
+ | <div class = "container" > | ||
+ | <div class="spacer"></div> | ||
+ | <div class="heading"> | ||
+ | <table> | ||
+ | <th class="banner-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/6/67/T--Sheffield--heading-banner.png"> | ||
+ | </th> | ||
+ | <th> | ||
+ | <div class="heading-title"><h1 style="padding:0px">BIOBRICKS</h1></div> | ||
+ | </th> | ||
+ | <th class="banner-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/b2/T--Sheffield--heading-banner-flip.png"> | ||
+ | </th> | ||
+ | </table> | ||
+ | </div> | ||
+ | <table id="banner-section"> | ||
+ | <tr> | ||
+ | <th> | ||
+ | <div class="banner-hold"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/5/5e/T--Sheffield--banner-hold.png"> | ||
+ | </div> | ||
+ | </th> | ||
+ | <th> | ||
+ | <div class="banner-hold"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/5/5e/T--Sheffield--banner-hold.png"> | ||
+ | </div> | ||
+ | </th> | ||
+ | <th> | ||
+ | <div class="banner-hold"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/5/5e/T--Sheffield--banner-hold.png"> | ||
+ | </div> | ||
+ | </th> | ||
+ | <th> | ||
+ | <div class="banner-hold"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/5/5e/T--Sheffield--banner-hold.png"> | ||
+ | </div> | ||
+ | </th> | ||
+ | <th> | ||
+ | |||
+ | </th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <table class="banner-inside"> | ||
+ | <th> | ||
+ | <div class="cont button1"> | ||
+ | <div class="banner"> | ||
+ | <p>STUDENTS</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </th> | ||
+ | </table> | ||
+ | </td> | ||
+ | <td> | ||
+ | <table class="banner-inside"> | ||
+ | <th> | ||
+ | <div class="cont button2"> | ||
+ | <div class="banner"> | ||
+ | <p>ADVISORS</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </th> | ||
+ | </table> | ||
+ | </td> | ||
+ | <td> | ||
+ | <table class="banner-inside"> | ||
+ | <th> | ||
+ | <div class="cont button3"> | ||
+ | <div class="banner"> | ||
+ | <p>SUPERVISORS</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </th> | ||
+ | </table> | ||
+ | </td> | ||
+ | <td> | ||
+ | <table class="banner-inside"> | ||
+ | <th> | ||
+ | <div class="cont button3"> | ||
+ | <div class="banner"> | ||
+ | <p>ACKNOWDLEDGEMENTS</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </th> | ||
+ | </table> | ||
+ | |||
+ | </td> | ||
+ | <td> | ||
+ | |||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <div class = "jumbotron"> | ||
+ | <p>SCIENCE! and other stuff </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Bootstrap core JavaScript | ||
+ | ================================================== --> | ||
+ | <!-- Placed at the end of the document so the pages load faster --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 12:15, 13 October 2016
![]() |
BIOBRICKS |
![]() |
---|
|
|
|
|
SCIENCE! and other stuff