Team:UIUC Entrepreneurs

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(135 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<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;
 +
}
-
<html>
+
/*add dropdown-submenu to btV3*/
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
.dropdown-submenu{position:relative;}
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
.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;}
-
This is a template page. READ THESE INSTRUCTIONS.
+
.dropdown-submenu:hover>.dropdown-menu{display:block;}
-
</div>
+
.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;}
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
.dropdown-submenu:hover>a:after{border-left-color:#cccccc}
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
.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>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
    <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>
-
{|align="justify"
+
<div id="buttons">
-
|You can write a background of your team here. Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
        <li>
-
|[[Image:UIUC_Entrepreneurs_logo.png|200px|right|frame]]
+
         
-
|-
+
          <a class="btn btn-info" href="https://2013.igem.org/Uiuce_modulab">View Elevator Pitch</a>
-
|
+
        </li>
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
        <li>
-
|[[Image:UIUC_Entrepreneurs_team.png|right|frame|Your team picture]]
+
         
-
|-
+
          <a class="btn btn-info" href="https://2013.igem.org/Uiuce_modulab">Experience ModuLab</a>
-
|
+
        </li>
-
|align="center"|[[Team:UIUC_Entrepreneurs | Team UIUC_Entrepreneurs]]
+
        <li>
-
|}
+
     
 +
          <a class="btn btn-info" href="https://2013.igem.org/Igeme_team">Meet the Team</a>
-
<!--- The Mission, Experiments --->
+
        </li>
 +
       
 +
      </ul>
 +
    </div>
 +
</div>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<!--footer-->
-
!align="center"|[[Team:UIUC_Entrepreneurs|Home]]
+
<footer>
-
!align="center"|[[Team:UIUC_Entrepreneurs/Team|Team]]
+
<div class="container">
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=UIUC_Entrepreneurs Official Team Profile]
+
<div class="row">
-
!align="center"|[[Team:UIUC_Entrepreneurs/Project|Project]]
+
<div class="col-md-1"></div>
-
!align="center"|[[Team:UIUC_Entrepreneurs/Parts|Parts Submitted to the Registry]]
+
<div class="col-md-6 footerleft">
-
!align="center"|[[Team:UIUC_Entrepreneurs/Modeling|Modeling]]
+
  <h3 class="footer-title" style="color:#bdc1c5;">Attributions</h3>
-
!align="center"|[[Team:UIUC_Entrepreneurs/Notebook|Notebook]]
+
  <p>Thanks to:</p>
-
!align="center"|[[Team:UIUC_Entrepreneurs/Safety|Safety]]
+
  <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>
-
!align="center"|[[Team:UIUC_Entrepreneurs/Attributions|Attributions]]
+
  <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"