|
|
Line 1: |
Line 1: |
− | <!doctype html>
| + | {{IISER_Pune}} |
− | <html lang="en"> | + | <html> |
− | <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>
| + | <h2> Project Description </h2> |
− | <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">
| + | <p>In short, our project is meant to measure transcriptional noise and characterize the noise associated with different promoters in E. coli. </p> |
− | <a href="#">
| + | <p> |
− | <i class="fa fa-facebook"></i>
| + | Transcription is the process of converting information stored in DNA to information stored in RNA. During this process, there is an amount of random variation in the rate of the conversion. We call this random variation ‘noise’. Transcriptional noise is largely influenced by sequences of DNA called promoters that help “tell” the cell to begin the process of transcription. Our project is to assess how much transcriptional noise is expressed by different commonly used promoters.</p> |
− | </a>
| + | <p> |
− | <a href="#">
| + | We are also working on a system of targeted repression of promoters using dCas9. Perhaps the most up and coming technique in synthetic biology is CRISPR/Cas9 genome editing. A CRISPR (clustered regularly interspersed short palindromic repeat) sequence is one which codes for a crisprRNA, an RNA which targets a particular DNA sequence (called the protospacer). In natural systems, the crisprRNA would bind to the protospacer and interact with another RNA sequence called a tracrRNA (which only serves to summon the Cas9 protein). The tracrRNA interacts with the Cas9 protein which recognizes a sequence in the DNA called the protospacer adjacent motif (PAM). The Cas9 protein would then cut the protospacer several base pairs upstream from the PAM. This opens the door for a synthetic biologist to insert an alternative gene or otherwise edit the genome. Additionally, in synthetic systems, the crisprRNA and tracrRNA sequences can be combined into a single guide RNA, or gRNA for short.</p> |
− | <i class="fa fa-twitter"></i>
| + | <p> |
− | </a>
| + | However, the CRISPR/ Cas9 system has many other applications. In our project, we are using a variation of the Cas9 which has been functionally deactivated (it no longer cuts the protospacer). It does, however, still clamp onto the protospacer and block the binding of other things. Therefore, if we want to inhibit the expression of a gene, we can do so by targeting the gRNA sequence to bind to the promoter region of the gene of interest. This will allow the functionally 'dead' Cas9 (dCas9) to bind to the promoter region of the gene, preventing the RNA polymerase which would have transcribed the sequence from binding to the promoter sequence because there is a giant protein in the way. </p> |
− | <a href="#">
| + | <p> |
− | <i class="fa fa-instagram"></i>
| + | Within our project, we are referring to the idea of dCas9 repression as the Susan System, or Susan for short. We are working on a Suite of gRNA parts which will allow any iGEM team to easily repress genes expressed under any of the top ten most common iGEM promoters and then subsequently turn on expression of the gene on demand. |
− | </a>
| + | </p> |
− | </li>
| + | <p> |
− | <li>
| + | The importance of proper characterization of transcriptional noise in promoters cannot be overstated. The less transcriptional noise a cell exhibits, the more reliably and predictably a cell can manufacture proteins or functional RNA. When scientists use cells to manufacture tools, it is important that these tools be both accurate and precise. Reliable cells manufacture products with precision, and reliability requires low levels of transcriptional noise. Alternatively, a researcher could require cells with a high level of transcriptional noise. Therefore it is important to be able to identify which promoters result in which levels of transcriptional noise. |
− | <a href="" data-scroll="true" data-id="#home">
| + | </p> |
− | 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">
| + | <br /> |
− | <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>Characterization of promoter-derived transcriptional noise in E. coli</h5>
| + | <h5>What should this page contain?</h5> |
− | </div>
| + | <ul> |
− | </div>
| + | <li> A clear and concise description of your project.</li> |
− | <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>
| + | <li>A detailed explanation of why your team chose to work on this particular project.</li> |
− |
| + | <li>References and sources to document your research.</li> |
− | <a href="" data-scroll="true" data-id="#project" class="scroll-arrow hidden-xs hidden-sm">
| + | <li>Use illustrations and other visual resources to explain your project.</li> |
− | <i class="fa fa-angle-down"></i>
| + | </ul> |
− | </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>
| |
− |
| |
| | | |
− |
| + | <br /> |
− | <!-- Section "Our Projects" example 2: 3 Columns Full Width -->
| + | <h4>Advice on writing your Project Description</h4> |
− | <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">
| + | <p> |
− | <div>
| + | We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements. |
− | <div class="project-details">
| + | </p> |
− | <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">
| + | <p> |
− | <div>
| + | Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year. |
− | <div class="project-details">
| + | </p> |
− | <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 -->
| + | <br /> |
− | <script type="text/javascript" src="assets/js/modernizr.js"></script>
| + | <h4>References</h4> |
| + | <p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you.</p> |
| | | |
− | <!-- 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>
| + | <h4>Inspiration</h4> |
− |
| + | <p>See how other teams have described and presented their projects: </p> |
| + | |
| + | <ul> |
| + | <li><a href="https://2014.igem.org/Team:Imperial/Project"> Imperial</a></li> |
| + | <li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> UC Davis</a></li> |
| + | <li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">SYSU Software</a></li> |
| + | </ul> |
| + | |
| + | </div> |
| </html> | | </html> |