Team:UIUC Entrepreneurs

From 2013.igem.org

(Difference between revisions)
 
(129 intermediate revisions not shown)
Line 9: Line 9:
/*the igem Global setting*/
/*the igem Global setting*/
* {
* {
-
   margin: 0;
+
   margin: 5;
   padding: 0;
   padding: 0;
   -webkit-font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
Line 17: Line 17:
}
}
body{
body{
 +
  width: 1000px;
 +
  margin: 0 auto;
   color: #34495e;
   color: #34495e;
 +
}
 +
#buttons{
 +
margin:auto;
 +
padding-left:250px;
}
}
#bodyContent h1, #bodyContent h2{
#bodyContent h1, #bodyContent h2{
Line 23: Line 29:
}
}
h1, h2, h3, h4, h5, h6{
h1, h2, h3, h4, h5, h6{
-
   padding-top: 0;
+
   padding-top: 100;
-
   padding-bottom: 0;
+
   padding-bottom: 100;
   color: #34495e;
   color: #34495e;
}
}
Line 31: Line 37:
}
}
#top-section{
#top-section{
-
   height:0px;
+
   height:50px;
     border:none;
     border:none;
     width:980px;
     width:980px;
Line 55: Line 61:
   height: 100%;
   height: 100%;
   margin:0;
   margin:0;
-
   padding:0;
+
   padding:50;
-
   width:100%;
+
   width: 100%;
   position: absolute;
   position: absolute;
   background-color: #FFFFFF;
   background-color: #FFFFFF;
Line 62: Line 68:
}
}
a:visited{
a:visited{
-
   color: #fff;
+
   color: #34495e;
}
}
/*the nav settings
/*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{
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
   color: #1abc9c;
   color: #1abc9c;
Line 71: Line 78:
}
}
.navbar-inverse .navbar-nav>li>a{
.navbar-inverse .navbar-nav>li>a{
-
   color: #fff;
+
   color: #1abc9c;
}
}
.navbar-inverse .navbar-nav>li>a:hover{
.navbar-inverse .navbar-nav>li>a:hover{
Line 78: Line 85:
}
}
.navbar-inverse .navbar-brand{
.navbar-inverse .navbar-brand{
-
           color: #fff;
+
           color: #1abc9c;
           padding: 0;
           padding: 0;
}
}
.navbar-inverse .navbar-brand img{
.navbar-inverse .navbar-brand img{
-
  height: 50px;
+
  height: 0px;
-
  padding-left: 90px;
+
}
}
.navbar-inverse .navbar-brand p{
.navbar-inverse .navbar-brand p{
   padding:12px 30px;
   padding:12px 30px;
-
   margin:0;
+
   margin:10;
}
}
.navbar-inverse .navbar-brand:hover{
.navbar-inverse .navbar-brand:hover{
Line 118: Line 124:
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.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>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:#ffffff;}
+
.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;}
.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;}
Line 124: Line 130:
.banner {
.banner {
   position: relative;
   position: relative;
-
   width: 100%;
+
   width: 1000px;
 +
  height: 500px;
   overflow: auto;
   overflow: auto;
   font-size: 18px;
   font-size: 18px;
   line-height: 24px;
   line-height: 24px;
   text-align: center;
   text-align: center;
-
   color: #fff;
+
   color: #00a5ff;
-
  background: ;
+
-
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
+
}
}
   .banner ul {
   .banner ul {
     list-style: none;
     list-style: none;
-
     width: 300%;
+
     width: 100%;
     margin: 0;
     margin: 0;
   }
   }
Line 141: Line 146:
     display: block;
     display: block;
     float: left;
     float: left;
-
     width: 33%;
+
     width: 100%;
-
     min-height: 350px;
+
     min-height: 500px;
     -o-background-size: 100% 100%;
     -o-background-size: 100% 100%;
Line 154: Line 159:
   .banner .inner {
   .banner .inner {
-
 
-
 
     padding: 160px 0 110px;
     padding: 160px 0 110px;
   }
   }
Line 161: Line 164:
   .banner h1, .banner h2 {
   .banner h1, .banner h2 {
     font-size: 40px;
     font-size: 40px;
-
     line-height: 52px;
+
     line-height: 55px;
     border-bottom:#fff;
     border-bottom:#fff;
     color: #fff;
     color: #fff;
Line 171: Line 174:
     padding: 9px 22px 7px;
     padding: 9px 22px 7px;
     clear: both;
     clear: both;
-
 
+
     color: #34495e;
-
     color: #fff;
+
     font-size: 12px;
     font-size: 12px;
     font-weight: bold;
     font-weight: bold;
     text-transform: uppercase;
     text-transform: uppercase;
     text-decoration: none;
     text-decoration: none;
-
 
     border: 2px solid rgba(255,255,255,.4);
     border: 2px solid rgba(255,255,255,.4);
     border-radius: 5px;
     border-radius: 5px;
Line 212: Line 213:
       height: 10px;
       height: 10px;
       margin: 0 4px;
       margin: 0 4px;
-
 
       text-indent: -999em;
       text-indent: -999em;
-
 
       border: 2px solid #fff;
       border: 2px solid #fff;
       border-radius: 6px;
       border-radius: 6px;
-
 
       cursor: pointer;
       cursor: pointer;
       opacity: .4;
       opacity: .4;
-
 
       -webkit-transition: background .5s, opacity .5s;
       -webkit-transition: background .5s, opacity .5s;
       -moz-transition: background .5s, opacity .5s;
       -moz-transition: background .5s, opacity .5s;
Line 245: Line 242:
.features {
.features {
   overflow: hidden;
   overflow: hidden;
-
   padding: 50px 0;
+
   padding: 20px 0;
}
}
   .features li {
   .features li {
Line 322: Line 319:
</head>
</head>
<body>
<body>
 +
<div>
 +
<div class="container">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
   <div class="navbar-header">
   <div class="navbar-header">
Line 331: Line 330:
         </button>
         </button>
     <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
     <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
-
       <img src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
+
       <img border="0" src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
     </a>
     </a>
-
     <a class="navbar-brand" href="https://2013.igem.org/Team:OUC-China">
+
 
-
       <p>Illinois iGEM 2013</p>
+
      </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>
     </a>
 +
   
   </div>
   </div>
 +
</div>
 +
     <div class="collapse navbar-collapse navbar-ex1-collapse">
     <div class="collapse navbar-collapse navbar-ex1-collapse">
       <ul class="nav navbar-nav pull-right">
       <ul class="nav navbar-nav pull-right">
-
       <li><a href="https://2013.igem.org/Team:OUC-China">Home</a></li>
+
       <li><a href="https://2013.igem.org/Team:UIUC_Entrepreneurs"><font size="5"><b>Home</b></font></a></li>
-
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
+
      <li><a href="https://2013.igem.org/Uiuce_bus_model"><font size="5"><b>Business Model</b></font></a></li>
-
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tab<b class="caret"></b></a>
+
      <li><a href="https://2013.igem.org/Uiuce_modulab"><font size="5"><b>ModuLab</b></font></a></li>
-
              <ul class="dropdown-menu">
+
           
-
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Overview">Overview</a></li>
+
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Achievement">Achievement & judge criteria</a></li>
+
-
                    <li class="dropdown-submenu">
+
-
                      <a tabindex="-1" href="#">Intracellular compartment</a>
+
-
                <ul class="dropdown-menu">
+
-
                        <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">Review</a></li>
+
-
                        <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Design</a></li>
+
-
              <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Microfluidics</a></li>
+
-
              <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Results</a></li>
+
-
                </ul>
+
             </li>
             </li>
-
                  <li class="dropdown-submenu">
+
               
-
                  <a tabindex="-1" href="#">RNA guardian</a>
+
               
           <ul class="dropdown-menu">
           <ul class="dropdown-menu">
-
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">Introduction</a></li>
+
                       <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">Design</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">Result</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">Reference</a></li>
+
             <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">?</a></li>
             </ul>
             </ul>
           </li>
           </li>
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Part description">Part description</a></li>
+
       
-
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Future work">Future work</a></li>
+
           <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
-
                </ul>
+
           
-
            </li>
+
-
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
+
-
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Tab Title<b class="caret"></b></a>
+
                 <ul class="dropdown-menu">
                 <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/Magnetic Analysis">Magnetic Analysis</a></li>
Line 374: Line 366:
                 </ul>
                 </ul>
             </li>
             </li>
-
            <li><a  href="https://2013.igem.org/Team:OUC-China/Human Practice">Title here</a></li>
+
         
       <li class="dropdown">
       <li class="dropdown">
-
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Title<b class="caret"></b></a>
+
     
               <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
               <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Members">Members</a></li>
+
                   <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/Team:OUC-China/Instructors">Instructors</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/Team:OUC-China/Advisor">Advisor</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="https://2013.igem.org/Team:OUC-China/Lab">Lab</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="https://2013.igem.org/Team:OUC-China/Acknowledgement">Acknowledgement</a></li>
+
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT*/">Or two...</a></li>
         </ul>
         </ul>
             </li>
             </li>
-
      <li class="dropdown"><a  href="https://2013.igem.org/Team:OUC-China/Safety">Title</a></li>
+
   
       <li class="dropdown">
       <li class="dropdown">
-
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">Safety<b class="caret"></b></a>
+
                 <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">
                 <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab note">Lab note</a></li>
+
                          <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/Team:OUC-China/Protocol">Protocol</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>
                 </ul>
             </li>
             </li>
     </ul>
     </ul>
   </div>
   </div>
-
</div>    
+
</div>  
 +
</div> 
 +
<!--the slidershow begin-->
<!--the slidershow begin-->
<div class="banner">
<div class="banner">
       <ul>
       <ul>
-
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
+
         <li style="background-image:url('https://static.igem.org/mediawiki/2013/1/18/Uiuce_vivosynth_logo_on_white.png');">
           <div class="inner">
           <div class="inner">
-
            <h1>Do you like slideshows?</h1>
+
         
-
            <p>I like slideshows...</p>
+
-
            <a class="btn" href="https://2013.igem.org/Team:OUC-China/Results">How do we like the text here? I don't like it, but look at all the options</a>
+
           </div>
           </div>
         </li>
         </li>
-
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
+
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/f/f8/Uiuce_kyle_graph.png');">
           <div class="inner">
           <div class="inner">
-
             <h1>More text...</h1>
+
             <h1>Be part of one of the fastest growing industries.</h1>
-
            <p>yay letters...words...</p>
+
       
-
             <a class="btn" href="https://2013.igem.org/Team:OUC-China/Design">learn more</a>
+
             <a class="btn" href="https://2013.igem.org/Uiuce_bus_model">Learn More</a>
           </div>
           </div>
         </li>
         </li>
-
   <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
+
   <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;">
           <div class="inner" style="float:left;padding-left:30px;">
-
             <h1>OH GOD</h1>
+
             <h1>Plasmids, Meet Your Maker.</h1>
             <p><br></p>
             <p><br></p>
-
             <a class="btn" href="https://2013.igem.org/Team:OUC-China/Microfluidics" style="color:#1abc9c;">THE PICTURES ARE CHANGING SO QUICKLY</a>
+
             <a class="btn" href="https://2013.igem.org/Uiuce_modulab" style="color:#1abc9c;">Learn More</a>
           </div>
           </div>
         </li>
         </li>
-
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
+
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/d/de/Uiuce_Maggie_and_blake.jpg');">
           <div class="inner">
           <div class="inner">
-
             <h1>yeah this amount of txt is unnecessary</h1>
+
             <h1>Collaboration=Success</h1>
             <p><br /></p>
             <p><br /></p>
-
             <a class="btn" href="https://2013.igem.org/Team:OUC-China/RNA_guardian/Design">This is a button</a>
+
             <a class="btn" href="https://2013.igem.org/Igeme_team">Meet the Team</a>
           </div>
           </div>
         </li>
         </li>
Line 434: Line 428:
   <div class="features">
   <div class="features">
       <ul class="wrap">
       <ul class="wrap">
-
       <h3><b>I don't know how you guys feel about these panels here</b></h3><hr>
+
       <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>
         <li>
-
           <b><span class="glyphicon glyphicon-ok-sign"></span> Heading here</b>
+
            
-
          <p>Text Here</p>
+
           <a class="btn btn-info" href="https://2013.igem.org/Uiuce_modulab">View Elevator Pitch</a>
-
           <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Results">Learn more</a>
+
         </li>
         </li>
         <li>
         <li>
-
           <b><span class="glyphicon glyphicon-ok-sign"></span> Heading here</b>
+
            
-
          <p>Text Here</p>
+
           <a class="btn btn-info" href="https://2013.igem.org/Uiuce_modulab">Experience ModuLab</a>
-
           <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Instruction">Learn more</a>
+
         </li>
         </li>
         <li>
         <li>
-
          <b><span class="glyphicon glyphicon-ok-sign"></span> Heading here</b>
+
     
-
          <p>Not a fan of all this code...</p>
+
           <a class="btn btn-info" href="https://2013.igem.org/Igeme_team">Meet the Team</a>
-
           <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Learn more</a>
+
         </li>
         </li>
-
         <li>
+
          
-
          <b><span class="glyphicon glyphicon-ok-sign"></span> Yay more headings</b>
+
-
          <p>But if we use it it's fine since it's already up here...</p>
+
-
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Design">Learn more</a>
+
-
        </li>
+
       </ul>
       </ul>
     </div>
     </div>
-
<div class="container">
 
-
        <h3><b>Mission Statement</b></h3><hr>
 
-
        <p>Text here</p>
 
-
        <p style="text-align:center"><a class="btn btn-large btn-info" href="https://2013.igem.org/Team:OUC-China/Overview">Learn more</a></p>
 
</div>
</div>
 +
<!--footer-->
<!--footer-->
<footer>
<footer>
Line 469: Line 455:
<div class="col-md-1"></div>
<div class="col-md-1"></div>
<div class="col-md-6 footerleft">
<div class="col-md-6 footerleft">
-
   <h3 class="footer-title" style="color:#bdc1c5;">About</h3>
+
   <h3 class="footer-title" style="color:#bdc1c5;">Attributions</h3>
   <p>Thanks to:</p>
   <p>Thanks to:</p>
-
   <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bootstrap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Flat-ui&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;OUC_China&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unslider</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>
   <p>Code licensed under Apache License v2.0</p>
</div>
</div>
Line 479: Line 465:
     <ul>
     <ul>
       <li>E-mail:<a href="mailto:illinoisvivo@gmail.com"> illinoisvivo@gmail.com</a></li>
       <li>E-mail:<a href="mailto:illinoisvivo@gmail.com"> illinoisvivo@gmail.com</a></li>
-
       <li><a href="http://oucast.com"> Official website</a></li>
+
        
       </ul>
       </ul>
   </div>
   </div>
Line 500: Line 486:
       $('.banner').unslider({
       $('.banner').unslider({
-
         speed: 500,  
+
         speed: 1000,  
         delay: 40000,
         delay: 40000,
         keys: true,  
         keys: true,  

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.


Thanks to:

OUC_China     Unslider     Jeff Bigg     Jacob Calvert     Bob Chen

Code licensed under Apache License v2.0