Difference between revisions of "Team:UIUC Illinois"

(Homepage template)
 
(61 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
{{UIUC_ILLIINOIS Style}}
−
<html class="no-js">
+
{{UIUC_Illinois Head}}
−
    <head>
+
−
        <!-- Basic Page Needs
+
−
        ================================================== -->
+
−
        <meta charset="utf-8">
+
−
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
−
        <link rel="icon" type="image/png" href="images/favicon.png">
+
−
        <title>Timer Agency Template</title>
+
−
        <meta name="description" content="">
+
−
        <meta name="keywords" content="">
+
−
        <meta name="author" content="">
+
−
        <!-- Mobile Specific Metas
+
−
        ================================================== -->
+
−
        <meta name="format-detection" content="telephone=no">
+
−
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
       
+
−
        <!-- Template CSS Files
+
−
        ================================================== -->
+
−
        <!-- Twitter Bootstrs CSS -->
+
−
        <link rel="stylesheet" href="css/bootstrap.min.css">
+
−
        <!-- Ionicons Fonts Css -->
+
−
        <link rel="stylesheet" href="css/ionicons.min.css">
+
−
        <!-- animate css -->
+
−
        <link rel="stylesheet" href="css/animate.css">
+
−
        <!-- Hero area slider css-->
+
−
        <link rel="stylesheet" href="css/slider.css">
+
−
        <!-- owl craousel css -->
+
−
        <link rel="stylesheet" href="css/owl.carousel.css">
+
−
        <link rel="stylesheet" href="css/owl.theme.css">
+
−
        <link rel="stylesheet" href="css/jquery.fancybox.css">
+
−
        <!-- template main css file -->
+
−
        <link rel="stylesheet" href="css/main.css">
+
−
        <!-- responsive css -->
+
−
        <link rel="stylesheet" href="css/responsive.css">
+
−
       
+
−
        <!-- Template Javascript Files
+
−
        ================================================== -->
+
−
        <!-- modernizr js -->
+
−
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+
−
        <!-- jquery -->
+
−
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
−
        <!-- owl carouserl js -->
+
−
        <script src="js/owl.carousel.min.js"></script>
+
−
        <!-- bootstrap js -->
+
  
−
        <script src="js/bootstrap.min.js"></script>
+
<html>
−
        <!-- wow js -->
+
<div class="container">
−
        <script src="js/wow.min.js"></script>
+
 
−
        <!-- slider js -->
+
</div>
−
        <script src="js/slider.js"></script>
+
<aside id="fh5co-hero" class="js-fullheight">
−
        <script src="js/jquery.fancybox.js"></script>
+
<div class="flexslider js-fullheight">
−
        <!-- template main js -->
+
<ul class="slides">
−
        <script src="js/main.js"></script>
+
  <li style="background-image: url(https://static.igem.org/mediawiki/2016/d/d5/T--UIUC_Illinois--quad.jpg);">
−
    </head>
+
  <div class="overlay-gradient"></div>
−
    <body>
+
  <div class="container">
−
        <!--
+
  <div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
−
        ==================================================
+
  <div class="slider-text-inner">
−
        Header Section Start
+
  <h3><mark>Welcome to the</mark></h3>
−
        ================================================== -->
+
  <b><h2>2016 UIUC_Illinois iGEM Wiki</h2></b>
−
        <header id="top-bar" class="navbar-fixed-top animated-header">
+
  <br><br><br><br><br><br><br>
−
            <div class="container">
+
  <p style="text-align:center"><a href="https://2016.igem.org/Team:UIUC_Illinois#start" class="btn btn-primary with-arrow">See Our Work  <i class="icon-arrow-down"></i></a></p>
−
                <div class="navbar-header">
+
  </div>
−
                    <!-- responsive nav button -->
+
  </div>
−
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
  </div>
−
                    <span class="sr-only">Toggle navigation</span>
+
  </li>
−
                    <span class="icon-bar"></span>
+
  </ul>
−
                    <span class="icon-bar"></span>
+
  </div>
−
                    <span class="icon-bar"></span>
+
</aside>
−
                    </button>
+
 
−
                    <!-- /responsive nav button -->
+
<div id="fh5co-work-section" class="fh5co-light-grey-section">
−
                   
+
<div class="container">
−
                    <!-- logo -->
+
<div class="row">
−
                    <div class="navbar-brand">
+
<div id="start" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
−
                        <a href="index.html" >
+
<h3><font color="69D2E7"><b>Promoters can be used to control the gene expression of whichever gene they are placed upstream of. Most promoters which are currently in the iGEM registry can be separated into one of two categories. There are constitutive, or “always on,” promoters of various strengths. There are also inducible promoters, which activate transcription based environmental factors such as light, pH, or the presence of any number of molecules. </b></font></h3>
−
                            <img src="images/logo.png" alt="">
+
 
−
                        </a>
+
                                </div>
−
                    </div>
+
                     
−
                    <!-- /logo -->
+
                                <div id="start" class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
−
                </div>
+
 
−
                <!-- main menu -->
+
<h3><b><font color="A7DBD8">For this year's competition, UIUC_Illinois is characterizing a promoter library that will give users more control over gene expression, without the need for inducers.</font></b></h3>
−
                <nav class="collapse navbar-collapse navbar-right" role="navigation">
+
 
−
                    <div class="main-menu">
+
<br><br><br><br><br>
−
                        <ul class="nav navbar-nav navbar-right">
+
                              </div>
−
                            <li>
+
<br><br><br><br><br>
−
                                <a href="index.html" >Home</a>
+
−
                            </li>
+
<div class="col-md-10 col-md-offset-1 text-center fh5co-heading animate-box">
−
                            <li><a href="about.html">About</a></li>
+
<blockquote>
−
                            <li><a href="service.html">Service</a></li>
+
<h2><i class="icon-clock-o"></i> Just in Time.</h2>
−
                            <li class="dropdown">
+
<b><h3><font color="F38630"> A library of growth phase dependent promoters. </font></h3></b> </blockquote>
−
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="caret"></span></a>
+
</div>
−
                                <div class="dropdown-menu">
+
</div>
−
                                    <ul>
+
<br><br><br><br>
−
                                        <li><a href="404.html">404 Page</a></li>
+
 
−
                                        <li><a href="gallery.html">Gallery</a></li>
+
<div class="row">
−
                                    </ul>
+
<div style="margin-top:200px" class="col-md-4 animate-box">
−
                                </div>
+
<a href="https://2016.igem.org/Team:UIUC_Illinois/Description" class="item-grid text-center">
−
                            </li>
+
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/5/53/T--UIUC_Illinois--Clock.jpg)"></div>
−
                            <li class="dropdown">
+
<div class="v-align">
−
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <span class="caret"></span></a>
+
<div class="v-align-middle">
−
                                <div class="dropdown-menu">
+
<h3 class="title">Project</h3>
−
                                    <ul>
+
<h5 class="category"><font color=black>See our team's project description and motivation for a promoter-driven project. Project design and safety considerations are also included.</font></h5>
−
                                        <li><a href="blog-fullwidth.html">Blog Full</a></li>
+
</div>
−
                                        <li><a href="blog-left-sidebar.html">Blog Left sidebar</a></li>
+
</div>
−
                                        <li><a href="blog-right-sidebar.html">Blog Right sidebar</a></li>
+
</a>
−
                                    </ul>
+
</div>
−
                                </div>
+
<div class="col-md-4 animate-box">
−
                            </li>
+
<a href="https://2016.igem.org/Team:UIUC_Illinois/Human_Practices" class="item-grid text-center">
−
                            <li><a href="contact.html">Contact</a></li>
+
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/9/98/T--UIUC_Illinois--Outreach2.jpg)"></div>
−
                        </ul>
+
<div class="v-align">
−
                    </div>
+
<div class="v-align-middle">
−
                </nav>
+
<h3 class="title">Human Practices</h3>
−
                <!-- /main nav -->
+
<h5 class="category"><font color=black>iGEM teams strive to make an influence outside of wet lab work. This area includes exploring issues relating to the environment, community, ethics, and other humane topics of interest.</font></h5>
−
            </div>
+
</div>
−
        </header>
+
</div>
−
       
+
</a>
−
        <!--
+
</div>
−
        ==================================================
+
<div style="margin-top:200px" class="col-md-4 animate-box">
−
        Slider Section Start
+
<a href="https://2016.igem.org/Team:UIUC_Illinois/Overview" class="item-grid text-center">
−
        ================================================== -->
+
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/2/27/T--UIUC_Illinois--interlabstudy.jpg)"></div>
−
        <section id="hero-area" >
+
<div class="v-align">
−
            <div class="container">
+
<div class="v-align-middle">
−
                <div class="row">
+
<h3 class="title">Wet Lab</h3>
−
                    <div class="col-md-12 text-center">
+
<h5 class="category"><font color=black>See our team's work regarding the benchtop work done for the project. This includes our team's notebook, experiment, and results. See undergraduate lab research in action!</font></h5>
−
                        <div class="block wow fadeInUp" data-wow-delay=".3s">
+
</div>
−
                           
+
</div>
−
                            <!-- Slider -->
+
</a>
−
                            <section class="cd-intro">
+
</div>
−
                                <h1 class="wow fadeInUp animated cd-headline slide" data-wow-delay=".4s" >
+
 
−
                                <span>HI, MY NAME IS JONATHON & I AM A</span><br>
+
 
−
                                <span class="cd-words-wrapper">
+
 
−
                                    <b class="is-visible">DESIGNER</b>
+
 
−
                                    <b>DEVELOPER</b>
+
<div style="margin-top:-200px" class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
−
                                    <b>FATHER</b>
+
<img src="https://static.igem.org/mediawiki/2016/f/ff/T--UIUC_Illinois--smallLogo.png" alt="Logo" height="350px" align="center"/>
−
                                </span>
+
</div>
−
                                </h1>
+
<div style="margin-top:-200px"class="col-md-4 animate-box">
−
                                </section> <!-- cd-intro -->
+
<a href="https://2016.igem.org/Team:UIUC_Illinois/Interlab_Study" class="item-grid text-center">
−
                                <!-- /.slider -->
+
 
−
                                <h2 class="wow fadeInUp animated" data-wow-delay=".6s" >
+
 
−
                                    With 10 years experience, I've occupied many roles including digital design director,<br> web designer and developer. This site showcases some of my work.
+
 
−
                                </h2>
+
 
−
                                <a class="btn-lines dark light wow fadeInUp animated smooth-scroll btn btn-default btn-green" data-wow-delay=".9s" href="#works" data-section="#works" >View Works</a>
+
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/7/7b/T--UIUC_Illinois--bacteria.jpg)"></div>
−
                               
+
<div class="v-align">
−
                            </div>
+
<div class="v-align-middle">
−
                        </div>
+
<h3 class="title">Interlab Study</h3>
−
                    </div>
+
<h5 class="category"><font color=black>View our team's interlab study considerations and data geared toward the future of iGEM.</font> </h5>
−
                </div>
+
</div>
−
            </section><!--/#main-slider-->
+
</div>
−
            <!--
+
</a>
−
            ==================================================
+
</div>
−
            Slider Section Start
+
<div class="col-md-4 animate-box">
−
            ================================================== -->
+
<a href="https://2016.igem.org/Team:UIUC_Illinois/Team" class="item-grid text-center">
−
            <section id="about">
+
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/a/ac/T--UIUC_Illinois--teamphoto.jpg)"></div>
−
                <div class="container">
+
<div class="v-align">
−
                    <div class="row">
+
<div class="v-align-middle">
−
                        <div class="col-md-6 col-sm-6">
+
<h3 class="title">Meet the Team</h3>
−
                            <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
+
<h5 class="category"><font color=black>See the 2016 UIUC Illinois iGEM team members! Collaboration details with another iGEM team is also included.</font></h5>
−
                                <h2>
+
</div>
−
                                ABOUT ME
+
</div>
−
                                </h2>
+
</a>
−
                                <p>
+
</div>
−
                                    Hello, I’m a UI/UX Designer & Front End Developer from Victoria, Australia. I hold a master degree of Web Design from the World University.And scrambled it to make a type specimen book. It has survived not only five centuries
+
<div style="margin-top:-200px" class="col-md-4 animate-box">
−
                                </p>
+
<a href="https://2016.igem.org/Team:UIUC_Illinois/ContactUs" class="item-grid text-center">
−
                                <p>
+
<div class="image" style="background-image: url(https://static.igem.org/mediawiki/2016/4/43/T--UIUC_Illinois--contact.jpg)"></div>
−
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, adipisci voluptatum repudiandae, natus impedit repellat aut officia illum at assumenda iusto reiciendis placeat. Temporibus, vero.
+
<div class="v-align">
−
                                </p>
+
<div class="v-align-middle">
−
                            </div>
+
<h3 class="title">Get in Touch!</h3>
−
                           
+
<h5 class="category"><font color=black>Contact the UIUC Illinois iGEM team, whether it's the 2016 members or future teams.</font></h5>
−
                        </div>
+
</div>
−
                        <div class="col-md-6 col-sm-6">
+
</div>
−
                            <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
+
</a>
−
                                <img src="images/about/about.jpg" alt="">
+
</div>
−
                            </div>
+
</div>
−
                        </div>
+
<br><br><br><br>
−
                    </div>
+
<div class="row">
−
                </div>
+
<div class="col-md-12 text-center fh5co-heading animate-box">
−
            </section> <!-- /#about -->
+
<h1><font color="69D2E7"><b>2016 IGEM Jamboree Results:</b></font></h1>
−
            <!--
+
 
−
            ==================================================
+
<h2><i class="icon-trophy"></i><font color="orange"><b> UIUC_Illinois received the bronze medal! </b></font><i class="icon-trophy"></i></h2>
−
            Portfolio Section Start
+
 
−
            ================================================== -->
+
 
−
            <section id="works" class="works">
+
                                </div>
−
                <div class="container">
+
</div>
−
                    <div class="section-heading">
+
</div>
−
                        <h1 class="title wow fadeInDown" data-wow-delay=".3s">Latest Works</h1>
+
</div>
−
                        <p class="wow fadeInDown" data-wow-delay=".5s">
+
 
−
                            Aliquam lobortis. Maecenas vestibulum mollis diam. Pellentesque auctor neque nec urna. Nulla sit amet est. Aenean posuere <br> tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.
+
<div class="fh5co-team fh5co-light-grey-section">
−
                        </p>
+
<div class="container">
−
                    </div>
+
<div class="row">
−
                    <div class="row">
+
<div class="col-md-12 text-center fh5co-heading animate-box">
−
                        <div class="col-sm-4 col-xs-12">
+
<h1>Photos from the Jamboree!</h1>
−
                            <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
 
−
                                <div class="img-wrapper">
+
                                </div>
−
                                    <img src="images/portfolio/item-1.jpg" class="img-responsive" alt="this is a title" >
+
<div class="col-md-5 fh5co-staff text-center animate-box">
−
                                    <div class="overlay">
+
<center><img src="https://static.igem.org/mediawiki/2016/6/68/T--UIUC_Illinois--jam2.jpg" alt="Jamboree1" class="img-responsive" style="margin-top: 40px" width="700px"/></center>
−
                                        <div class="buttons">
+
</div><br><br><br><br><br><br><br><br>
−
                                            <a rel="gallery" class="fancybox" href="images/portfolio/item-1.jpg">Demo</a>
+
<div class="col-md-7 fh5co-staff text-center animate-box" style="z-index: 3">
−
                                            <a target="_blank" href="single-portfolio.html">Details</a>
+
<center><img src="https://static.igem.org/mediawiki/2016/3/35/T--UIUC_Illinois--jam3.jpg" alt="Jamboree2" class="img-responsive" width="200%" height="100%"/></center>
−
                                        </div>
+
</div>
−
                                    </div>
+
<div class="col-md-5 fh5co-staff text-center animate-box">
−
                                </div>
+
<center><img src="https://static.igem.org/mediawiki/2016/e/e3/T--UIUC_Illinois--jam1.jpg" alt="Jamboree3" class="img-responsive"/></center>
−
                                <figcaption>
+
</div>
−
                                <h4>
+
</div>
−
                                <a href="#">
+
</div>
−
                                    Dew Drop
+
</div>
−
                                </a>
+
 
−
                                </h4>
+
<div id = "homeCta" class="fh5co-cta" style="background-image: url(https://static.igem.org/mediawiki/2016/1/19/T--UIUC_Illinois--igbblobs2.jpg);">
−
                                <p>
+
<div class="overlay2"></div>
−
                                    Redesigne UI Concept
+
<div class="container">
−
                                </p>
+
<div class="col-md-12 text-center animate-box">
−
                                </figcaption>
+
<p style="text-align:center"><a href="https://2016.igem.org/Team:UIUC_Illinois/Team#institutions" class="btn btn-primary btn-outline with-arrow">See our Institution Affiliations! <i class="icon-arrow-right"></i></a></p>
−
                            </figure>
+
</div>
−
                        </div>
+
</div>
−
                        <div class="col-sm-4 col-xs-12">
+
</div>
−
                            <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
 
−
                                <div class="img-wrapper">
+
−
                                    <img src="images/portfolio/item-2.jpg" class="img-responsive" alt="this is a title" >
+
<footer id="fh5co-footer" role="contentinfo">
−
                                    <div class="overlay">
+
<div class="container">
−
                                        <div class="buttons">
+
<div class="col-md-12 fh5co-copyright text-center">
−
                                            <a rel="gallery" class="fancybox" href="images/portfolio/item-2.jpg">Demo</a>
+
<ul class="fh5co-social">
−
                                            <a target="_blank" href="single-portfolio.html">Details</a>
+
<li>
−
                                        </div>
+
<a href="https://www.facebook.com/illinoisigem/?fref=ts"><i class="icon-facebook"></i></a>
−
                                    </div>
+
<a href="https://2016.igem.org/Team:UIUC_Illinois/ContactUs"><i class="icon-envelope-o"></i></a>
−
                                </div>
+
</li>
−
                                <figcaption>
+
</ul>
−
                                <h4>
+
<p><span>Made with <i class="icon-heart"></i> by UIUC_Illinois iGEM</span></p>
−
                                <a href="#">
+
</div>
−
                                    Bottle Mockup
+
−
                                </a>
+
</div>
−
                                </h4>
+
</footer>
−
                                <p>
+
</div>
−
                                    Lorem ipsum dolor sit.
+
 
−
                                </p>
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryjs?
−
                                </figcaption>
+
action=raw&ctype=text/javascript"></script>
−
                            </figure>
+
 
−
                        </div>
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryeasingjs?
−
                        <div class="col-sm-4 col-xs-12">
+
action=raw&ctype=text/javascript"></script>
−
                            <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
 
−
                                <div class="img-wrapper">
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/bootstrapjs?
−
                                    <img src="images/portfolio/item-3.jpg" class="img-responsive" alt="" >
+
action=raw&ctype=text/javascript"></script>
−
                                    <div class="overlay">
+
 
−
                                        <div class="buttons">
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/waypointsjs?
−
                                            <a rel="gallery" class="fancybox" href="images/portfolio/item-3.jpg">Demo</a>
+
action=raw&ctype=text/javascript"></script>
−
                                            <a target="_blank" href="single-portfolio.html">Details</a>
+
 
−
                                        </div>
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/jqueryflexjs?
−
                                    </div>
+
action=raw&ctype=text/javascript"></script>
−
                                </div>
+
 
−
                                <figcaption>
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/mainjs?
−
                                <h4>
+
action=raw&ctype=text/javascript"></script>
−
                                <a href="#">
+
 
−
                                    Table Design
+
<script type="text/javascript" src="https://2016.igem.org/Team:UIUC_Illinois/sidebarjs?
−
                                </a>
+
action=raw&ctype=text/javascript"></script>
−
                                </h4>
+
 
−
                                <p>
+
</body>
−
                                    Lorem ipsum dolor sit amet.
+
</html>
−
                                </p>
+
−
                                </figcaption>
+
−
                            </figure>
+
−
                        </div>
+
−
                        <div class="col-sm-4 col-xs-12">
+
−
                            <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="600ms">
+
−
                                <div class="img-wrapper">
+
−
                                    <img src="images/portfolio/item-4.jpg" class="img-responsive" alt="" >
+
−
                                    <div class="overlay">
+
−
                                        <div class="buttons">
+
−
                                            <a rel="gallery" class="fancybox" href="images/portfolio/item-4.jpg">Demo</a>
+
−
                                            <a target="_blank" href="single-portfolio.html">Details</a>
+
−
                                        </div>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <figcaption>
+
−
                                <h4>
+
−
                                <a href="#">
+
−
                                    Make Up elements
+
−
                                </a>
+
−
                                </h4>
+
−
                                <p>
+
−
                                    Lorem ipsum dolor.
+
−
                                </p>
+
−
                                </figcaption>
+
−
                            </figure>
+
−
                        </div>
+
−
                        <div class="col-sm-4 col-xs-12">
+
−
                            <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="900ms">
+
−
                                <div class="img-wrapper">
+
−
                                    <img src="images/portfolio/item-5.jpg" class="img-responsive" alt="" >
+
−
                                    <div class="overlay">
+
−
                                        <div class="buttons">
+
−
                                            <a rel="gallery" class="fancybox" href="images/portfolio/item-5.jpg">Demo</a>
+
−
                                            <a target="_blank" href="single-portfolio.html">Details</a>
+
−
                                        </div>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <figcaption>
+
−
                                <h4>
+
−
                                <a href="#">
+
−
                                    Shoping Bag Concept
+
−
                                </a>
+
−
                                </h4>
+
−
                                <p>
+
−
                                    Lorem ipsum dolor.
+
−
                                </p>
+
−
                                </figcaption>
+
−
                            </figure>
+
−
                        </div>
+
−
                        <div class="col-sm-4 col-xs-12">
+
−
                            <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
−
                                <div class="img-wrapper">
+
−
                                    <img src="images/portfolio/item-6.jpg" class="img-responsive" alt="" >
+
−
                                    <div class="overlay">
+
−
                                        <div class="buttons">
+
−
                                            <a rel="gallery" class="fancybox" href="images/portfolio/item-6.jpg">Demo</a>
+
−
                                            <a target="_blank" href="single-portfolio.html">Details</a>
+
−
                                        </div>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <figcaption>
+
−
                                <h4>
+
−
                                <a href="#">
+
−
                                    Caramel Bottle
+
−
                                </a>
+
−
                                </h4>
+
−
                                <p>
+
−
                                    Lorem ipsum dolor.
+
−
                                </p>
+
−
                                </figcaption>
+
−
                            </figure>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </section> <!-- #works -->
+
−
            <!--
+
−
            ==================================================
+
−
            Portfolio Section Start
+
−
            ================================================== -->
+
−
            <section id="feature">
+
−
                <div class="container">
+
−
                    <div class="section-heading">
+
−
                        <h1 class="title wow fadeInDown" data-wow-delay=".3s">Offer From Me</h1>
+
−
                        <p class="wow fadeInDown" data-wow-delay=".5s">
+
−
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed,<br> quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.
+
−
                        </p>
+
−
                    </div>
+
−
                    <div class="row">
+
−
                        <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                            <div class="media wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
−
                                <div class="media-left">
+
−
                                    <div class="icon">
+
−
                                        <i class="ion-ios-flask-outline"></i>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="media-body">
+
−
                                    <h4 class="media-heading">Media heading</h4>
+
−
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                            <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="600ms">
+
−
                                <div class="media-left">
+
−
                                    <div class="icon">
+
−
                                        <i class="ion-ios-lightbulb-outline"></i>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="media-body">
+
−
                                    <h4 class="media-heading">Well documented.</h4>
+
−
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                            <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="900ms">
+
−
                                <div class="media-left">
+
−
                                    <div class="icon">
+
−
                                        <i class="ion-ios-lightbulb-outline"></i>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="media-body">
+
−
                                    <h4 class="media-heading">Well documented.</h4>
+
−
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                            <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
−
                                <div class="media-left">
+
−
                                    <div class="icon">
+
−
                                        <i class="ion-ios-americanfootball-outline"></i>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="media-body">
+
−
                                    <h4 class="media-heading">Free updates</h4>
+
−
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                            <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1500ms">
+
−
                                <div class="media-left">
+
−
                                    <div class="icon">
+
−
                                        <i class="ion-ios-keypad-outline"></i>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="media-body">
+
−
                                    <h4 class="media-heading">Solid Support</h4>
+
−
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="col-md-4 col-lg-4 col-xs-12">
+
−
                            <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1800ms">
+
−
                                <div class="media-left">
+
−
                                    <div class="icon">
+
−
                                        <i class="ion-ios-barcode-outline"></i>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="media-body">
+
−
                                    <h4 class="media-heading">Simple Installation</h4>
+
−
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </section> <!-- /#feature -->
+
−
                           
+
−
            <!--
+
−
            ==================================================
+
−
            Call To Action Section Start
+
−
            ================================================== -->
+
−
            <section id="call-to-action">
+
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-md-12">
+
−
                            <div class="block">
+
−
                                <h2 class="title wow fadeInDown" data-wow-delay=".3s" data-wow-duration="500ms">SO WHAT YOU THINK ?</h1>
+
−
                                <p class="wow fadeInDown" data-wow-delay=".5s" data-wow-duration="500ms">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,<br>possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.</p>
+
−
                                <a href="contact.html" class="btn btn-default btn-contact wow fadeInDown" data-wow-delay=".7s" data-wow-duration="500ms">Contact With Me</a>
+
−
                            </div>
+
−
                        </div>
+
−
                       
+
−
                    </div>
+
−
                </div>
+
−
            </section>
+
−
            <!--
+
−
            ==================================================
+
−
            Footer Section Start
+
−
            ================================================== -->
+
−
            <footer id="footer">
+
−
                <div class="container">
+
−
                    <div class="col-md-8">
+
−
                        <p class="copyright">Copyright: <span>2015</span> . Design and Developed by <a href="http://www.Themefisher.com">Themefisher</a></p>
+
−
                    </div>
+
−
                    <div class="col-md-4">
+
−
                        <!-- Social Media -->
+
−
                        <ul class="social">
+
−
                            <li>
+
−
                                <a href="http://wwww.fb.com/themefisher" class="Facebook">
+
−
                                    <i class="ion-social-facebook"></i>
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="http://wwww.twitter.com/themefisher" class="Twitter">
+
−
                                    <i class="ion-social-twitter"></i>
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="#" class="Linkedin">
+
−
                                    <i class="ion-social-linkedin"></i>
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="http://wwww.fb.com/themefisher" class="Google Plus">
+
−
                                    <i class="ion-social-googleplus"></i>
+
−
                                </a>
+
−
                            </li>
+
−
                        </ul>
+
−
                    </div>
+
−
                </div>
+
−
            </footer> <!-- /#footer -->
+
−
               
+
−
        </body>
+
−
    </html>
+

Latest revision as of 06:37, 2 December 2016

UIUC_Illinois iGEM 2016

Promoters can be used to control the gene expression of whichever gene they are placed upstream of. Most promoters which are currently in the iGEM registry can be separated into one of two categories. There are constitutive, or “always on,” promoters of various strengths. There are also inducible promoters, which activate transcription based environmental factors such as light, pH, or the presence of any number of molecules.

For this year's competition, UIUC_Illinois is characterizing a promoter library that will give users more control over gene expression, without the need for inducers.











Just in Time.

A library of growth phase dependent promoters.





Project

See our team's project description and motivation for a promoter-driven project. Project design and safety considerations are also included.

Human Practices

iGEM teams strive to make an influence outside of wet lab work. This area includes exploring issues relating to the environment, community, ethics, and other humane topics of interest.

Wet Lab

See our team's work regarding the benchtop work done for the project. This includes our team's notebook, experiment, and results. See undergraduate lab research in action!
Logo

Interlab Study

View our team's interlab study considerations and data geared toward the future of iGEM.

Meet the Team

See the 2016 UIUC Illinois iGEM team members! Collaboration details with another iGEM team is also included.

Get in Touch!

Contact the UIUC Illinois iGEM team, whether it's the 2016 members or future teams.




2016 IGEM Jamboree Results:

UIUC_Illinois received the bronze medal!

Photos from the Jamboree!

Jamboree1








Jamboree2
Jamboree3

Made with by UIUC_Illinois iGEM