Difference between revisions of "Team:William and Mary/Description"
Line 1: | Line 1: | ||
− | + | <!doctype html> | |
− | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <link rel="icon" type="image/png" href="assets/img/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="assets/css/bootstrap.css" rel="stylesheet" /> | ||
+ | <link href="assets/css/rubick.css" rel="stylesheet"/> | ||
+ | <link href="assets/css/demo.css" rel="stylesheet"/> | ||
+ | <link href="assets/css/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="assets/css/fonts/pe-icon-7-stroke.css" rel="stylesheet"> | ||
+ | <link href="assets/css/fonts/Rubik-Fonts.css" rel="stylesheet" /> | ||
+ | |||
+ | |||
− | < | + | </head> |
+ | <body class="landing-page"> | ||
+ | <div class="loading "> | ||
+ | <div class="loading-container"> | ||
+ | <p>Loading...</p> | ||
+ | <img class="loader" src="assets/img/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="assets/video/wm15rfpLoop.webm" type="video/webm" responsive-src="assets/img/rubik_responsive.jpg"><source src="assets/video/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="assets/img/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>Example No.1</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>Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.</p> | ||
+ | <p>Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors. </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> | ||
− | < | + | <div class="project-content" id="project_2"> |
− | We | + | <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>Example No.2</h2> | ||
+ | <div class="separator-container"> | ||
+ | <div class="separator line-separator">✻</div> | ||
+ | </div> | ||
+ | <p>We've been working with Kingsman Studios and we are proud that they enjoy our results.</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>Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.</p> | ||
+ | <p>Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors<span>.</span></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <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>Example No.3</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>Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation</p> | ||
+ | <p>Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.</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>Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation</p> | ||
+ | <p>Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.</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 00:11, 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.
Example No.1
Detail1
Detail2
Detail3
Detail4
Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.
Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors.
Example No.2
We've been working with Kingsman Studios and we are proud that they enjoy our results.
Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce.
Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.
Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors.
Project Content
Example No.3
Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation
Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.
Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation
Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.