|
|
(76 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html lang="en"> | + | {{Team:Sheffield/NavigationBar}} |
- | | + | <html> |
| <head> | | <head> |
- | | + | <title></title> |
| + | <link href="https://2014.igem.org/Team:Sheffield/Template:homebootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' /> |
| + | <!------ commn-js files -----> |
| + | <script src="https://2014.igem.org/Team:Sheffield/Template:homejquery.min.js?action=raw&ctype=text/javascript"> </script> |
| + | <!------ commn-js files -----> |
| + | <!----- theme-style -----> |
| + | <link href="https://2014.igem.org/Team:Sheffield/Template:homestyle.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' /> |
| + | <!----- theme-style -----> |
| <style type="text/css"> | | <style type="text/css"> |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
| + | .section{ |
- | | + | width: 100%; |
- | #top-section {
| + | height: 10em; |
- |
| + | |
- | border: 0 none;
| + | |
- | height: 14px;
| + | |
- | z-index: 100;
| + | |
- | top: 0;
| + | |
- | position: fixed;
| + | |
- | width: 975px;
| + | |
- | left: 50%;
| + | |
- | margin-left: -487px;
| + | |
| } | | } |
- | | + | .footer{ |
- | #globalWrapper, #content {
| + | width: 100%; |
- | width: 100%;
| + | height: 15em; |
- | height: 100%;
| + | |
- | border: 0px;
| + | |
- | background-color: transparent;
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
| } | | } |
- | | + | </style> |
- | html, body, .wrapper {
| + | </head> |
- | width: 100%; | + | <body> |
- | height: 100%;
| + | |
- | background-color: transparent;
| + | |
| | | |
- | }
| + | <!----start-slider-script----> |
- | | + | <script src="https://2014.igem.org/Team:Sheffield/Template:homeresponsiveslides.min.js?action=raw&ctype=text/javascript"></script> |
- | | + | <script> |
- | | + | // You can also use "$(window).load(function() {" |
- | .title {
| + | $(function () { |
- | font-family: 'Lato', sans-serif;
| + | // Slideshow 4 |
- | font-size: 2.5em; | + | $("#slider4").responsiveSlides({ |
- | letter-spacing: 2px;
| + | auto: true, |
- | color: white;
| + | pager: true, |
- | font-weight: 250;
| + | nav: true, |
- | margin-top: 0.25em;
| + | speed: 300, |
- | margin-bottom: 0.25em;
| + | namespace: "callbacks", |
- | margin-left:1em;
| + | before: function () { |
- | margin-right:1em;
| + | $('.events').append("<li>before event fired.</li>"); |
- | }
| + | }, |
- | | + | after: function () { |
- | | + | $('.events').append("<li>after event fired.</li>"); |
- | | + | } |
- | | + | }); |
- | | + | |
- | .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; */
| + | </script> |
- | /* background-color: #B5888A; */
| + | <!----//End-slider-script----> |
- | /* background-color: #FFFFFF; */
| + | <!-- Slideshow 4 --> |
- | width:1050px;
| + | <br><br><br> |
- | height:40px;
| + | <div id="top" class="callbacks_container"> |
- | margin-top:5px;
| + | <ul class="rslides" id="slider4"> |
- | margin-left:auto;
| + | <li> |
- | margin-right:auto;
| + | <img src="https://static.igem.org/mediawiki/2014/6/6c/SheffieldHome4.jpg" talt=""> |
- | }
| + | <div class="caption bounceInDown" data-wow-delay="0.4s"> |
- | #thirdSection{
| + | <div class="slide-text-info"> |
- | /* background-color: #E1FCEF; */
| + | <h1>welcome to our marketplace</h1> |
- | background-color: #C4B7A2;
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p> |
- | /* background-color: #FFFFFF; */
| + | <div class="slide-btns"> |
- | width:1050px;
| + | <a class="startnow" href="#">VIEW MORE</a> |
- | height:80em;
| + | </div> |
- | margin-top:5px;
| + | </div> |
- | margin-left:auto;
| + | </div> |
- | margin-right:auto;
| + | </li> |
- | }
| + | <li> |
- | #fourthSection{
| + | <img src="https://static.igem.org/mediawiki/2014/4/41/SheffieldHome7.png" alt=""> |
- | background-color: #DCEDDE;
| + | <div class="caption"> |
- | width:1050px;
| + | <div class="slide-text-info bounceInDown" data-wow-delay="0.4s"> |
- | height:20em;
| + | <h1>Manufacturing a workable solution</h1> |
- | margin-top:5px;
| + | <p>We have created an innovative undersink bioreactor unit to degrade fat waste before it has chance to form <em>fatbergs</em></p> |
- | margin-left:auto;
| + | <div class="slide-btns"> |
- | margin-right:auto;
| + | <a class="startnow" href="#">VIEW MORE</a> |
- | }
| + | </div> |
- | #fifthSection{
| + | </div> |
- | /* background-color: #F7F4E0; */
| + | </div> |
- | background-color: #BAD0AA;
| + | </li> |
- | /* background-color: #FFFFFF; */
| + | <li> |
- | /* MARGIN-RIGHT: auto; */
| + | <img src="https://static.igem.org/mediawiki/2014/4/4c/SheffieldHome6.jpg" alt=""> |
- | width:1050px;
| + | <div class="caption"> |
- | height:60em;
| + | <div class="slide-text-info bounceInDown" data-wow-delay="0.4s"> |
- | margin-top:5px;
| + | <h1>Manufacturing a workable solution</h1> |
- | margin-left:auto;
| + | <p>We have created an innovative undersink bioreactor unit to degrade fat waste before it has chance to form <em>fatbergs</em></p> |
- | margin-right:auto;
| + | <div class="slide-btns"> |
- | }
| + | <a class="startnow" href="#">VIEW MORE</a> |
- | #sixthSection{
| + | </div> |
- | /* 1: background-color: #E3F4E5; */
| + | </div> |
- | background-color: #80B8A3;
| + | </div> |
- | /* background-color: #FFFFFF; */
| + | </li> |
- | MARGIN-Right: 12em;
| + | </ul> |
- | width:43.5em;
| + | </div> |
- | float:right;
| + | |
- | }
| + | <div class="clearfix"> </div> |
- | #seventhSection{
| + | <!----- //End-slider----> |
- | /* 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;
| + | |
- |
| + | |
- | } | + | |
| | | |
| | | |
- | | + | <div class="section"> |
- | | + | <br> |
- | | + | <p>The Fatberglar: A small scale, semi-continuous bioreactor for the controlled release of FOG degrading enzymes |
- | a{TEXT-DECORATION:none}
| + | Fats, oils and greases (FOGs) enter the national sewage system and accumulate, leading to blocked pipes, nicknamed “fatbergs”. There are currently over 200,000 major UK sewage blockages a year, of which 75% are caused by FOGs; tackling these blockages costs water companies millions of pounds every month. |
- | | + | The biological project work focused on development of constructs that produce lipase and keratinase enzymes to degrade FOGs and hair. These constructs are designed to sit within a small, under-sink bioreactor that will produce and feed them into the waste system as the sink is drained. |
- | </style> | + | To shape the approach, there has been significant interaction with industry experts and the public to gauge where the responsibility lies for the maintenance of the damaged drains; awareness of synthetic biology has been raised alongside this. A novel method of characterising the policy and practices component of the iGEM competition is also presented here.</p> |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <meta charset="utf-8">
| + | |
- | <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
| + | |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | |
- | <title>Reactive - Free HTML5 Template</title>
| + | |
- | <meta name="description" content="" />
| + | |
- | <meta name="author" content="templatemo">
| + | |
- | <!-- Favicon-->
| + | |
- | <link rel="shortcut icon" href="./favicon.png" />
| + | |
- | <!-- Bootstrap -->
| + | |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:bootstrap.min.css?action=raw&ctype=text/css" rel="stylesheet">
| + | |
- | <!-- Camera -->
| + | |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:camera.css?action=raw&ctype=text/css" rel="stylesheet">
| + | |
- | <!-- Template -->
| + | |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:templatemo_style.css?action=raw&ctype=text/css" rel="stylesheet">
| + | |
- | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
| + | |
- | <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
| + | |
- | <!--[if lt IE 9]>
| + | |
- | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
| + | |
- | <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
| + | |
- | <![endif]-->
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </head>
| + | |
- | <body>
| + | |
- | | + | |
- | <div class="col-xs-12 visible-sm visible-xs" id="templatemo_mobile_menu_wap">
| + | |
- | <p id="mobile_menu_btn"> <a href="#"><span class="glyphicon glyphicon-align-justify"></span></a> </p>
| + | |
- | <div id="mobile_menu">
| + | |
- | <ul class="nav nav-pills nav-stacked">
| + | |
- | <li><a href="#templatemo_banner_top">Welcome</a></li>
| + | |
- | <li><a href="#templatemo_upcomming_event">Project</a></li>
| + | |
- | <li><a href="#templatemo_pricing">Results</a></li>
| + | |
- | <li><a href="#templatemo_blog">Team</a></li>
| + | |
- | <li><a href="#templatemo_contact">Attributions</a></li>
| + | |
- | </ul>
| + | |
| </div> | | </div> |
- | </div>
| |
- |
| |
- | <div id="templatemo_banner_logo" class="container_wapper">
| |
- | <div class="container">
| |
- | <div class="row">
| |
- | <div class="col-xs-12 col-md-8 col-md-offset-4">
| |
- | <img src="images/templatemo_logo.png" alt="logo" />
| |
- | <h1><a href="#">IGEM Sheffield 2014</a></h1><br /><br /><br />
| |
- | <span>bla bla bla</span>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <div id="templatemo_banner_slide" class="container_wapper">
| |
- | <div class="camera_wrap camera_emboss" id="camera_slide">
| |
- | <div data-src="images/banner_slide_01.jpg">
| |
- | <div class="camera_caption fadeFromLeft camera_effected">
| |
- | <div class="container">
| |
- | <div class="col-md-6">
| |
- | <h1>Introduction</h1>
| |
- | <p>We are a team of 8 undergraduate students from the University of Sheffield participating in a global synthetic biology competition. Our project focuses on improving wastewater treatment systems using engineered bacteria, particularly focusing on the breakdown of fat accumulations within the drainage and sewage systems.</p>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <div data-src="images/banner_slide_02.jpg">
| |
- | <div class="camera_caption fadeFromLeft camera_effected">
| |
- | <div class="container">
| |
- | <div class="col-md-6">
| |
- | <h1>Team</h1>
| |
- | <p>bla bla bla</p>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <div data-src="images/banner_slide_03.jpg">
| |
- | <div class="camera_caption fadeFromLeft camera_effected">
| |
- | <div class="container">
| |
- | <div class="col-md-6">
| |
- | <h1>IGEM Sheffield Meet Up</h1>
| |
- | <p>bla bla bla</p>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div><!-- #camera_wrap_3 -->
| |
- | </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_top">Welcome</a></li>
| |
- | <li><a href="#templatemo_upcomming_event">Project</a></li>
| |
- | <li><a href="#templatemo_pricing">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>Project</h1>
| |
- | </div>
| |
- | <div class="col-md-6 col-md-offset-3 col-md-offset-3">
| |
- | <p>bla bla bla bla bla bla</p>
| |
- | <p>Blow is the product design timeline by Mr Madden</p>
| |
- | </div>
| |
- | <div class="clearfix"></div>
| |
- | <div class="col-sm-6 col-md-3">
| |
- | <div class="event_box event_animate_left">
| |
- | <img src="images/event_01.jpg" 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>
| + | <div class="footer"> |
- | </ul>
| + | <img src="https://static.igem.org/mediawiki/2014/4/4c/SheffieldLogo6.png" width="200px"> |
- | </div>
| + | <img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldLogo2.png" width="200px"> |
- | </div>
| + | <img src="https://static.igem.org/mediawiki/2014/5/5a/SheffieldLogo7.png" width="200px"> |
- | <div class="col-sm-6 col-md-3">
| + | <img src="https://static.igem.org/mediawiki/2014/1/1e/SheffieldLogo8.png" width="200px"> |
- | <div class="event_box event_animate_left">
| + | <img src="https://static.igem.org/mediawiki/2014/a/a6/SheffieldLogo9.png" width="200px"> |
- | <img src="images/event_02.jpg" alt="Event 2" class="img-responsive" />
| + | <img src="https://static.igem.org/mediawiki/2014/8/85/SheffieldLogo11.jpg" width="200px"> |
- | <ul>
| + | <img src="https://static.igem.org/mediawiki/2014/c/c7/SheffieldLogo10.png" width="200px"> |
- | <li>
| + | <img src="https://static.igem.org/mediawiki/2014/f/f1/Bioline.png" width="200px"> |
- | <span class="glyphicon glyphicon-calendar"></span>Thursday<br />
| + | <img src="https://static.igem.org/mediawiki/2014/4/4e/SheffieldLogo3.png" width="200px"> |
- | <span class="glyphicon"> </span>7<sup>th</sup> August 2014<br />
| + | <img src="https://static.igem.org/mediawiki/2014/1/19/SheffieldLogo5.png" width="200px"> |
- | </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="images/event_03.jpg" 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="images/event_04.jpg" 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>Results</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 class="col-md-4">
| + | |
- | <div class="price_table_box">
| + | |
- | <h1>Wet lab</h1>
| + | |
- | <ul>
| + | |
- | <li><span class="glyphicon glyphicon-pencil"></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="price_table_box">
| + | |
- | <h1>Huamn Practices</h1>
| + | |
- | <ul>
| + | |
- | <li><span class="glyphicon glyphicon-pencil"></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="price_table_box">
| + | |
- | <h1>Wiki</h1>
| + | |
- | <ul>
| + | |
- | <li><span class="glyphicon glyphicon-pencil"></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="./images/templatemo_blog_01.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="./images/templatemo_blog_02.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>bla bla bla</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> |
- | </div>
| + | |
- |
| + | </body> |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.min.js?action=raw&ctype=text/javascript"></script>
| + | </html> |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:bootstrap.min.js?action=raw&ctype=text/javascript"></script>
| + | |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
| + | |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.mobile.customized.min.js?action=raw&ctype=text/javascript"></script>
| + | |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:camera.min.js?action=raw&ctype=text/javascript"></script>
| + | |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.singlePageNav.min.js?action=raw&ctype=text/javascript"></script>
| + | |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:templatemo_script.js?action=raw&ctype=text/javascript"></script>
| + | |
- | <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
| + | |
- | </body>
| + | |