Difference between revisions of "Team:William and Mary"
Line 1: | Line 1: | ||
− | + | <!doctype html> | |
− | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <link rel="icon" type="image/png" href="https://2015.igem.org/Team:William_and_Mary/favicon.ico"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | ||
+ | <title>NOISE - W&M iGEM</title> | ||
+ | <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> | ||
+ | <link href="https://2015.igem.org/Team:William_and_Mary/bootstrap.css" rel="stylesheet" /> | ||
+ | <link href="https://2015.igem.org/Team:William_and_Mary/rubick.css" rel="stylesheet"/> | ||
+ | <link href="https://2015.igem.org/Team:William_and_Mary/demo.css" rel="stylesheet"/> | ||
+ | <link href="https://2015.igem.org/Team:William_and_Mary/jquery.bxslider.css" rel="stylesheet"/> | ||
+ | <!-- Fonts and icons --> | ||
+ | <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'> | ||
+ | <link href="https://2015.igem.org/Team:William_and_Mary/pe-icon-7-stroke.css" rel="stylesheet"> | ||
+ | <link href="https://2015.igem.org/Team:William_and_Mary/Rubik-Fonts.css" rel="stylesheet" /> | ||
+ | |||
+ | |||
− | < | + | </head> |
+ | <body class="landing-page"> | ||
+ | <div class="loading "> | ||
+ | <div class="loading-container"> | ||
+ | <p>Loading...</p> | ||
+ | <img class="loader" src="https://2015.igem.org/Team:William_and_Mary/rubik.svg"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <nav class="navbar navbar-default navbar-transparent navbar-fixed-top navbar-burger" role="navigation"> | ||
+ | <!-- if you want to keep the navbar hidden you can add this class to the navbar "navbar-burger"--> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button id="menu-toggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar bar1"></span> | ||
+ | <span class="icon-bar bar2"></span> | ||
+ | <span class="icon-bar bar3"></span> | ||
+ | </button> | ||
+ | <a href="wmigem.weebly.com" class="navbar-brand"> | ||
+ | W&M iGEM 2015 | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="collapse navbar-collapse"> | ||
+ | <ul class="nav navbar-nav navbar-right navbar-uppercase"> | ||
− | < | + | <li class="social-links"> |
− | < | + | <a href="#"> |
− | + | <i class="fa fa-facebook"></i> | |
− | < | + | </a> |
− | + | <a href="#"> | |
− | < | + | <i class="fa fa-twitter"></i> |
− | + | </a> | |
− | < | + | <a href="#"> |
− | + | <i class="fa fa-instagram"></i> | |
− | </ | + | </a> |
− | < | + | </li> |
− | + | <li> | |
− | </ | + | <a href="" data-scroll="true" data-id="#home"> |
+ | Home | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="" data-scroll="true" data-id="#project"> | ||
+ | Project | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="" data-scroll="true" data-id="#workflow"> | ||
+ | Parts | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="" data-scroll="true" data-id="#projects"> | ||
+ | Practices | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="" data-scroll="true" data-id="#clients"> | ||
+ | Collaboration | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="" data-scroll="true" data-id="#team"> | ||
+ | Team | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="" data-scroll="true" data-id="#numbers"> | ||
+ | Etc. | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="" data-scroll="true" data-id="#contact"> | ||
+ | ?? | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="wrapper"> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- replace this line with the code generated with the rubik-builder.html --> | ||
− | < | + | <div class="section section-header" id="header4"> |
+ | <div id="video-container-4" class="full-image pattern-image filter filter-gradient-black" data-color="gold"> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="content"> | ||
+ | |||
+ | <h1>Noise</h1> | ||
− | <h5> | + | <h5>Characterization of promoter-derived transcriptional noise in E. coli</h5> |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | <video class="bgvid" preload="auto" loop="loop" autoplay="false" muted="muted" volume="0"><source src="https://2015.igem.org/Team:William_and_Mary/wm15rfpLoop.webm" type="video/webm" responsive-src="https://2015.igem.org/Team:William_and_Mary/rubik_responsive.jpg"><source src="https://2015.igem.org/Team:William_and_Mary/wm15rfpLoop.mp4" type="video/mp4">Video not supported</video></div> |
− | < | + | |
− | < | + | <a href="" data-scroll="true" data-id="#project" class="scroll-arrow hidden-xs hidden-sm"> |
− | < | + | <i class="fa fa-angle-down"></i> |
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="section section-we-are-2"> | ||
+ | <A NAME="whatis"> | ||
+ | <div class="text-area"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="title"> | ||
+ | <h2>What is noise?</h2> | ||
+ | <!-- <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div>--> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-7 col-md-offset-1"> | ||
+ | <div class="description"> | ||
+ | <p>Transcriptional noise is blah blah blah. | ||
+ | <p>Project description button here | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="parallax full-image pattern-image"> | ||
+ | <img alt="..." class="parallax-img" src="https://2015.igem.org/Team:William_and_Mary/wm15titlebg.jpg"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
− | < | + | |
− | <h4> | + | <!-- Section "Our Projects" example 2: 3 Columns Full Width --> |
+ | <div class="section section-we-made-1 section-with-hover" id="projects1"> | ||
+ | <div class="text-area"> | ||
+ | <div class="title"> | ||
+ | <h2>Our Parts</h2> | ||
+ | <!-- <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div>--> | ||
+ | <p>a lil summary of the different parts we wanna submit</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row" id="projectsLine1"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project"> | ||
+ | <img alt="..." src="assets/img/wm15integration.jpg"> | ||
+ | <a class="over-area color-green" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_1"> | ||
+ | <div class="content"> | ||
+ | <h4>Integrator Suites</h4> | ||
+ | <p>Click for details.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project"> | ||
+ | <img alt="..." src="assets/img/wm15antibiotic.jpg"> | ||
+ | <a class="over-area color-black" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2"> | ||
+ | <div class="content"> | ||
+ | <h4>Antibiotic Operons</h4> | ||
+ | <p>Click for details.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project"> | ||
+ | <img alt="..." src="assets/img/wm15repression.jpg"> | ||
+ | <a class="over-area color-blue " href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2"> | ||
+ | <div class="content"> | ||
+ | <h4>dCas9s</h4> | ||
+ | <p>Click for details.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project"> | ||
+ | <img alt="..." src="assets/img/wm15guide.jpg"> | ||
+ | <a class="over-area color-purple" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_3"> | ||
+ | <div class="content"> | ||
+ | <h4>gRNAs</h4> | ||
+ | <p>Click for details.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project"> | ||
+ | <img alt="..." src="assets/img/wm15rfp.jpg"> | ||
+ | <a class="over-area color-green" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_3"> | ||
+ | <div class="content"> | ||
+ | <h4>XFPs under various promoters</h4> | ||
+ | <p>Click for details.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project"> | ||
+ | <img alt="..." src="assets/img/wm15noise.jpg"> | ||
+ | <a class="over-area color-gold" href="#" target="_blank"> | ||
+ | <div class="content"> | ||
+ | <h4>G^2</h4> | ||
+ | <p>Click for details.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Section "Our Projects" example 2: 3 Columns Full Width --> | ||
+ | |||
+ | <!-- Section "What We do" example 4: Big Title & 4 columns icons --> | ||
+ | <div class="section section-we-do-2" id="workflow2"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="title add-animation animate"> | ||
+ | <!-- <h5 class="text-gray">Big Title & 4 Columns Icons</h5>--> | ||
+ | <h2>Measurement</h2> | ||
+ | <!-- <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div>--> | ||
+ | <p>talk a lil about stuff we measured/math model here. 4 components of math model (each will have an icon: Data, analysis, another model, case study) </p> | ||
+ | </div> | ||
+ | <div class="col-md-3"> | ||
+ | <div class="card animation-1 add-animation animate"> | ||
+ | <div class="icon"> | ||
+ | <i class="pe-7s-piggy"></i> | ||
+ | </div> | ||
+ | <h3>Data</h3> | ||
+ | <p>integrated/plasmid</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3"> | ||
+ | <div class="card animation-2 add-animation animate"> | ||
+ | <div class="icon"> | ||
+ | <i class="pe-7s-headphones"></i> | ||
+ | </div> | ||
+ | <h3>analysis</h3> | ||
+ | <p>parameters and stuff.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3"> | ||
+ | <div class="card animation-3 add-animation animate"> | ||
+ | <div class="icon"> | ||
+ | <i class="pe-7s-pen"></i> | ||
+ | </div> | ||
+ | <h3>Another Model</h3> | ||
+ | <p>explain from where</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3"> | ||
+ | <div class="card animation-4 add-animation animate"> | ||
+ | <div class="icon"> | ||
+ | <i class="pe-7s-plugin"></i> | ||
+ | </div> | ||
+ | <h3>Case Study</h3> | ||
+ | <p>applying our model to someone else's stuff</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Section "What We do" example 3: Small Title & 3 columns icons --> | ||
+ | |||
+ | <!-- Section "Clients" example 1: 3 Columns Logos --> | ||
+ | <div class="section section-clients-1" id="clients1"> | ||
+ | <div class="container"> | ||
+ | <div class="text-area"> | ||
+ | <div class="title"> | ||
+ | <h2>Human Practices</h2> | ||
+ | <!-- <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div>--> | ||
+ | <p>3 components to human practices: workshops, curriculum, sharing it. adjust logos to fit</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="list-logos"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="logo"> | ||
+ | <a href="#"> | ||
+ | <img alt="..." src="assets/img/clients/forbes.svg"> | ||
+ | <img alt="..." src="assets/img/clients/forbes_h.svg"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="logo"> | ||
+ | <a href="#"> | ||
+ | <img alt="..." src="assets/img/clients/intel.svg"> | ||
+ | <img alt="..." src="assets/img/clients/intel_h.svg"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="logo"> | ||
+ | <a href="#"> | ||
+ | <img alt="..." src="assets/img/clients/apple.svg"> | ||
+ | <img alt="..." src="assets/img/clients/apple_h.svg"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Section "Clients" example 1: 3 Columns Logos --> | ||
+ | |||
+ | <!-- Section "Our Projects" example 2: 3 Columns Full Width --> | ||
+ | <div class="section section-we-made-1 section-with-hover" id="projects1"> | ||
+ | <div class="text-area"> | ||
+ | <div class="title"> | ||
+ | <h2>Collaboration</h2> | ||
+ | <!-- <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div>--> | ||
+ | <p>3 parts of collabs</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row" id="projectsLine1"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project"> | ||
+ | <img alt="..." src="assets/img/wm15integration.jpg"> | ||
+ | <a class="over-area color-green" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_1"> | ||
+ | <div class="content"> | ||
+ | <h4>Interlab Study</h4> | ||
+ | <p>Click for details.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project"> | ||
+ | <img alt="..." src="assets/img/wm15antibiotic.jpg"> | ||
+ | <a class="over-area color-black" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2"> | ||
+ | <div class="content"> | ||
+ | <h4>PenPal Program</h4> | ||
+ | <p>Click for details.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project"> | ||
+ | <img alt="..." src="assets/img/wm15repression.jpg"> | ||
+ | <a class="over-area color-blue " href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2"> | ||
+ | <div class="content"> | ||
+ | <h4>Imaging</h4> | ||
+ | <p>Click for details. (stuff w/ other teams goes here)</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Section "Our Projects" example 2: 3 Columns Full Width --> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Section "Team" example 1: Title & Full Image --> | ||
+ | <div class="section section-team-1" id="team1"> | ||
+ | <div class="container"> | ||
+ | <div class="text-area"> | ||
+ | <div class="title"> | ||
+ | <h2>Team</h2> | ||
+ | <!-- <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div>--> | ||
+ | <p>a short blurb about our team here.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="full-image gradient-image"> | ||
+ | <img alt="..." src="assets/img/wmTeam15a.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Section "Team" example 1: Description & Full Image --> | ||
+ | |||
+ | <!-- Section "Numbers" example 2: Text & Icons --> | ||
+ | <div class="section section-numbers-1" id="numbers3"> | ||
+ | <div class="container"> | ||
+ | <div class="text-area"> | ||
+ | <div class="title"> | ||
+ | <h2>References</h2> | ||
+ | <!-- <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div>--> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | <div class="row"> | ||
+ | <div class="title add-animation animate"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="card"> | ||
+ | <div class="icon"> | ||
+ | <i class="pe-7s-users"></i> | ||
+ | </div> | ||
+ | <h3>Notebook</h3> | ||
+ | <!-- <h5 class="text-gray">explain</h5>--> | ||
+ | <!-- <div class="number" id="customersNo"> | ||
+ | 5.382 | ||
+ | </div>--> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="card"> | ||
+ | <div class="icon"> | ||
+ | <i class="pe-7s-box1"></i> | ||
+ | </div> | ||
+ | <h3>Safety</h3> | ||
+ | <!-- <h5 class="text-gray">explain</h5>--> | ||
+ | <!-- <div class="number" id="projectsNo"> | ||
+ | 26.832 | ||
+ | </div>--> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="card"> | ||
+ | <div class="icon"> | ||
+ | <i class="pe-7s-global"></i> | ||
+ | </div> | ||
+ | <h3>Attributions</h3> | ||
+ | <!-- <h5 class="text-gray">explain</h5>--> | ||
+ | <!-- <div class="number" id="citiesNo"> | ||
+ | 278 | ||
+ | </div>--> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Section "Numbers" example 2: Text & Image --> | ||
+ | |||
+ | |||
+ | <footer class="footer footer-color-black" data-color="black"> | ||
+ | <div class="container"> | ||
+ | <nav class="pull-left navbar-burger"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | Home | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | Contact | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | Blog | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <div class="social-area pull-right"> | ||
+ | <a class="btn btn-social btn-facebook btn-simple"> | ||
+ | <i class="fa fa-facebook-square"></i> | ||
+ | </a> | ||
+ | <a class="btn btn-social btn-twitter btn-simple"> | ||
+ | <i class="fa fa-twitter"></i> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="copyright"> | ||
+ | © 2015 William & Mary iGEM | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- Here are the examples of the content for each project that is viewed inside of the page. You can create how many projects you want if you set the specific #id | ||
+ | --> | ||
+ | |||
+ | <div class="project-content" id="project_1"> | ||
+ | <div> | ||
+ | <div class="project-details"> | ||
+ | <span class="icon-close"><i class="pe-7s-close-circle"></i></span> | ||
+ | <div class="container"> | ||
+ | <div class="project-title"> | ||
+ | <h5>Project Content<span>.</span></h5> | ||
+ | <h2>title</h2> | ||
+ | <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project-text"> | ||
+ | <p><span>Detail</span>1</p> | ||
+ | <p><span>Detail</span>2</p> | ||
+ | <p><span>Detail</span>3</p> | ||
+ | <p><span>Detail</span>4</p> | ||
+ | <br> | ||
+ | <p>text</p> | ||
+ | <p>text</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-8"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="project-image"> | ||
+ | <img alt="..." src="assets/img/rubik_background2.jpg"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="project-image"> | ||
+ | <img alt="..." src="assets/img/rubik_background2.jpg"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="project-image"> | ||
+ | <img alt="..." src="assets/img/rubik_background2.jpg"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="project-image"> | ||
+ | <img alt="..." src="assets/img/rubik_background2.jpg"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <p> | + | <div class="project-content" id="project_2"> |
− | + | <div> | |
− | </p> | + | <div class="project-details"> |
+ | <span class="icon-close"><i class="pe-7s-close-circle"></i></span> | ||
+ | <div class="container"> | ||
+ | <div class="project-title"> | ||
+ | <h2>title</h2> | ||
+ | <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div> | ||
+ | <p>text</p> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-10 col-md-offset-1"> | ||
+ | <div class="article"> | ||
+ | <div class="project-image"> | ||
+ | <img alt="..." src="assets/img/rubik_background2.jpg"/> | ||
+ | </div> | ||
+ | <div class="project-text"> | ||
+ | <h3>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce<span>.</span></h3> | ||
+ | <p>text</p> | ||
+ | <p>etc<span>.</span></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <p> | + | <div class="project-content" id="project_3"> |
− | + | <div> | |
− | </p> | + | <div class="project-details"> |
+ | <span class="icon-close"><i class="pe-7s-close-circle"></i></span> | ||
+ | <div class="container"> | ||
+ | <div class="project-title"> | ||
+ | <h5 >Project Content</h5> | ||
+ | <h2>title here</h2> | ||
+ | <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="product"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project-text text-right"> | ||
+ | <p>text here</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project-image"> | ||
+ | <img alt="..." src="assets/img/rubik_background3.png"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="project-text"> | ||
+ | <p>text here</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="body-layer"></div> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- core js files --> | ||
+ | <script src="assets/js/jquery-1.11.2.min.js" type="text/javascript"></script> | ||
+ | <script src="assets/js/bootstrap.js" type="text/javascript"></script> | ||
+ | <script type="text/javascript" src="assets/js/gsdk-bootstrapswitch.js"></script> | ||
+ | <script type="text/javascript" src="assets/js/jquery.bxslider.js"></script> | ||
+ | <!-- file for adding vertical points where we activate the elements animation --> | ||
+ | <script type="text/javascript" src="assets/js/jquery.waypoints.min.js"></script> | ||
− | < | + | <!-- js library for devices recognition --> |
− | < | + | <script type="text/javascript" src="assets/js/modernizr.js"></script> |
− | + | ||
+ | <!-- script for google maps --> | ||
+ | <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> | ||
− | + | <!-- file where we handle all the script from the Rubik page --> | |
− | < | + | <script type="text/javascript" src="assets/js/rubick.js"></script> |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 03:57, 13 September 2015
<!doctype html>
Loading...
Noise
Characterization of promoter-derived transcriptional noise in E. coli
Our Parts
a lil summary of the different parts we wanna submit
Measurement
talk a lil about stuff we measured/math model here. 4 components of math model (each will have an icon: Data, analysis, another model, case study)
Data
integrated/plasmid
analysis
parameters and stuff.
Another Model
explain from where
Case Study
applying our model to someone else's stuff
Collaboration
3 parts of collabs
Team
a short blurb about our team here.
References
Notebook
Safety
Attributions
Project Content.
title
✻
Detail1
Detail2
Detail3
Detail4
text
text
title
✻
text
Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce.
text
etc.
Project Content
title here
✻
text here
text here