|
|
Line 1: |
Line 1: |
| {{SMTexas/heading}} | | {{SMTexas/heading}} |
- | <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
- | <html class="no-js" lang="en">
| + | <!-- |
- | <head>
| + | Design by TEMPLATED |
- | <script src="https://2013.igem.org/Team:Cornell/javascripts/mycodraw?action=raw&ctype=text/javascript"></script>
| + | http://templated.co |
- | <script type="text/javascript">
| + | Released for free under the Creative Commons Attribution License |
- | $(window).load(function() {
| + | |
- | $('li.pg-home').addClass('active');
| + | Name : Breadth |
- | });
| + | Description: A two-column, fixed-width design with dark color scheme. |
- | </script>
| + | Version : 1.0 |
- | <style type="text/css">
| + | Released : 20140331 |
- | img#igem-attr {
| + | |
- | transition: transform 0.5s;
| + | |
- | -moz-transition: -moz-transform 0.5s; /* Firefox 4 */
| + | |
- | -webkit-transition: -webkit-transform 0.5s; /* Safari and Chrome */
| + | |
- | -o-transition: -o-transform 0.5s; /* Opera */
| + | |
- | }
| + | |
| | | |
- | img#igem-attr:hover {
| |
- | transform: rotate(-15deg);
| |
- | -ms-transform: rotate(-15deg); /* IE 9 */
| |
- | -webkit-transform: rotate(-15deg); /* Safari and Chrome */
| |
- | -o-transform: rotate(-15deg); /* Opera */
| |
- | -moz-transform: rotate(-15deg); /* Firefox */
| |
- | }
| |
- | /*
| |
- | #footer-box {
| |
- | display:none;
| |
- | }
| |
- | */ </style>
| |
- | </head>
| |
- | <body>
| |
- | <!-- ORGANOFOAM
| |
- | <div class="row main-image" style="padding-bottom: 5px">
| |
- | <div class="twelve columns" style="overflow:hidden;height:292px;border-radius:50px">
| |
- | <img src="https://static.igem.org/mediawiki/2013/f/fe/CornellOrganofoam.png" style="margin-top:-121px">
| |
- | </div>
| |
- | </div>
| |
| --> | | --> |
- | <!-- Start of StatCounter Code -->
| + | <html xmlns="http://www.w3.org/1999/xhtml"> |
- | <script type="text/javascript">
| + | <head> |
- | var sc_project=9444214;
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
- | var sc_invisible=1;
| + | <title></title> |
- | var sc_security="1e4f4e43";
| + | <meta name="keywords" content="" /> |
- | var scJsHost = (("https:" == document.location.protocol) ? "https://secure." : "http://www.");
| + | <meta name="description" content="" /> |
- | document.write("<sc"+"ript type='text/javascript' src='" +
| + | <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" /> |
- | scJsHost + "statcounter.com/counter/counter.js'></"+"script>");
| + | <link href="default.css" rel="stylesheet" type="text/css" media="all" /> |
- | </script>
| + | <link href="fonts.css" rel="stylesheet" type="text/css" media="all" /> |
- | <noscript><div class="statcounter"><a title="web statistics" href="http://statcounter.com/"
| + | |
- | target="_blank"><img class="statcounter" src="http://c.statcounter.com/9444214/0/1e4f4e43/1/"
| + | <!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]--> |
- | alt="web statistics"></a></div></noscript>
| + | |
- | <!-- End of StatCounter Code -->
| + | </head> |
| + | <body> |
| + | <div id="header-wrapper"> |
| + | <div id="header" class="container"> |
| + | <div id="logo"> |
| + | <h1><a href="#">Breadth</a></h1> |
| + | </div> |
| + | <div id="menu"> |
| + | <ul> |
| + | <li class="current_page_item"><a href="#" accesskey="1" title="">Homepage</a></li> |
| + | <li><a href="#" accesskey="2" title="">Our Clients</a></li> |
| + | <li><a href="#" accesskey="3" title="">About Us</a></li> |
| + | <li><a href="#" accesskey="4" title="">Careers</a></li> |
| + | <li><a href="#" accesskey="5" title="">Contact Us</a></li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div id="header-featured"> </div> |
| + | |
| + | <div id="wrapper"> |
| + | <div id="featured-wrapper"> |
| + | <div id="featured" class="container"> |
| + | <div class="column1"> <span class="icon icon-cogs"></span> |
| + | <div class="title"> |
| + | <h2>Maecenas lectus sapien</h2> |
| + | </div> |
| + | <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p> |
| + | </div> |
| + | <div class="column2"> <span class="icon icon-legal"></span> |
| + | <div class="title"> |
| + | <h2>Praesent scelerisque</h2> |
| + | </div> |
| + | <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p> |
| + | </div> |
| + | <div class="column3"> <span class="icon icon-unlock"></span> |
| + | <div class="title"> |
| + | <h2>Fusce ultrices fringilla</h2> |
| + | </div> |
| + | <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p> |
| + | </div> |
| + | <div class="column4"> <span class="icon icon-wrench"></span> |
| + | <div class="title"> |
| + | <h2>Etiam posuere augue</h2> |
| + | </div> |
| + | <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div id="extra" class="container"> |
| + | <h2>Maecenas vitae orci vitae tellus feugiat eleifend</h2> |
| + | <span>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh</span> |
| + | <p>This is <strong>Breadth</strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p> |
| + | |
| + | <a href="#" class="button">Etiam posuere</a> </div> |
| + | </div> |
| | | |
- | <div class="row main-image">
| + | <div id="copyright" class="container"> |
- | <div class="twelve columns no-pad" style="margin-bottom:20px;">
| + | <p>© Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p> |
- | <div id="homepage-slideshow">
| + | </div> |
- | <img src="https://static.igem.org/mediawiki/2013/3/37/Styrofoamsmaller.jpg" />
| + | </body> |
- | <img src="https://static.igem.org/mediawiki/2013/f/ff/Ecovative_desing.jpg">
| + | |
- | <img src="https://static.igem.org/mediawiki/2013/a/ab/Mold_contaminantssmaller.jpg" />
| + | |
- | <img src="https://static.igem.org/mediawiki/2013/4/43/Standoffsmaller.jpg" />
| + | |
- | <img src="https://static.igem.org/mediawiki/2013/b/b7/Fungal_toolkitsmaller.jpg" />
| + | |
- | <img src="https://static.igem.org/mediawiki/2013/6/62/CornellNovelty.jpg" />
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | <div class="row">
| + | |
- | <div class="six columns homepage-section tl">
| + | |
- | <div class="row">
| + | |
- | <div class="five columns homepage-thumb">
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/project"><img src="https://static.igem.org/mediawiki/2013/8/8b/Cornell_IMG_5039.JPG"></a>
| + | |
- | </div>
| + | |
- | <div class="seven columns homepage-force">
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/project"><h3 style="margin:0px auto 0px;">Project</h3></a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | We have developed a toolkit to allow various industries to use fungi to develop sustainable technologies.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns controls" >
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/project" class="small button radius">More Info</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="six columns homepage-section tr">
| + | |
- | <div class="row">
| + | |
- | <div class="five columns homepage-thumb">
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/notebook"><img src="https://static.igem.org/mediawiki/igem.org/2/25/Cornell_IMG_5012.JPG"></a>
| + | |
- | </div>
| + | |
- | <div class="seven columns homepage-force">
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/notebook"><h3 style="margin:0px auto 0px;">Notebook</h3></a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | Notebook entries for all activities from Wetlab, Drylab, Human Practices, Wiki, and Presenters.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns controls" >
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/notebook" class="small button radius corner">More Info</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="six columns homepage-section bl">
| + | |
- | <div class="row">
| + | |
- | <div class="five columns homepage-thumb">
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/team"><img src="https://static.igem.org/mediawiki/2013/1/19/Team_cornell_2013.png" style="height:130px"></a>
| + | |
- | </div>
| + | |
- | <div class="seven columns homepage-force">
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/team"><h3 style="margin:0px auto 0px;">Team</h3></a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | Meet the brains and personalities behind this year's project.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns controls" >
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/team" class="small button radius corner">More Info</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="six columns homepage-section br">
| + | |
- | <div class="row">
| + | |
- | <div class="five columns homepage-thumb">
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/outreach"><img src="https://static.igem.org/mediawiki/2013/8/83/Cornell_Outreach.png"></a>
| + | |
- | </div>
| + | |
- | <div class="seven columns homepage-force">
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/outreach"><h3 style="margin:0px auto 0px;">Outreach</h3></a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns">
| + | |
- | Educating the community on iGEM's research and understanding the public opinion of synthetic biology.
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="twelve columns controls" >
| + | |
- | <a href="https://2013.igem.org/Team:Cornell/outreach" class="small button radius corner">More Info</a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </body>
| + | |
| </html> | | </html> |