Team:UIUC Entrepreneurs

From 2013.igem.org

(Difference between revisions)
(Undo revision 323859 by Ashleysmoy (talk))
 
(132 intermediate revisions not shown)
Line 1: Line 1:
 +
<html lang="en">
 +
<head>
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
 +
<script src="http://code.jquery.com/jquery.min.js"></script>
 +
<style>
 +
/*the igem Global setting*/
 +
* {
 +
  margin: 5;
 +
  padding: 0;
 +
  -webkit-font-smoothing: antialiased;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
body{
 +
  width: 1000px;
 +
  margin: 0 auto;
 +
  color: #34495e;
 +
}
 +
#buttons{
 +
margin:auto;
 +
padding-left:250px;
 +
}
 +
#bodyContent h1, #bodyContent h2{
 +
  margin-bottom:0;
 +
}
 +
h1, h2, h3, h4, h5, h6{
 +
  padding-top: 100;
 +
  padding-bottom: 100;
 +
  color: #34495e;
 +
}
 +
#globalWrapper {
 +
  font-size: 100%;
 +
}
 +
#top-section{
 +
  height:50px;
 +
    border:none;
 +
    width:980px;
 +
    margin:0 auto;
 +
    padding:0 0 0 0;
 +
    background-color:transparent;
 +
    overflow:hide;
 +
}
 +
#p-logo{display:none;}
 +
#search-controls{display:none;}
 +
#top{display:none;}
 +
.firstHeading{display:none;}
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
 +
div#contentSub{
 +
    display: none;
 +
    position: absolute;
 +
}
 +
#content h1.firstHeading {display: none;}
 +
#content
 +
{
 +
  border:none;
 +
  height: 100%;
 +
  margin:0;
 +
  padding:50;
 +
  width: 100%;
 +
  position: absolute;
 +
  background-color: #FFFFFF;
 +
  color: #34495e;
 +
}
 +
a:visited{
 +
  color: #34495e;
 +
}
 +
/*the nav settings
 +
----------------------------------------------- */
 +
ul.navbar-nav{margin: 0 -35px 25px 0;float: right;}
 +
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
 +
  color: #1abc9c;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav>li>a{
 +
  color: #1abc9c;
 +
}
 +
.navbar-inverse .navbar-nav>li>a:hover{
 +
  color: #1abc9c;
 +
  background-color:transparent;
 +
}
 +
.navbar-inverse .navbar-brand{
 +
          color: #1abc9c;
 +
          padding: 0;
 +
}
 +
.navbar-inverse .navbar-brand img{
 +
  height: 0px;
 +
}
 +
.navbar-inverse .navbar-brand p{
 +
  padding:12px 30px;
 +
  margin:10;
 +
}
 +
.navbar-inverse .navbar-brand:hover{
 +
  color: #1abc9c;
 +
}
 +
.navbar-inverse{
 +
  border-color: transparent;
 +
  background: #34495e;
 +
  font-weight: bold;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +
}
 +
.dropdown-menu{
 +
  background-color:#34495e;
 +
  border:none;
 +
  -webkit-box-shadow:none;
 +
  box-shadow: none;
 +
}
 +
.dropdown-menu>li>a{
 +
  color: #fff;
 +
  font-weight: bold;
 +
}
 +
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
 +
  color:#1abc9c;
 +
  background-color: transparent;
 +
}
 +
/*add dropdown-submenu to btV3*/
 +
.dropdown-submenu{position:relative;}
 +
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
 +
.dropdown-submenu:hover>.dropdown-menu{display:block;}
 +
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
 +
.dropdown-submenu:hover>a:after{border-left-color:#cccccc}
 +
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
 +
 +
/*the unslider css*/
 +
.banner {
 +
  position: relative;
 +
  width: 1000px;
 +
  height: 500px;
 +
  overflow: auto;
 +
  font-size: 18px;
 +
  line-height: 24px;
 +
  text-align: center;
 +
  color: #00a5ff;
 +
}
 +
  .banner ul {
 +
    list-style: none;
 +
    width: 100%;
 +
    margin: 0;
 +
  }
 +
  .banner ul li {
 +
    display: block;
 +
    float: left;
 +
    width: 100%;
 +
    min-height: 500px;
 +
 +
    -o-background-size: 100% 100%;
 +
    -ms-background-size: 100% 100%;
 +
    -moz-background-size: 100% 100%;
 +
    -webkit-background-size: 100% 100%;
 +
    background-size: 100% 100%;
 +
 +
    box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
 +
  }
 +
 +
  .banner .inner {
 +
    padding: 160px 0 110px;
 +
  }
 +
 +
  .banner h1, .banner h2 {
 +
    font-size: 40px;
 +
    line-height: 55px; 
 +
    border-bottom:#fff;
 +
    color: #fff;
 +
  }
 +
 +
  .banner .btn {
 +
    display: inline-block;
 +
    margin: 25px 0 0;
 +
    padding: 9px 22px 7px;
 +
    clear: both;
 +
    color: #34495e;
 +
    font-size: 12px;
 +
    font-weight: bold;
 +
    text-transform: uppercase;
 +
    text-decoration: none;
 +
    border: 2px solid rgba(255,255,255,.4);
 +
    border-radius: 5px;
 +
  }
 +
    .banner .btn:hover {
 +
      background: rgba(255,255,255,.05);
 +
    }
 +
    .banner .btn:active {
 +
      -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
    }
 +
 +
  .banner .btn, .banner .dot {
 +
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
  }
 +
 +
  .banner .dots {
 +
    position: absolute;
 +
    left: 0;
 +
    right: 0;
 +
    bottom: 20px;
 +
    margin: 0;
 +
  }
 +
    .banner .dots li {
 +
      display: inline-block;
 +
      width: 10px;
 +
      height: 10px;
 +
      margin: 0 4px;
 +
      text-indent: -999em;
 +
      border: 2px solid #fff;
 +
      border-radius: 6px;
 +
      cursor: pointer;
 +
      opacity: .4;
 +
      -webkit-transition: background .5s, opacity .5s;
 +
      -moz-transition: background .5s, opacity .5s;
 +
      transition: background .5s, opacity .5s;
 +
    }
 +
      .banner .dots li.active {
 +
        background: #fff;
 +
        opacity: 1;
 +
      }
 +
 +
  .banner .arrows {
 +
    position: absolute;
 +
    bottom: 20px;
 +
    right: 20px;
 +
    color: #fff;
 +
  }
 +
    .banner .arrow {
 +
      display: inline;
 +
      padding-left: 10px;
 +
      cursor: pointer;
 +
    }
 +
 +
/*features*/
 +
.features {
 +
  overflow: hidden;
 +
  padding: 20px 0;
 +
}
 +
  .features li {
 +
    position: relative;
 +
    padding: 0 25px 0 40px;
 +
    list-style: none;
 +
 +
    width: 25%;
 +
    float: left;
 +
  }
 +
    .features li:before {
 +
      content: '';
 +
      position: absolute;
 +
      left: 0;
 +
      top: 0;
 +
 +
      display: block;
 +
      width: 24px;
 +
      height: 22px;
 +
 +
      background: url('img/icons.png');
 +
    }
 +
      .features li.browser:before { background-position: 0 -44px; }
 +
      .features li.height:before { background-position: 0 -22px; }
 +
      .features li.responsive:before { background-position: 0 -66px; }
 +
  .features b {
 +
    display: block;
 +
    padding-bottom: 6px;
 +
  }
 +
.wrap {
 +
  margin: 0 auto;
 +
  max-width: 1170px;
 +
}
 +
/*footer*/
 +
footer{
 +
  margin-top: 100px;
 +
  background-color: #eceff1;
 +
  color: #bdc1c5;
 +
  font-size: 17px;
 +
  padding: 0;
 +
}
 +
.footer-banner{
 +
  background-color: #34495e;
 +
  color: #58F8D9;
 +
  margin-left: 42px;
 +
  min-height: 286px;
 +
  padding: 0 30px 30px;
 +
}
 +
.footer-banner ul{
 +
  list-style-type: none;
 +
}
 +
.footer-banner ul li{
 +
  border-bottom:1px solid rgba(57, 107, 97, 0.53);
 +
  line-height: 19px;
 +
  padding: 6px 0;
 +
}
 +
.footer-banner a{
 +
  color: #58F8D9;
 +
}
 +
.footer-banner a:hover{
 +
  text-decoration: none;
 +
}
 +
.footer-title{
 +
  margin: 0 0 22px;
 +
  padding-top: 21px;
 +
  color: #1abc9c;
 +
  font-weight: bold;
 +
}
 +
.footerleft a{
 +
  color: #bdc1c5;
 +
}
 +
.footerleft a:visited {
 +
  color: #bdc1c5;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div>
 +
<div class="container">
 +
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
  <div class="navbar-header">
 +
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 +
      <span class="sr-only">The navigation</span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
        </button>
 +
    <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
 +
      <img border="0" src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
 +
    </a>
 +
 +
      </button>
 +
   
 +
    <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
 +
      <img align="middle" border="0" src="https://static.igem.org/mediawiki/2013/6/6a/Uiuce_vivosynth_logo_sans_bg.png  ">
 +
    </a>
 +
   
 +
  </div>
 +
</div>
 +
 +
    <div class="collapse navbar-collapse navbar-ex1-collapse">
 +
      <ul class="nav navbar-nav pull-right">
 +
      <li><a href="https://2013.igem.org/Team:UIUC_Entrepreneurs"><font size="5"><b>Home</b></font></a></li>
 +
      <li><a href="https://2013.igem.org/Uiuce_bus_model"><font size="5"><b>Business Model</b></font></a></li>
 +
      <li><a href="https://2013.igem.org/Uiuce_modulab"><font size="5"><b>ModuLab</b></font></a></li>
 +
           
 +
            </li>
 +
               
 +
               
 +
          <ul class="dropdown-menu">
 +
                      <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">These</a></li>
 +
                      <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Subtabs</a></li>
 +
            <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Results">Here</a></li>
 +
            <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">?</a></li>
 +
            </ul>
 +
          </li>
 +
       
 +
          <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
 +
           
 +
                <ul class="dropdown-menu">
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Magnetic Analysis">Magnetic Analysis</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Model in RNA guardian">Model in RNA guardian</a></li>
 +
                </ul>
 +
            </li>
 +
         
 +
      <li class="dropdown">
 +
     
 +
              <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_why">Why?</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_what">What?</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_how">How?</a></li>
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT">Extra Tab</a></li>
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT*/">Or two...</a></li>
 +
        </ul>
 +
            </li>
 +
   
 +
      <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><font size="5"><b>About Us</b></font><b class="caret"></b></a>
 +
                <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
 +
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Igeme_team">Our Team</a></li>
 +
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_advisory_board">Advisory Board</a></li>
 +
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://igem.org/Main_Page">iGEM</a></li>
 +
           
 +
                </ul>
 +
            </li>
 +
    </ul>
 +
  </div>
 +
</div>
 +
</div> 
 +
 +
<!--the slidershow begin-->
 +
<div class="banner">
 +
      <ul>
 +
        <li style="background-image:url('https://static.igem.org/mediawiki/2013/1/18/Uiuce_vivosynth_logo_on_white.png');">
 +
          <div class="inner">
 +
         
 +
          </div>
 +
        </li>
 +
 +
        <li style="background-image: url('https://static.igem.org/mediawiki/2013/f/f8/Uiuce_kyle_graph.png');">
 +
          <div class="inner">
 +
            <h1>Be part of one of the fastest growing industries.</h1>
 +
       
 +
            <a class="btn" href="https://2013.igem.org/Uiuce_bus_model">Learn More</a>
 +
          </div>
 +
        </li>
 +
 +
  <li style="background-image: url('https://static.igem.org/mediawiki/2013/3/35/Uiuce_cart.png');">
 +
          <div class="inner" style="float:left;padding-left:30px;">
 +
            <h1>Plasmids, Meet Your Maker.</h1>
 +
            <p><br></p>
 +
            <a class="btn" href="https://2013.igem.org/Uiuce_modulab" style="color:#1abc9c;">Learn More</a>
 +
          </div>
 +
        </li>
 +
        <li style="background-image: url('https://static.igem.org/mediawiki/2013/d/de/Uiuce_Maggie_and_blake.jpg');">
 +
          <div class="inner">
 +
            <h1>Collaboration=Success</h1>
 +
            <p><br /></p>
 +
            <a class="btn" href="https://2013.igem.org/Igeme_team">Meet the Team</a>
 +
          </div>
 +
        </li>
 +
      </ul>
 +
  </div>
 +
  <!--the slidershow end-->
 +
  <div class="features">
 +
      <ul class="wrap">
 +
      <h3><b>It is our mission at Vivosynth technologies  to further the application of manufacturing assembly line principles to enable synthetic biology products to move out of the lab and into high volume production.</b></h3><hr>
 +
 +
<div id="buttons">
 +
        <li>
 +
         
 +
          <a class="btn btn-info" href="https://2013.igem.org/Uiuce_modulab">View Elevator Pitch</a>
 +
        </li>
 +
        <li>
 +
         
 +
          <a class="btn btn-info" href="https://2013.igem.org/Uiuce_modulab">Experience ModuLab</a>
 +
        </li>
 +
        <li>
 +
     
 +
          <a class="btn btn-info" href="https://2013.igem.org/Igeme_team">Meet the Team</a>
 +
 +
        </li>
 +
       
 +
      </ul>
 +
    </div>
 +
</div>
 +
 +
<!--footer-->
 +
<footer>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-1"></div>
 +
<div class="col-md-6 footerleft">
 +
  <h3 class="footer-title" style="color:#bdc1c5;">Attributions</h3>
 +
  <p>Thanks to:</p>
 +
  <p>OUC_China&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unslider&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jeff Bigg&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jacob Calvert&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bob Chen</p>
 +
  <p>Code licensed under Apache License v2.0</p>
 +
</div>
 +
<div class="col-md-4">
 +
  <div class="footer-banner">
 +
    <h3 class="footer-title">Contact US</h3>
 +
    <ul>
 +
      <li>E-mail:<a href="mailto:illinoisvivo@gmail.com"> illinoisvivo@gmail.com</a></li>
 +
     
 +
      </ul>
 +
  </div>
 +
</div>
 +
<div class="col-md-1"></div>
 +
</div>
 +
</div>
 +
</footer>
 +
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
 +
<script src="http://unslider.com/unslider.min.js"></script>
 +
<script>
 +
$(function() {
 +
    $('.banner').unslider();
 +
});
 +
</script>
 +
<script>
 +
      if(window.chrome) {
 +
        $('.banner li').css('background-size', '100% 100%');
 +
      }
 +
 +
      $('.banner').unslider({
 +
        speed: 1000,
 +
        delay: 40000,
 +
        keys: true,
 +
        fluid: true,
 +
        dots: true
 +
      });     
 +
    </script>
 +
</body>
 +
</html>

Latest revision as of 03:00, 29 October 2013

    It is our mission at Vivosynth technologies to further the application of manufacturing assembly line principles to enable synthetic biology products to move out of the lab and into high volume production.

Attributions

Thanks to:

OUC_China     Unslider     Jeff Bigg     Jacob Calvert     Bob Chen

Code licensed under Apache License v2.0

Contact US

Retrieved from "http://2013.igem.org/Team:UIUC_Entrepreneurs"