Difference between revisions of "Team:NRP-UEA-Norwich/Collaborations"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <title>House of Carbs</title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrapcss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/mobilecss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/stylecss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/fancyboxcss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrap.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/fancyboxjs?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/three49custom.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/glmol.js?action=raw&ctype=text/javascript"></script> | ||
− | < | + | <!--[if lt IE 7]> |
+ | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> | ||
+ | <![endif]--> | ||
− | < | + | <!--[if lt IE 8]> |
− | + | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script> | |
− | </ | + | <![endif]--> |
+ | |||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> | ||
+ | <![endif]--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <header class="header" > | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | |||
+ | <nav class="navbar navbar-default " role="navigation" data-spy="affix" data-offset-top="600"> | ||
+ | <div class="navbar-inner"> | ||
+ | |||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
− | <div class=" | + | </button> |
+ | <a href="/Team:NRP-UEA-Norwich" class="navbar-brand hidden-lg hidden-md hidden-sm" ><img src="https://static.igem.org/mediawiki/2015/d/d0/TeamNRP-UEA-Norwich-HoC-Logo-White.png" class="img-responsive"></a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav " id="nav"> | ||
+ | <li><a href="/Team:NRP-UEA-Norwich" class="logo"><img src="https://static.igem.org/mediawiki/2015/d/d0/TeamNRP-UEA-Norwich-HoC-Logo-White.png" class="img-responsive"></a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich">Home</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Team">Team</a></li> | ||
+ | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Project">Background</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Approach">Approach</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Results">Results</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Parts">Parts</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Protocols">Protocols</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Notebook">Timeline</a></li> | ||
+ | </ul> | ||
+ | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Modelling</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Modeling/Glyco2D">Glyco2D</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Modeling/Simulation">Acylation Simulation</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Modeling/3D">3D Models</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Modeling/HowTo">How to Build 3D Models</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Modeling/Kinetic">Kinetic Model</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Modeling/3DPrinting">How to 3D Print Molecules</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Attributions">Attributions</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Practices">Practices</a></li> | ||
+ | <li ><a href="/Team:NRP-UEA-Norwich/Collaborations">Collaborations</a></li> | ||
+ | </li> | ||
+ | |||
+ | </li> | ||
− | < | + | </ul> |
− | < | + | |
− | + | ||
− | </ | + | </div> |
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
− | < | + | </header> |
− | + | ||
− | </p> | + | |
+ | <div class="clearfix"></div> | ||
+ | <!-- start project section --> | ||
+ | <section id="project"> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 left"> | ||
+ | <h1 class="title1">Collaborations Overview</h2> | ||
+ | <div class="space30"></div> | ||
+ | <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> | ||
</div> | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 left"> | ||
+ | <h3 class="title">Collaborations 1</h2> | ||
+ | <div class="space30"></div> | ||
+ | <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p> | ||
− | <p> | + | <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> |
− | + | ||
− | </p> | + | |
− | < | + | <p class="space20">You can learn more by clicking on the image on the right.</p> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
+ | |||
+ | </div> | ||
+ | <div class="col-md-5 col-md-offset-1 col-sm-offset-1 space30 text-center"> | ||
+ | <div class="success-work science"> | ||
+ | <div class="success-work-desc"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/0f/TeamNRP-UEA-Norwich-Section-2-Photo.png" class="img-responsive "> | ||
+ | |||
+ | <a title="Lightbox Example" href="#" class="btn outlinebtn space50"> | ||
+ | Read More | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-6 left"> | ||
+ | <h3 class="title">Collaborations 2</h2> | ||
+ | <div class="space30"></div> | ||
+ | <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p> | ||
+ | |||
+ | <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> | ||
+ | |||
+ | <p class="space20">You can learn more by clicking on the image on the right.</p> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col-md-5 col-md-offset-1 col-sm-offset-1 space30 text-center"> | ||
+ | <div class="success-work science"> | ||
+ | <div class="success-work-desc"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/0f/TeamNRP-UEA-Norwich-Section-2-Photo.png" class="img-responsive "> | ||
+ | |||
+ | <a title="Lightbox Example" href="#" class="btn outlinebtn space50"> | ||
+ | Read More | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-6 left"> | ||
+ | <h3 class="title">Collaborations 3</h2> | ||
+ | <div class="space30"></div> | ||
+ | <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. </p> | ||
+ | |||
+ | <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> | ||
+ | |||
+ | <p class="space20">You can learn more by clicking on the image on the right.</p> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col-md-5 col-md-offset-1 col-sm-offset-1 space30 text-center"> | ||
+ | <div class="success-work science"> | ||
+ | <div class="success-work-desc"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/0f/TeamNRP-UEA-Norwich-Section-2-Photo.png" class="img-responsive "> | ||
+ | |||
+ | <a title="Lightbox Example" href="#" class="btn outlinebtn space50"> | ||
+ | Read More | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-6 left"> | ||
+ | <h3 class="title">Collaborations 4</h2> | ||
+ | <div class="space30"></div> | ||
+ | <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. </p> | ||
+ | |||
+ | <p class="space20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> | ||
+ | |||
+ | <p class="space20">You can learn more by clicking on the image on the right.</p> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col-md-5 col-md-offset-1 col-sm-offset-1 space30 text-center"> | ||
+ | <div class="success-work science"> | ||
+ | <div class="success-work-desc"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/0f/TeamNRP-UEA-Norwich-Section-2-Photo.png" class="img-responsive "> | ||
+ | |||
+ | <a title="Lightbox Example" href="#" class="btn outlinebtn space50"> | ||
+ | Read More | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </section> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="col-md-12 left"> | ||
+ | <h2 class="title1">References</h2> | ||
+ | <p>1. REFERENCE PLACEHOLDER </p> | ||
</div> | </div> | ||
− | </html> | + | |
+ | </div> | ||
+ | |||
+ | <div class="space30"><span></div> | ||
+ | </section> | ||
+ | <div class="clearfix"></div> | ||
+ | <div class="clearfix"></div> | ||
+ | <div class="space30"></div> | ||
+ | <!-- start sponsors section --> | ||
+ | <section style="padding:50px 0px; background: #f4f4f4;" class="arrow_box-test"> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 text-center"> | ||
+ | <h2 class="gray">MANY THANKS TO OUR SPONSORS</h2> | ||
+ | <ul class="list-inline space30 icon"> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/3/31/NRP-UEA-Norwich-Tgac.png" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/9e/NRP-UEA-Norwich-Nrp-logo.png" class="img-grey mautomargin" width="200" height="100"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/e/ed/NRP-UEA-Norwich-UEAlogo.png" class="img-grey mautomargin" width="200" height="100"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/9c/NRP-UEA-Norwich-Ibcarb_logo.png" width="200" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/8/8b/NRP-UEA-Norwich-TSL-logo.png" width="200" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/f/f0/NRP-UEA-Norwich-Biochemsociety.png" width="225" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/d/d3/NRP-UEA-Norwich-JIC.png" width="200" height="100" class="img-grey mautomargin" width="200" height="100"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/NRP-UEA-Norwich-Bbsrc.png" width="200" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/8/81/NRP-UEA-Norwich-Dna2.png" width="200" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/8/8e/NRP-UEA-Norwich-Sgm-logo.png" width="250" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/e/e3/NRP-UEA-Norwich-Wellcome_Trust_logo.png" width="250" height="100" class="img-grey mautomargin"></a></li> | ||
+ | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/74/NRP-UEA-Norwich-IBBA_logo.png" width="125" height="125" class="img-grey mautomargin"></a></li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="space20"></div> | ||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <!-- start footer --> | ||
+ | <footer> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <h3>Useful Links</h3> | ||
+ | <ul class="f-menu space40"> | ||
+ | <li><a href="/Team:NRP-UEA-Norwich">Home</a></li> | ||
+ | <li><a href="https://2015.igem.org/Main_Page">iGEM 2015</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <h3>Contact Us</h3> | ||
+ | <ul class="f-menu space40"> | ||
+ | <li>nrpuea.igem2015@gmail.com</li> | ||
+ | <br/> | ||
+ | <li>Norwich Research Park,</li> | ||
+ | <li>Colney,</li> | ||
+ | <li>Norwich, NR4 7UH, UK.</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="f-text"> | ||
+ | <p class="fsize18 space10">We are the NRP-UEA-Norwich 2015 iGEM Team. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row space100"> | ||
+ | <div class="col-md-12 text-center"> | ||
+ | <h4 class="dark-gray">Designed and developed by the NRP-UEA-Norwich iGEM Team</h4> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </footer> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $(".fancybox").fancybox(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | |||
+ | /* | ||
+ | "Hovernav" navbar dropdown on hover | ||
+ | Delete this segment if you don't want it, and delete the corresponding CSS in bst.css | ||
+ | Uses jQuery Media Query - see http://www.sitepoint.com/javascript-media-queries/ | ||
+ | */ | ||
+ | var mq = window.matchMedia('(min-width: 768px)'); | ||
+ | if (mq.matches) { | ||
+ | $('ul.navbar-nav li').addClass('hovernav'); | ||
+ | } else { | ||
+ | $('ul.navbar-nav li').removeClass('hovernav'); | ||
+ | }; | ||
+ | /* | ||
+ | The addClass/removeClass also needs to be triggered | ||
+ | on page resize <=> 768px | ||
+ | */ | ||
+ | if (matchMedia) { | ||
+ | var mq = window.matchMedia('(min-width: 768px)'); | ||
+ | mq.addListener(WidthChange); | ||
+ | WidthChange(mq); | ||
+ | } | ||
+ | function WidthChange(mq) { | ||
+ | if (mq.matches) { | ||
+ | $('ul.navbar-nav li').addClass('hovernav'); | ||
+ | } else { | ||
+ | $('ul.navbar-nav li').removeClass('hovernav'); | ||
+ | |||
+ | } | ||
+ | }; | ||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | // navigation click actions | ||
+ | $('.scroll-link').on('click', function(event){ | ||
+ | event.preventDefault(); | ||
+ | var sectionID = $(this).attr("data-id"); | ||
+ | scrollToID('#' + sectionID, 750); | ||
+ | }); | ||
+ | // scroll to top action | ||
+ | $('.scroll-top').on('click', function(event) { | ||
+ | event.preventDefault(); | ||
+ | $('html, body').animate({scrollTop:0}, 'slow'); | ||
+ | }); | ||
+ | // mobile nav toggle | ||
+ | $('#nav-toggle').on('click', function (event) { | ||
+ | event.preventDefault(); | ||
+ | $('#main-nav').toggleClass("open"); | ||
+ | }); | ||
+ | }); | ||
+ | // scroll function | ||
+ | function scrollToID(id, speed){ | ||
+ | var offSet = 60; | ||
+ | var targetOffset = $(id).offset().top - offSet; | ||
+ | var mainNav = $('#main-nav'); | ||
+ | $('html,body').animate({scrollTop:targetOffset}, speed); | ||
+ | if (mainNav.hasClass("open")) { | ||
+ | mainNav.css("height", "1px").removeClass("in").addClass("collapse"); | ||
+ | mainNav.removeClass("open"); | ||
+ | } | ||
+ | } | ||
+ | if (typeof console === "undefined") { | ||
+ | console = { | ||
+ | log: function() { } | ||
+ | }; | ||
+ | } | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $('a.scroll-link').each( function() { | ||
+ | $(this).parent("li").removeClass('active'); | ||
+ | }); | ||
+ | |||
+ | $(this).parent("li").addClass('active'); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | }); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body></html> |
Revision as of 14:28, 10 September 2015
Collaborations Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Collaborations 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
You can learn more by clicking on the image on the right.
Collaborations 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
You can learn more by clicking on the image on the right.
Collaborations 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
You can learn more by clicking on the image on the right.
Collaborations 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
You can learn more by clicking on the image on the right.
References
1. REFERENCE PLACEHOLDER