|
|
| Line 2: |
Line 2: |
| | | | |
| | <head> | | <head> |
| - |
| |
| - | <style type="text/css">
| |
| - | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
| |
| - |
| |
| - | #top-section {
| |
| - |
| |
| - | border: 0 none;
| |
| - | height: 14px;
| |
| - | z-index: 100;
| |
| - | top: 0;
| |
| - | position: fixed;
| |
| - | width: 975px;
| |
| - | left: 50%;
| |
| - | margin-left: -487px;
| |
| - | }
| |
| - |
| |
| - | #globalWrapper, #content {
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | border: 0px;
| |
| - | background-color: transparent;
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | }
| |
| - |
| |
| - | html, body, .wrapper {
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | background-color: transparent;
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | .title {
| |
| - | font-family: 'Lato', sans-serif;
| |
| - | font-size: 2.5em;
| |
| - | letter-spacing: 2px;
| |
| - | color: white;
| |
| - | font-weight: 250;
| |
| - | margin-top: 0.25em;
| |
| - | margin-bottom: 0.25em;
| |
| - | margin-left:1em;
| |
| - | margin-right:1em;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .subtitle {
| |
| - | font-family: 'Lato', sans-serif;
| |
| - | font-size: 1.4em;
| |
| - | letter-spacing: 0.5px;
| |
| - | color: white;
| |
| - | font-weight: 400;
| |
| - | margin-top: 0.25em;
| |
| - | margin-bottom: 0.25em;
| |
| - | margin-left:1em;
| |
| - | margin-right:1em;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | #firstSection {
| |
| - | /* background-color: #DCEDDE; */
| |
| - | /* background-color: #B5888A; */
| |
| - | /* background-color: #FFFFFF; */
| |
| - | /* background-color:#fff;*/
| |
| - | position:fixed;
| |
| - | width:1050px;
| |
| - | height:40px;
| |
| - | margin-top:5px;
| |
| - | margin-left:150px;
| |
| - | border:1px solid #000;
| |
| - | border-width:1px 0 1px 0;
| |
| - | }
| |
| - |
| |
| - | #secondSection{
| |
| - | /* background-color: #DCEDDE; */
| |
| - | /* background-color: #B5888A; */
| |
| - | /* background-color: #FFFFFF; */
| |
| - | width:1050px;
| |
| - | height:40px;
| |
| - | margin-top:5px;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | }
| |
| - | #thirdSection{
| |
| - | /* background-color: #E1FCEF; */
| |
| - | background-color: #C4B7A2;
| |
| - | /* background-color: #FFFFFF; */
| |
| - | width:1050px;
| |
| - | height:80em;
| |
| - | margin-top:5px;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | }
| |
| - | #fourthSection{
| |
| - | background-color: #DCEDDE;
| |
| - | width:1050px;
| |
| - | height:20em;
| |
| - | margin-top:5px;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | }
| |
| - | #fifthSection{
| |
| - | /* background-color: #F7F4E0; */
| |
| - | background-color: #BAD0AA;
| |
| - | /* background-color: #FFFFFF; */
| |
| - | /* MARGIN-RIGHT: auto; */
| |
| - | width:1050px;
| |
| - | height:60em;
| |
| - | margin-top:5px;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | }
| |
| - | #sixthSection{
| |
| - | /* 1: background-color: #E3F4E5; */
| |
| - | background-color: #80B8A3;
| |
| - | /* background-color: #FFFFFF; */
| |
| - | MARGIN-Right: 12em;
| |
| - | width:43.5em;
| |
| - | float:right;
| |
| - | }
| |
| - | #seventhSection{
| |
| - | /* 1: background-color: #EDF7D3; */
| |
| - | /* 2: background-color: #73A09A; */
| |
| - | background-color: #000;
| |
| - | MARGIN-LEFT: 11.9em;
| |
| - | width:0em;
| |
| - | }
| |
| - | #eighthSection{
| |
| - | /* 1: background-color: #EDF7D3; */
| |
| - | /* background-color: #73A09A; */
| |
| - | background-color: #FFFFFF;
| |
| - | MARGIN-LEFT: 11.9em;
| |
| - | width:87.5em;
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | a{TEXT-DECORATION:none}
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | <meta charset="utf-8"> | | <meta charset="utf-8"> |
| Line 241: |
Line 88: |
| | </div><!-- #camera_wrap_3 --> | | </div><!-- #camera_wrap_3 --> |
| | </div> | | </div> |
| - | <div id="templatemo_main_menu" class="container_wapper hidden-sm hidden-xs">
| |
| - | <div class="container">
| |
| - | <div class="row">
| |
| - | <div class="col-xs-12">
| |
| - | <ul class="nav nav-justified">
| |
| - | <li><a href="#templatemo_banner_logo">Welcome</a></li>
| |
| - | <li><a href="#templatemo_upcomming_event">Design</a></li>
| |
| - | <li><a href="#templatemo_pricing">Project</a></li>
| |
| - | <li><a href="#templatemo_resulting">Results</a></li>
| |
| - | <li><a href="#templatemo_blog">Team</a></li>
| |
| - | <li><a href="#templatemo_contact">Attributions</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
| |
| - | <div id="templatemo_upcomming_event" class="container_wapper">
| |
| - | <div class="container">
| |
| - | <div class="row">
| |
| - | <div class="col-xs-12 section_header">
| |
| - | <h1>Design</h1>
| |
| - | </div>
| |
| - | <div class="col-md-6 col-md-offset-3 col-md-offset-3">
| |
| - | <p>Blow is the product design timeline by Mr Madden</p>
| |
| - | <p><a href="https://2014.igem.org/Team:Sheffield/modelling">Timeline</a></p>
| |
| - | </div>
| |
| - | <div class="clearfix"></div>
| |
| - | <div class="col-sm-6 col-md-3">
| |
| - | <div class="event_box event_animate_left">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/8/8e/Ben.png" alt="Event 1" class="img-responsive" />
| |
| - | <ul>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-calendar"></span>Wednesday<br />
| |
| - | <span class="glyphicon"> </span>3<sup>rd</sup> September 2014<br />
| |
| - | </li>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-time"></span>Time<br />
| |
| - | <span class="glyphicon"> </span>9:00 AM to 5:00 PM<br />
| |
| - | </li>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-map-marker"></span>Idea Space<br />
| |
| | | | |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="col-sm-6 col-md-3">
| |
| - | <div class="event_box event_animate_left">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/8/8e/Ben.png" alt="Event 2" class="img-responsive" />
| |
| - | <ul>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-calendar"></span>Thursday<br />
| |
| - | <span class="glyphicon"> </span>7<sup>th</sup> August 2014<br />
| |
| - | </li>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-time"></span>Time<br />
| |
| - | <span class="glyphicon"> </span>6:30 PM to 9:30 PM<br />
| |
| - | </li>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-map-marker"></span>Student Union<br />
| |
| - |
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="col-sm-6 col-md-3">
| |
| - | <div class="event_box event_animate_right">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/8/8e/Ben.png" alt="Event 3" class="img-responsive" />
| |
| - | <ul>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-calendar"></span>Sunday<br />
| |
| - | <span class="glyphicon"> </span>5<sup>th</sup> July 2014<br />
| |
| - | </li>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-time"></span>Time<br />
| |
| - | <span class="glyphicon"> </span>10:00 AM ~ 5:00 PM<br />
| |
| - | </li>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-map-marker"></span>Mappin<br />
| |
| - |
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="col-sm-6 col-md-3">
| |
| - | <div class="event_box event_animate_right">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/8/8e/Ben.png" alt="Event 4" class="img-responsive" />
| |
| - | <ul>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-calendar"></span>Saturday<br />
| |
| - | <span class="glyphicon"> </span>2<sup>nd</sup> June 2014<br />
| |
| - | </li>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-time"></span>Time<br />
| |
| - | <span class="glyphicon"> </span>11:00 AM to 3:00 PM<br />
| |
| - | </li>
| |
| - | <li>
| |
| - | <span class="glyphicon glyphicon-map-marker"></span>Home<br />
| |
| - |
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="templatemo_clear">
| |
| - | <div class="col-xs-6 event_animate_left" id="prev_event_btn">
| |
| - | <p>
| |
| - | <a href="#"><span class="glyphicon glyphicon-chevron-left"></span></a>
| |
| - | </p>
| |
| - | </div>
| |
| - | <div class="col-xs-6 event_animate_right" id="next_event_btn">
| |
| - | <p>
| |
| - | <a href="#"><span class="glyphicon glyphicon-chevron-right"></span></a>
| |
| - | </p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <div id="templatemo_pricing" class="container_wapper">
| |
| - | <div class="container">
| |
| - | <div class="row">
| |
| - | <div class="col-xs-12 section_header">
| |
| - | <h1>Project</h1>
| |
| - | </div>
| |
| - | <div class="clearfix"></div>
| |
| - | <div class="col-md-4 pricing_icon_wapper">
| |
| - | <p class="cycle_icon"><span class="glyphicon glyphicon-heart"></span></p>
| |
| - | <div class="clearfix"></div>
| |
| - | <h1>Wet Lab</h1>
| |
| - | <p>bla bla bla</p>
| |
| - | </div>
| |
| - | <div class="col-md-4 pricing_icon_wapper">
| |
| - | <p class="cycle_icon"><span class="glyphicon glyphicon-phone"></span></p>
| |
| - | <div class="clearfix"></div>
| |
| - | <h1>Human practices</h1>
| |
| - | <p>bla bla bla</p>
| |
| - | </div>
| |
| - | <div class="col-md-4 pricing_icon_wapper">
| |
| - | <p class="cycle_icon"><span class="glyphicon glyphicon-pencil"></span></p>
| |
| - | <div class="clearfix"></div>
| |
| - | <h1>Wiki</h1>
| |
| - | <p>bla bla bla</p>
| |
| - | </div>
| |
| - | <div class="clearfix"></div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div id="templatemo_resulting" class="container_wapper">
| |
| - | <div class="container">
| |
| - | <div class="row">
| |
| - | <div class="col-xs-12 section_header">
| |
| - | <h1>Result</h1>
| |
| - | </div>
| |
| - | <div class="clearfix"></div>
| |
| - | <div class="col-md-4">
| |
| - | <div class="result_table_box">
| |
| - | <h1>Wet Lab</h1>
| |
| - | <ul>
| |
| - | <li><span class="glyphicon glyphicon-pencil"></span> bla bla bla </li>
| |
| - | <li><span class="glyphicon glyphicon-download-alt"></span> bla bla bla </li>
| |
| - | <li><span class="glyphicon glyphicon-folder-close"></span> bla bla bla </li>
| |
| - | </ul>
| |
| - | <div><p><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> Page </a></p></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="col-md-4">
| |
| - | <div class="result_table_box">
| |
| - | <h1>Human Practices</h1>
| |
| - | <ul>
| |
| - | <li><span class="glyphicon glyphicon-pencil"></span> bla bla bla </li>
| |
| - | <li><span class="glyphicon glyphicon-download-alt"></span> bla bla bla </li>
| |
| - | <li><span class="glyphicon glyphicon-folder-close"></span> bla bla bla </li>
| |
| - | </ul>
| |
| - | <div><p><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> Page </a></p></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="col-md-4">
| |
| - | <div class="result_table_box">
| |
| - | <h1>Wiki</h1>
| |
| - | <ul>
| |
| - | <li><span class="glyphicon glyphicon-pencil"></span> bla bla bla </li>
| |
| - | <li><span class="glyphicon glyphicon-download-alt"></span> bla bla bla </li>
| |
| - | <li><span class="glyphicon glyphicon-folder-close"></span> bla bla bla </li>
| |
| - | </ul>
| |
| - | <div><p><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> Page </a></p></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div id="templatemo_blog" class="container_wapper">
| |
| - | <div class="container">
| |
| - | <div class="row">
| |
| - | <div class="col-xs-12 section_header">
| |
| - | <h1>Team</h1>
| |
| - | </div>
| |
| - | <div class="clearfix"></div>
| |
| - | <div class="col-sm-4 event_animate_left">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/d/d5/Touxiang.jpg" alt="Blog Post 1" class="img-responsive" />
| |
| - | </div>
| |
| - | <div class="col-sm-8 blog_text event_animate_right">
| |
| - | <h1>Advisors</h1>
| |
| - | <p>
| |
| - | <span class="glyphicon glyphicon-user"></span> posted by <a href="#">Jay</a>
| |
| - | <span class="glyphicon glyphicon-calendar"></span> 5<sup>th</sup> September 2014
| |
| - | <span class="glyphicon glyphicon-bookmark"></span> Chifeng
| |
| - | </p>
| |
| - | <p>bla bla bla</p>
| |
| - | </div>
| |
| - | <div class="clearfix"></div>
| |
| - | <div class="col-sm-4 event_animate_left">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" alt="Blog Post 2" class="img-responsive" />
| |
| - | </div>
| |
| - | <div class="col-sm-8 blog_text event_animate_right">
| |
| - | <h1>Student</h1>
| |
| - | <p>
| |
| - | <span class="glyphicon glyphicon-user"></span> posted by <a href="#">Jay</a>
| |
| - | <span class="glyphicon glyphicon-calendar"></span> 12<sup>th</sup> July 2014
| |
| - | <span class="glyphicon glyphicon-bookmark"></span> Hong Kong
| |
| - | </p>
| |
| - | <p><a href="https://2014.igem.org/Team:Sheffield/team">Team Page</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div id="templatemo_contact" class="container_wapper">
| |
| - | <div class="container">
| |
| - | <div class="row">
| |
| - | <div class="col-xs-12 section_header">
| |
| - | <h1>Attributions</h1>
| |
| - | </div>
| |
| - | <div class="col-md-6 col-md-offset-3 col-md-offset-3">
| |
| - | <p>Bla bla bla</p>
| |
| - | </div>
| |
| - | <div id="templatemo_contact_map_wapper">
| |
| - | <div id="templatemo_contact_map"></div>
| |
| - | </div>
| |
| - | <form action="#" method="post">
| |
| - | <div class="col-md-4">
| |
| - | <p>Your Name</p>
| |
| - | <input type="text" name="name" id="name" placeholder="Full Name" />
| |
| - | </div>
| |
| - | <div class="col-md-4">
| |
| - | <p>Your Email</p>
| |
| - | <input type="text" name="email" id="email" placeholder="Your Email" />
| |
| - | </div>
| |
| - | <div class="col-md-4">
| |
| - | <p>Subject</p>
| |
| - | <input type="text" name="subject" id="subject" placeholder="Subject" />
| |
| - | </div>
| |
| - | <div class="col-xs-12">
| |
| - | <p>Message</p>
| |
| - | <textarea name="message" id="message" placeholder="Your message..." ></textarea>
| |
| - | </div>
| |
| - | <div class="col-md-4 col-xs-8">
| |
| - | <button>Send Message</button>
| |
| - | </div>
| |
| - | </form>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| | | | |
| | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.min.js?action=raw&ctype=text/javascript"></script> | | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.min.js?action=raw&ctype=text/javascript"></script> |
"
