|
|
| (22 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]-->
| |
| − |
| |
| − | <style type="text/css">
| |
| − | @media (min-width: 768px)
| |
| − | {
| |
| − | .navbar-nav .caret {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .navbar-nav .hovernav:hover > .dropdown-menu {
| |
| − | display: block;
| |
| − | }
| |
| − | #nav .open > .dropdown-menu {
| |
| − | display: none !important;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − | </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="#" 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="#">About</a></li>
| |
| − | <li ><a href="#">Contact</a></li>
| |
| − | <li ><a href="#">Project</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="#">About</a></li>
| |
| − | <li ><a href="#">Contact</a></li>
| |
| − | <li ><a href="#">Project</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="#">About</a></li>
| |
| − | <li ><a href="#">Contact</a></li>
| |
| − | <li ><a href="#">Project</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="#">About</a></li>
| |
| − | <li ><a href="#">Contact</a></li>
| |
| − | <li ><a href="#">Project</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="#">About</a></li>
| |
| − | <li ><a href="#">Contact</a></li>
| |
| − | <li ><a href="#">Project</a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </li>
| |
| − | </li>
| |
| − | <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle scroll-link" data-toggle="dropdown">Achievements</a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li ><a href="#">About</a></li>
| |
| − | <li ><a href="#">Contact</a></li>
| |
| − | <li ><a href="#">Project</a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </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/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="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="200" height="100" class="img-grey mautomargin"></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>
| |
| − |
| |
| − |
| |
| − | </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>Menu 1</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>Menu 1</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">
| |
| − | <div class="f-text">
| |
| − | <p class="fsize18 space10">Currently, copper wires transfer information in a computer; the process is slowed down as the wires heat up. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="row space100">
| |
| − | <div class="col-md-12 text-center">
| |
| − | <h4 class="dark-gray">Designed by the NRP/UEA iGEM Other copyright info here</h4>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </footer>
| |
| − |
| |
| − | <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>
| |
| − | </body>
| |
| − | </html>
| |