Team:UIUC Entrepreneurs
From 2013.igem.org
(Difference between revisions)
Ashleysmoy (Talk | contribs) |
|||
(90 intermediate revisions not shown) | |||
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: | + | padding-top: 100; |
- | padding-bottom: | + | padding-bottom: 100; |
color: #34495e; | color: #34495e; | ||
} | } | ||
Line 31: | Line 37: | ||
} | } | ||
#top-section{ | #top-section{ | ||
- | height: | + | height:50px; |
border:none; | border:none; | ||
width:980px; | width:980px; | ||
Line 53: | Line 59: | ||
{ | { | ||
border:none; | border:none; | ||
- | height: | + | height: 100%; |
margin:0; | margin:0; | ||
padding:50; | padding:50; | ||
Line 66: | Line 72: | ||
/*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: # | + | 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: # | + | color: #1abc9c; |
padding: 0; | padding: 0; | ||
} | } | ||
.navbar-inverse .navbar-brand img{ | .navbar-inverse .navbar-brand img{ | ||
- | + | height: 0px; | |
} | } | ||
.navbar-inverse .navbar-brand p{ | .navbar-inverse .navbar-brand p{ | ||
Line 123: | Line 130: | ||
.banner { | .banner { | ||
position: relative; | position: relative; | ||
- | width: | + | width: 1000px; |
+ | height: 500px; | ||
overflow: auto; | overflow: auto; | ||
font-size: 18px; | font-size: 18px; | ||
Line 129: | Line 137: | ||
text-align: center; | text-align: center; | ||
color: #00a5ff; | color: #00a5ff; | ||
- | |||
- | |||
} | } | ||
.banner ul { | .banner ul { | ||
Line 141: | Line 147: | ||
float: left; | float: left; | ||
width: 100%; | width: 100%; | ||
- | min-height: | + | min-height: 500px; |
-o-background-size: 100% 100%; | -o-background-size: 100% 100%; | ||
Line 153: | Line 159: | ||
.banner .inner { | .banner .inner { | ||
- | |||
- | |||
padding: 160px 0 110px; | padding: 160px 0 110px; | ||
} | } | ||
Line 160: | Line 164: | ||
.banner h1, .banner h2 { | .banner h1, .banner h2 { | ||
font-size: 40px; | font-size: 40px; | ||
- | line-height: | + | line-height: 55px; |
border-bottom:#fff; | border-bottom:#fff; | ||
color: #fff; | color: #fff; | ||
Line 170: | Line 174: | ||
padding: 9px 22px 7px; | padding: 9px 22px 7px; | ||
clear: both; | clear: both; | ||
- | + | color: #34495e; | |
- | color: # | + | |
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 211: | 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 244: | Line 242: | ||
.features { | .features { | ||
overflow: hidden; | overflow: hidden; | ||
- | padding: | + | padding: 20px 0; |
} | } | ||
.features li { | .features li { | ||
Line 338: | Line 336: | ||
<a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs"> | <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs"> | ||
- | <img align="middle" border="0" src="https://static.igem.org/mediawiki/2013/ | + | <img align="middle" border="0" src="https://static.igem.org/mediawiki/2013/6/6a/Uiuce_vivosynth_logo_sans_bg.png "> |
</a> | </a> | ||
- | |||
</div> | </div> | ||
Line 347: | Line 344: | ||
<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: | + | <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> | </li> | ||
Line 372: | Line 358: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | + | ||
- | + | <li class="dropdown" role="menu" aria-labelledby="dropdownMenu"> | |
- | + | ||
- | + | ||
- | + | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
Line 385: | Line 368: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
- | + | ||
<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/Uiuce_why">Why?</a></li> | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_why">Why?</a></li> | ||
Line 396: | Line 379: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
- | <a class="dropdown-toggle" data-toggle="dropdown" href="#">About Us<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/Igeme_team">Our Team</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/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> | ||
Line 407: | Line 390: | ||
</div> | </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/ | + | <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"> | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</li> | </li> | ||
- | <li style="background-image: url('https://static.igem.org/mediawiki/2013/ | + | <li style="background-image: url('https://static.igem.org/mediawiki/2013/f/f8/Uiuce_kyle_graph.png');"> |
<div class="inner"> | <div class="inner"> | ||
- | <h1> | + | <h1>Be part of one of the fastest growing industries.</h1> |
- | + | ||
- | <a class="btn" href="https://2013.igem.org/ | + | <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/ | + | <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> | + | <h1>Plasmids, Meet Your Maker.</h1> |
<p><br></p> | <p><br></p> | ||
- | <a class="btn" href="https:// | + | <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/ | + | <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> | + | <h1>Collaboration=Success</h1> |
<p><br /></p> | <p><br /></p> | ||
- | <a class="btn" href="https://2013.igem.org/ | + | <a class="btn" href="https://2013.igem.org/Igeme_team">Meet the Team</a> |
</div> | </div> | ||
</li> | </li> | ||
Line 446: | Line 428: | ||
<div class="features"> | <div class="features"> | ||
<ul class="wrap"> | <ul class="wrap"> | ||
- | <h3><b>It is our mission at Vivosynth technologies to further the application of manufacturing assembly line principles to | + | <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> | ||
- | + | ||
- | + | <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/ | + | |
</li> | </li> | ||
<li> | <li> | ||
- | + | ||
- | + | <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/ | + | |
</li> | </li> | ||
<li> | <li> | ||
- | + | ||
- | + | <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/ | + | |
</li> | </li> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
+ | |||
<!--footer--> | <!--footer--> | ||
<footer> | <footer> | ||
Line 481: | 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;"> | + | <h3 class="footer-title" style="color:#bdc1c5;">Attributions</h3> |
<p>Thanks to:</p> | <p>Thanks to:</p> | ||
- | <p> | + | <p>OUC_China Unslider Jeff Bigg Jacob Calvert Bob Chen</p> |
<p>Code licensed under Apache License v2.0</p> | <p>Code licensed under Apache License v2.0</p> | ||
</div> | </div> | ||
Line 512: | Line 486: | ||
$('.banner').unslider({ | $('.banner').unslider({ | ||
- | speed: | + | speed: 1000, |
delay: 40000, | delay: 40000, | ||
keys: true, | keys: true, |
Latest revision as of 03:00, 29 October 2013