|
|
(3 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | <html>
| |
− | <head>
| |
− | <title>House of Cards</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/mobilecss?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>
| |
− |
| |
− | <!--[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>
| |
− |
| |
− | </button>
| |
− | <a href="index.html" 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="index.html" 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/Team" class="scroll-link">Team</a></li>
| |
− | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle scroll-link" data-toggle="dropdown">Project</a>
| |
− | <ul class="dropdown-menu">
| |
− | <li ><a href="/Team:NRP-UEA-Norwich/Project">Overview</a></li>
| |
− | <li ><a href="/Team:NRP-UEA-Norwich/Design">Experimental Design</a></li>
| |
− | <li ><a href="/Team:NRP-UEA-Norwich/Parts">Parts</a></li>
| |
− | <li ><a href="/Team:NRP-UEA-Norwich/Results">Results</a></li>
| |
− | <li ><a href="/Team:NRP-UEA-Norwich/Goldengate">Goldengate Cloning</a></li>
| |
− | <li ><a href="/Team:NRP-UEA-Norwich/Judging">Judging Criteria</a></li>
| |
− |
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle scroll-link" data-toggle="dropdown">Modelling</a>
| |
− | <ul class="dropdown-menu">
| |
− | <li ><a href="/Team:NRP-UEA-Norwich/Modeling/2D">2D Model</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">3D Printing Molecules</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </li>
| |
− | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle scroll-link" data-toggle="dropdown">Human Practices</a>
| |
− | <ul class="dropdown-menu">
| |
− | <li ><a href="#">Outreach</a></li>
| |
− | <li ><a href="#">Policy and Practices</a></li>
| |
− | <li ><a href="#">Collaborations</a></li>
| |
− |
| |
− | </ul>
| |
− | </li>
| |
− | </li>
| |
− | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle scroll-link" data-toggle="dropdown">Notebook</a>
| |
− | <ul class="dropdown-menu">
| |
− | <li ><a href="#">Lab Book</a></li>
| |
− | <li ><a href="#">Protocols</a></li>
| |
− | <li ><a href="#">Safety</a></li>
| |
− |
| |
− | </ul>
| |
− | </li>
| |
− | </li>
| |
− | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle scroll-link" data-toggle="dropdown">Attributions</a>
| |
− | <ul class="dropdown-menu">
| |
− | <li ><a href="#">Helpers</a></li>
| |
− | <li ><a href="#">Sponsors</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </li>
| |
− |
| |
− | </ul>
| |
− |
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </nav>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− | </header>
| |
− |
| |
− | <!-- start hearo section -->
| |
− | <section class="bg-1" id="home">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12 space70">
| |
− |
| |
− | <img src="https://static.igem.org/mediawiki/2015/a/a8/TeamNRP-UEA-Norwich-HoC-Main-Logo-White-1.png" class="img-responsive mautomargin">
| |
− |
| |
− | </div>
| |
− | <div class="col-md-12 space50 text-center">
| |
− | <h1 class="f800 head-1">HELPING <span class="whiteclr">PREVENT </span> COLON CANCER <span class="whiteclr"><br><br></span></h1>
| |
− |
| |
− | <button class="btn blockbtn greyclr space50" type="button">FIND OUT HOW</button>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | </section>
| |
− | <!-- end hearo section -->
| |
− |
| |
− | <div class="clearfix"></div>
| |
− | <!-- start project section -->
| |
− | <section style="padding:30px 0px 50px;" class="arrow_box" id="team">
| |
− |
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-6 left">
| |
− | <h2 class="title">THE PROJECT</h2>
| |
− | <div class="space30"></div>
| |
− | <p class="space20">Currently, copper wires transfer information in a computer; the process is slowed down as the wires heat up. "Photonic" and "spintronic" computing is the principle of transferring information by light or electron spin.</p>
| |
− |
| |
− | <p class="space20">This new property means that silicon-based light detectors identify spin, so more information can be transferred. Currently, copper wires transfer information in a computer; the process is slowed down as the wires heat up. </p>
| |
− |
| |
− | <p class="space20">"Photonic" and "spintronic" computing is the principle of transferring information by light or electron spin.</p>
| |
− |
| |
− | </div>
| |
− | <div class="col-md-5 col-md-offset-1 col-sm-offset-1 space30">
| |
− | <div class="success-work project">
| |
− | <div class="success-work-desc">
| |
− | <img src="https://static.igem.org/mediawiki/2015/2/20/NRP-UEA-Norwich-Project.png" class="img-responsive ">
| |
− |
| |
− | <a title="Lightbox Example" href="#" class="btn outlinebtn space50">
| |
− | Read More
| |
− | </a>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | <div class="space30"></div>
| |
− | </div>
| |
− |
| |
− | </section>
| |
− | <div class="clearfix"></div>
| |
− | <!-- start science section -->
| |
− | <section style="padding:30px 0px 50px;" class="bg-2 arrow_box-1" >
| |
− |
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-6 left">
| |
− | <h2 class="title">THE SCIENCE</h2>
| |
− | <div class="space30"></div>
| |
− | <p class="space20">Currently, copper wires transfer information in a computer; the process is slowed down as the wires heat up. "Photonic" and "spintronic" computing is the principle of transferring information by light or electron spin.</p>
| |
− |
| |
− | <p class="space20">This new property means that silicon-based light detectors identify spin, so more information can be transferred. Currently, copper wires transfer information in a computer; the process is slowed down as the wires heat up. </p>
| |
− |
| |
− | <p class="space20">"Photonic" and "spintronic" computing is the principle of transferring information by light or electron spin.</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="clearfix"></div>
| |
− | <!-- start team section -->
| |
− |
| |
− | <section style="padding:30px 0px 50px;" class="arrow_box" id="team">
| |
− |
| |
− | <div class="container">
| |
− | <div class="row ">
| |
− | <div class="col-md-12 left"><h2 class="title">THE TEAM</h2></div>
| |
− |
| |
− | <div class="space40"></div>
| |
− | <div class="col-md-4 space20 text-center">
| |
− |
| |
− | <div class="item-hover circle effect13 top_to_bottom"><a href="#">
| |
− | <div class="img"> <img src="https://static.igem.org/mediawiki/2015/f/f3/TeamNRP-UEA-Norwich-Layer-1.png" class="img-responsive mautomargin"></div>
| |
− | <div class="info">
| |
− | <div class="info-back">
| |
− | <h3>STEVE SMITH</h3>
| |
− | <p>BIOCHEMIST</p>
| |
− | </div>
| |
− | </div></a></div>
| |
− |
| |
− | </div>
| |
− | <div class="col-md-4 space20 text-center">
| |
− |
| |
− | <div class="item-hover circle effect13 top_to_bottom"><a href="#">
| |
− | <div class="img"> <img src="https://static.igem.org/mediawiki/2015/f/f3/TeamNRP-UEA-Norwich-Layer-1.png" class="img-responsive mautomargin"></div>
| |
− | <div class="info">
| |
− | <div class="info-back">
| |
− | <h3>STEVE SMITH</h3>
| |
− | <p>BIOCHEMIST</p>
| |
− | </div>
| |
− | </div></a></div>
| |
− |
| |
− | </div>
| |
− | <div class="col-md-4 space20 text-center">
| |
− |
| |
− | <div class="item-hover circle effect13 top_to_bottom"><a href="#">
| |
− | <div class="img"> <img src="https://static.igem.org/mediawiki/2015/f/f3/TeamNRP-UEA-Norwich-Layer-1.png" class="img-responsive mautomargin"></div>
| |
− | <div class="info">
| |
− | <div class="info-back">
| |
− | <h3>STEVE SMITH</h3>
| |
− | <p>BIOCHEMIST</p>
| |
− | </div>
| |
− | </div></a></div>
| |
− |
| |
− | </div>
| |
− | <div class="clearfix"></div>
| |
− | <div class="space40"></div>
| |
− | <div class="col-md-4 space20 text-center">
| |
− |
| |
− | <div class="item-hover circle effect13 top_to_bottom"><a href="#">
| |
− | <div class="img"> <img src="https://static.igem.org/mediawiki/2015/f/f3/TeamNRP-UEA-Norwich-Layer-1.png" class="img-responsive mautomargin"></div>
| |
− | <div class="info">
| |
− | <div class="info-back">
| |
− | <h3>STEVE SMITH</h3>
| |
− | <p>BIOCHEMIST</p>
| |
− | </div>
| |
− | </div></a></div>
| |
− |
| |
− | </div>
| |
− | <div class="col-md-4 space20 text-center">
| |
− |
| |
− | <div class="item-hover circle effect13 top_to_bottom"><a href="#">
| |
− | <div class="img"> <img src="https://static.igem.org/mediawiki/2015/f/f3/TeamNRP-UEA-Norwich-Layer-1.png" class="img-responsive mautomargin"></div>
| |
− | <div class="info">
| |
− | <div class="info-back">
| |
− | <h3>STEVE SMITH</h3>
| |
− | <p>BIOCHEMIST</p>
| |
− | </div>
| |
− | </div></a></div>
| |
− |
| |
− | </div>
| |
− | <div class="col-md-4 space20 text-center">
| |
− |
| |
− | <div class="item-hover circle effect13 top_to_bottom"><a href="#">
| |
− | <div class="img"> <img src="https://static.igem.org/mediawiki/2015/f/f3/TeamNRP-UEA-Norwich-Layer-1.png" class="img-responsive mautomargin"></div>
| |
− | <div class="info">
| |
− | <div class="info-back">
| |
− | <h3>STEVE SMITH</h3>
| |
− | <p>BIOCHEMIST</p>
| |
− | </div>
| |
− | </div></a></div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </section>
| |
− | <div class="clearfix"></div>
| |
− | <!-- start LAB BOOKS section -->
| |
− | <section style="padding:30px 0px 50px;" class="bg-2 arrow_box-1" id="lab">
| |
− |
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-6 left">
| |
− | <h2 class="title">LAB BOOKS</h2>
| |
− | <div class="space30"></div>
| |
− | <p class="space20">Currently, copper wires transfer information in a computer; the process is slowed down as the wires heat up. "Photonic" and "spintronic" computing is the principle of transferring information by light or electron spin.</p>
| |
− |
| |
− | <p class="space20">This new property means that silicon-based light detectors identify spin, so more information can be transferred. Currently, copper wires transfer information in a computer; the process is slowed down as the wires heat up. </p>
| |
− |
| |
− | <p class="space20">"Photonic" and "spintronic" computing is the principle of transferring information by light or electron spin.</p>
| |
− |
| |
− | </div>
| |
− | <div class="col-md-5 col-md-offset-1 col-sm-offset-1 space30">
| |
− |
| |
− | <div class="success-work">
| |
− | <div class="success-work-desc">
| |
− | <img src="https://static.igem.org/mediawiki/2015/5/59/TeamNRP-UEA-Norwich-Section-4-Photo.png" class="img-responsive">
| |
− |
| |
− | <a title="Lightbox Example" href="#" class="btn outlinebtn space50">
| |
− | Read More
| |
− | </a>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | <!-- <div class="hover-1">
| |
− | <img src="image/Section-4-Photo.png" class="img-responsive">
| |
− |
| |
− | </div -->
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </section>
| |
− | <div class="clearfix"></div>
| |
− | <!-- start social section -->
| |
− | <section style="padding:50px 0px;" class="arrow_box-3" id="ethics">
| |
− |
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12 text-center">
| |
− | <ul class="list-inline space80 icon">
| |
− | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/5/56/TeamNRP-UEA-Norwich-Layer-7.png" class="img-grey mautomargin"></a></li>
| |
− | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/3/31/TeamNRP-UEA-Norwich-Layer-6.png" class="img-grey mautomargin"></a></li>
| |
− | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/e/e7/TeamNRP-UEA-Norwich-Layer-8.png" class="img-grey mautomargin"></a></li>
| |
− | </ul>
| |
− |
| |
− | <h1 class="blue">FOLLOW OUR PROGRESS!</h1>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </section>
| |
− | <div class="clearfix"></div>
| |
− | <!-- start sponsors section -->
| |
− | <section style="padding:50px 0px;" class="arrow_box-2">
| |
− |
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12 text-center">
| |
− | <h2 class="gray">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/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/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/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/8/8e/NRP-UEA-Norwich-Sgm-logo.png" width="300" 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="300" height="100" class="img-grey mautomargin"></a></li>
| |
− |
| |
− |
| |
− | </ul>
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | <div class="space20"></div>
| |
− | </div>
| |
− |
| |
− | </section>
| |
− | <div class="clearfix"></div>
| |
− | <!-- 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="#">Item 1</a></li>
| |
− | <li><a href="#">Item 2</a></li>
| |
− | <li><a href="#">Item 3</a></li>
| |
− | </ul>
| |
− | </div>
| |
− | <div class="col-md-4">
| |
− | <h3>Contact Us</h3>
| |
− | <ul class="f-menu space40">
| |
− | <li>Email@email.com</li>
| |
− | <li>Tel: 07846464646</li>
| |
− | <li>Address, address</li>
| |
− | <li>Address, address</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() {
| |
− |
| |
− | 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>
| |
− | </body>
| |
− | </html>
| |