Team:Sheffield/tmp

From 2014.igem.org

(Difference between revisions)
(Replaced content with "{{Team:Sheffield}} <div id="thirdSection"> </div> <html> </html>")
Line 1: Line 1:
-
{{Team:Sheffield}}
+
<html lang="en">
-
<div id="thirdSection">
+
-
</div>
+
-
<html>  
+
<head>
-
</html>
+
<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">
 +
    <!--[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 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">&nbsp;</span>3<sup>rd</sup> September 2014<br />
 +
                            </li>
 +
                            <li>
 +
                                    <span class="glyphicon glyphicon-time"></span>Time<br />
 +
                                    <span class="glyphicon">&nbsp;</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="images/event_02.jpg" alt="Event 2" class="img-responsive" />
 +
                        <ul>
 +
                            <li>
 +
                                    <span class="glyphicon glyphicon-calendar"></span>Thursday<br />
 +
                                    <span class="glyphicon">&nbsp;</span>7<sup>th</sup> August 2014<br />
 +
                            </li>
 +
                            <li>
 +
                                    <span class="glyphicon glyphicon-time"></span>Time<br />
 +
                                    <span class="glyphicon">&nbsp;</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">&nbsp;</span>5<sup>th</sup> July 2014<br />
 +
                            </li>
 +
                            <li>
 +
                                    <span class="glyphicon glyphicon-time"></span>Time<br />
 +
                                    <span class="glyphicon">&nbsp;</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">&nbsp;</span>2<sup>nd</sup> June 2014<br />
 +
                            </li>
 +
                            <li>
 +
                                    <span class="glyphicon glyphicon-time"></span>Time<br />
 +
                                  <span class="glyphicon">&nbsp;</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>  &nbsp;&nbsp;
 +
                        <span class="glyphicon glyphicon-calendar"></span> 5<sup>th</sup> September 2014 &nbsp;&nbsp;
 +
                        <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> &nbsp;&nbsp;
 +
                        <span class="glyphicon glyphicon-calendar"></span> 12<sup>th</sup> July 2014 &nbsp;&nbsp;
 +
                        <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>
 +
 +
    <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: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>

Revision as of 16:42, 26 September 2014

Reactive - Free HTML5 Template

Introduction

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.

Team

bla bla bla

IGEM Sheffield Meet Up

bla bla bla

Collect from 网页模板

Project

bla bla bla bla bla bla

Blow is the product design timeline by Mr Madden

Event 1
  • Wednesday
     3rd September 2014
  • Time
     9:00 AM to 5:00 PM
  • Idea Space
Event 2
  • Thursday
     7th August 2014
  • Time
     6:30 PM to 9:30 PM
  • Student Union
Event 3
  • Sunday
     5th July 2014
  • Time
     10:00 AM ~ 5:00 PM
  • Mappin
Event 4
  • Saturday
     2nd June 2014
  • Time
     11:00 AM to 3:00 PM
  • Home

Results

Wet Lab

bla bla bla

Human Practices

bla bla bla

Wiki

bla bla bla

Wet lab

  • bla bla bla

Huamn Practices

  • bla bla bla

Wiki

  • bla bla bla

Team

Blog Post 1

Advisors

posted by Jay    5th September 2014    Chifeng

bla bla bla

Blog Post 2

Student

posted by Jay    12th July 2014    Hong Kong

bla bla bla

Attributions

Bla bla bla

Your Name

Your Email

Subject

Message

Retrieved from "http://2014.igem.org/Team:Sheffield/tmp"