"
Team:UIUC Entrepreneurs
From 2013.igem.org
(Difference between revisions)
Ashleysmoy (Talk | contribs) |
|||
| (133 intermediate revisions not shown) | |||
| Line 9: | Line 9: | ||
/*the igem Global setting*/ | /*the igem Global setting*/ | ||
* { | * { | ||
| - | margin: | + | 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: | + | 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 55: | Line 61: | ||
height: 100%; | height: 100%; | ||
margin:0; | margin:0; | ||
| - | padding: | + | 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: # | + | 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: # | + | 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{ | ||
padding:12px 30px; | padding:12px 30px; | ||
| - | margin: | + | 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:# | + | .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: | + | 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: # | + | color: #00a5ff; |
| - | + | ||
| - | + | ||
} | } | ||
.banner ul { | .banner ul { | ||
list-style: none; | list-style: none; | ||
| - | width: | + | width: 100%; |
margin: 0; | margin: 0; | ||
} | } | ||
| Line 141: | Line 146: | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
| - | width: | + | width: 100%; |
| - | min-height: | + | 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: | + | 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: # | + | |
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: | + | 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: | + | |
| - | < | + | </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: | + | <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> | ||
| - | + | ||
| - | + | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| - | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction"> | + | <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"> | + | <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"> | + | <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"> | + | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">?</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| - | + | ||
| - | + | <li class="dropdown" role="menu" aria-labelledby="dropdownMenu"> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
<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 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/ | + | <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/ | + | <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/ | + | <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=" | + | <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=" | + | <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"> | <li class="dropdown"> | ||
| - | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> | + | <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/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/ | + | <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://2013.igem.org/ | + | <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 434: | Line 428: | ||
<div class="features"> | <div class="features"> | ||
<ul class="wrap"> | <ul class="wrap"> | ||
| - | <h3><b> | + | <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 470: | 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> | |
| - | + | ||
</div> | </div> | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
| Line 481: | 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> | ||
| - | |||
| - | |||
| - | |||
| - | + | </ul> | |
</div> | </div> | ||
</div> | </div> | ||
| Line 505: | 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
