Difference between revisions of "Template:Team:Harvard BioDesign/skin2015.css"
Line 1: | Line 1: | ||
<!-- | <!-- | ||
− | + | Prologue by HTML5 UP | |
− | + | html5up.net | @n33co | |
− | + | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | |
--> | --> | ||
− | <html> | + | <html> |
− | + | <head> | |
− | + | <title>Prologue by HTML5 UP</title> | |
+ | <meta charset="utf-8"/> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"/> | ||
+ | <!--[if lte IE 8]><script | ||
+ | src="assets/js/ie/html5shiv.js"></script><![endif]--> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Harvard_BioDesign/CSS_Scroll0?action=raw&ctype=text/css"/> | ||
+ | <link | ||
+ | href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'> | ||
+ | <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> | ||
+ | <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]--> | ||
− | + | <style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /*BUTTON*/ | |
+ | #buttonbox{ | ||
+ | position:relative; | ||
+ | height:133px; | ||
+ | width:134px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
− | + | h4.mid { | |
− | + | position: relative; | |
− | + | top:90px; | |
− | + | text-align:center; | |
− | + | text-decoration:none; | |
− | + | z-index:1; | |
+ | color:#000; | ||
+ | } | ||
− | + | img.rot { | |
+ | -webkit-transition: -webkit-transform .8s ease-in-out; | ||
+ | transition: transform .8s ease-in-out; | ||
+ | position:absolute; | ||
+ | right:0px; | ||
+ | z-index: 5; | ||
+ | } | ||
+ | img.rot:hover { | ||
+ | -webkit-transform: rotate(720deg); | ||
+ | transform: rotate(720deg); | ||
+ | z-index: 5; | ||
+ | } | ||
+ | /*END OF BUTTON*/ | ||
+ | </style> | ||
− | + | </head> | |
− | + | <body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- HEADER --> | |
− | + | <div id="header"> | |
− | + | <div class="inner"> | |
− | + | <div class="top"> | |
− | + | ||
− | + | ||
− | + | <!-- Logo --> | |
− | + | <div id="logo"> | |
+ | <span class="harvardLogo"><a href="https://2015.igem.org/Team:Harvard_BioDesign"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:212px;height:144px;"/></a></span> | ||
+ | <!-- <h1 id="title">Harvard BioDesign 2015</h1>--> | ||
+ | </div><!-- #Logo --> | ||
+ | <!-- Nav --> | ||
+ | <nav id="nav"> | ||
+ | |||
+ | <!-- Subsections --> | ||
+ | <h4> Content </h4> | ||
+ | <ul> | ||
+ | <li><a href="#welcome" id="top-link" class="skel-layers-ignoreHref active"><span class="icon fa-home">Welcome</span></a></li> | ||
+ | <li><a href="#sitemap" id="sitemap-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Site Map</span></a></li> | ||
+ | <li><a href="#teampage" id="teampage-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Page Overviews</span></a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div><!--#top--> | ||
− | + | <div class="bottom"> | |
− | + | <nav id="nav"> | |
− | + | <!-- Main Menu --> | |
− | + | <h4><div class="innertwo">Main Pages</div></h4> | |
− | + | <ul> | |
+ | <li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project">Project</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices">Practices</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Team">Team</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | <!-- Social Icons --> | ||
+ | <ul class="icons"> | ||
− | + | <li><a href="https://www.facebook.com/harvardigem2015" target="_blank"><img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:51px;height:51px;"></a></li> | |
+ | <li><a href="https://twitter.com/HarvardiGEM2015" target="_blank"><img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:51px;height:51px;"></a></li> | ||
+ | <li><a href="mailto:harvardigem2015@gmail.com"><img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li> | ||
+ | </ul> | ||
+ | </div><!--#bottom--> | ||
+ | </div><!--#inner--> | ||
+ | </div><!--#header--> | ||
− | </ | + | <!-- #################Main################# --> |
+ | <div id="main"> | ||
+ | <!-- Intro --> | ||
+ | <section id="intro" class="one"> | ||
+ | <div class="container"> | ||
+ | <header> | ||
+ | <h2 class="alt">Welcome to the <strong>Harvard BioDesign 2015</strong> wiki!</h2><br/> | ||
+ | <p>The "official" place where flocculation happens and llamas are appreciated.</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/3/38/HarvardLlamaoutline.png" alt="Email Logo" style="width:127px;height:150px;"> | ||
+ | </header> | ||
− | + | Curious?<br/> | |
+ | </div> | ||
− | < | + | <footer> |
− | <div id=" | + | <div id="buttonbox"> |
− | < | + | <a href="#sitemap" style="font-family:'Lato';color:#9DE8BD;font-size:23px;"><h4 class="mid" style="font-size:90%;">Start Here</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> |
− | + | </div> | |
− | + | </footer> | |
− | + | ||
− | < | + | </section> |
− | + | ||
− | </ | + | |
− | + | <section id="teampage" class="four"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <section id="teampage" class="four"> | + | |
<div class="container"></div> | <div class="container"></div> | ||
<img src="https://static.igem.org/mediawiki/2015/e/e2/Harvard2015_Team.png" alt="Team Logo" style="width:200px;height:200px;"/></a> | <img src="https://static.igem.org/mediawiki/2015/e/e2/Harvard2015_Team.png" alt="Team Logo" style="width:200px;height:200px;"/></a> | ||
− | <header><h3>See who participated on this | + | <header><h3>See who participated on this year’s iGEM team.</h3></header> |
<footer> | <footer> | ||
<div id="buttonbox"> | <div id="buttonbox"> | ||
Line 181: | Line 142: | ||
</section> | </section> | ||
− | <section id=" | + | <section id="project" class="five"> |
− | <img src="https://static.igem.org/mediawiki/2015/8/85/Harvard_2015_Project.png" alt="Project Logo" style="width:200px;height:200px;"/ | + | <div class="container"> |
− | <header><h3>Learn what we are all about. Here you can learn how we set up and conducted our research.</h3></header> | + | <img src="https://static.igem.org/mediawiki/2015/8/85/Harvard_2015_Project.png" alt="Project Logo" style="width:200px;height:200px;"/> |
+ | <header><h3>Learn what we are all about. Here you can learn how we set up and conducted our research.</h3></header> | ||
<footer> | <footer> | ||
<div id="buttonbox"> | <div id="buttonbox"> | ||
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Project" style="font-family:'Lato';color:#ADFFB7;"><h4 class="mid">Project</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | <a href="https://2015.igem.org/Team:Harvard_BioDesign/Project" style="font-family:'Lato';color:#ADFFB7;"><h4 class="mid">Project</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> | ||
</div> | </div> | ||
− | </ | + | </div> |
− | </section> | + | </footer></section> |
− | <section id=" | + | <section id="results" class="six"> |
<img src="https://static.igem.org/mediawiki/2015/4/40/Harvard2015_Results.png" alt="Results Logo" style="width:200px;height:200px;"/></a> | <img src="https://static.igem.org/mediawiki/2015/4/40/Harvard2015_Results.png" alt="Results Logo" style="width:200px;height:200px;"/></a> | ||
<header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header> | <header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header> | ||
Line 201: | Line 163: | ||
</section> | </section> | ||
− | <section id=" | + | <section id="parts" class="seven"> |
<img src="https://static.igem.org/mediawiki/2015/b/b1/Harvard2015_Parts.png" alt="Parts Logo" style="width:200px;height:200px;"/></a> | <img src="https://static.igem.org/mediawiki/2015/b/b1/Harvard2015_Parts.png" alt="Parts Logo" style="width:200px;height:200px;"/></a> | ||
<header><h3>View the parts we created.</h3></header> | <header><h3>View the parts we created.</h3></header> | ||
Line 211: | Line 173: | ||
</section> | </section> | ||
− | <section id=" | + | <section id="notebook" class="eight"> |
<img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a> | <img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a> | ||
<header><h3>The story of our hard work.</h3></header> | <header><h3>The story of our hard work.</h3></header> | ||
Line 221: | Line 183: | ||
</section> | </section> | ||
− | <section id=" | + | <section id="collabs" class="nine"> |
<img src="https://static.igem.org/mediawiki/2015/8/82/Harvard2015_Collabs.png" alt="Collabs Logo" style="width:200px;height:200px;"/></a> | <img src="https://static.igem.org/mediawiki/2015/8/82/Harvard2015_Collabs.png" alt="Collabs Logo" style="width:200px;height:200px;"/></a> | ||
<header><h3>Outreach to our fellow iGEMers.</h3></header> | <header><h3>Outreach to our fellow iGEMers.</h3></header> | ||
Line 231: | Line 193: | ||
</section> | </section> | ||
− | <section id=" | + | <section id="practices" class="ten"> |
<img src="https://static.igem.org/mediawiki/2015/c/c8/Harvard2015_Practices.png" alt="Practices Logo" style="width:200px;height:200px;"/></a> | <img src="https://static.igem.org/mediawiki/2015/c/c8/Harvard2015_Practices.png" alt="Practices Logo" style="width:200px;height:200px;"/></a> | ||
<header><h3>A guide to how to take research to the next level.</h3></header> | <header><h3>A guide to how to take research to the next level.</h3></header> | ||
Line 241: | Line 203: | ||
</section> | </section> | ||
− | <section id=" | + | <section id="safey" class="one"> |
<img src="https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png" alt="Safety Logo" style="width:200px;height:200px;"/></a> | <img src="https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png" alt="Safety Logo" style="width:200px;height:200px;"/></a> | ||
<header><h3>Safety is what really matters.</h3></header> | <header><h3>Safety is what really matters.</h3></header> | ||
Line 251: | Line 213: | ||
</section> | </section> | ||
− | <section id=" | + | <section id="end" class="two"> |
<img src="https://static.igem.org/mediawiki/2015/1/1b/Harvard2015_Attributions.png" alt="Attributions Logo" style="width:200px;height:200px;"/></a> | <img src="https://static.igem.org/mediawiki/2015/1/1b/Harvard2015_Attributions.png" alt="Attributions Logo" style="width:200px;height:200px;"/></a> | ||
<header><h3>A shoutout to those who made us possible.</h3></header> | <header><h3>A shoutout to those who made us possible.</h3></header> | ||
Line 261: | Line 223: | ||
</section> | </section> | ||
− | <!-- Footer --> | + | <!-- Footer --> |
− | <div id="footer"> | + | <div id="footer"> |
− | <!-- Copyright --> | + | <!-- Copyright --> |
− | <ul class="copyright"> | + | <ul class="copyright"> |
− | <li> | + | <li> target="_blank">Site Map</a></li><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li><h5> |
− | </ul> | + | </ul> |
− | + | </div> | |
− | </div> | + | |
− | <!-- Scripts --> | + | <!-- Scripts --> <script type="text/javascript" |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll1?action=raw&ctype=text/javascript"></script | + | src="https://2015.igem.org/Template:Harvard_BioDesign/ |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll2?action=raw&ctype=text/javascript"></script | + | JS_Scroll1?action=raw&ctype=text/javascript"></script |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll3?action=raw&ctype=text/javascript"></script | + | > <script type="text/javascript" |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll4?action=raw&ctype=text/javascript"></script | + | src="https://2015.igem.org/Template:Harvard_BioDesign/ |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll5?action=raw&ctype=text/javascript"></script | + | JS_Scroll2?action=raw&ctype=text/javascript"></script |
− | <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> | + | > <script type="text/javascript" |
− | <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll0?action=raw&ctype=text/javascript"></script> | + | src="https://2015.igem.org/Template:Harvard_BioDesign/ |
− | </div><!--main--> | + | JS_Scroll3?action=raw&ctype=text/javascript"></script |
− | </body> | + | > <script type="text/javascript" |
+ | src="https://2015.igem.org/Template:Harvard_BioDesign/ | ||
+ | JS_Scroll4?action=raw&ctype=text/javascript"></script | ||
+ | > <script type="text/javascript" | ||
+ | src="https://2015.igem.org/Template:Harvard_BioDesign/ | ||
+ | JS_Scroll5?action=raw&ctype=text/javascript"></script | ||
+ | > <!--[if lte IE 8]><script | ||
+ | src="assets/js/ie/respond.min.js"></script><![endif]- | ||
+ | -> <script type="text/javascript" | ||
+ | src="https://2015.igem.org/Template:Harvard_BioDesign/ | ||
+ | JS_Scroll0?action=raw&ctype=text/javascript"></script | ||
+ | > | ||
+ | |||
+ | </div><!--main--> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 03:36, 18 September 2015
Welcome to the Harvard BioDesign 2015 wiki!
The "official" place where flocculation happens and llamas are appreciated.