Team:Sheffield/team

From 2014.igem.org

(Difference between revisions)
 
(86 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Sheffield/NavigationBar}}
 +
<html>
<html>
 +
<head>
 +
<title></title>
 +
<link href="https://2014.igem.org/Team:Sheffield/Template:teambootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
<script src="https://2014.igem.org/Team:Sheffield/Template:teamjquery.min.js?action=raw&ctype=text/javascript"></script>
 +
<!-- Custom Theme files -->
-
<style type="text/css">
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 
-
#top-section {
+
<link href="https://2014.igem.org/Team:Sheffield/Template:menustyle.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
-
+
<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
-
border: 0 none;
+
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:jquery-1.10.1.min.js?action=raw&ctype=text/javascript"></script>
-
height: 14px;
+
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:jquery.fancybox.js?action=raw&ctype=text/javascript"></script>
-
z-index: 100;
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:Sheffield/Template:jquery.fancybox.css?action=raw&ctype=text/css" media="screen" />
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
}
+
-
#globalWrapper, #content {
+
<script type="text/javascript">
-
width: 100%;  
+
$(document).ready(function() {
-
height: 100%;
+
$('.fancybox').fancybox();
-
border: 0px;
+
});
-
background-color: transparent;
+
</script>
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
html, body, .wrapper {
+
</head>
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
-
body {
 
-
  background-color:white;
 
-
  width: 1365px;
 
-
  margin:0;
 
-
  text-align: center;
 
-
  margin-left:auto;
 
-
  margin-right:auto;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
    #firstSection {
 
-
background-color: #DCEDDE;
 
-
/* background-color: #B5888A; */
 
-
/* background-color: #FFFFFF; */
 
-
width:1050px;
 
-
height:10px;
 
-
                                margin-top:15px;
 
-
                                margin-left:auto;
 
-
margin-right:auto;
 
-
 
-
    }
 
-
 
-
            #secondSection{
 
-
background-color: #DCEDDE;
 
-
/* background-color: #B5888A; */
 
-
/* background-color: #FFFFFF; */
 
-
width:1050px;
 
-
height:60px;
 
-
                                margin-top:5px;
 
-
                                margin-left:auto;
 
-
margin-right:auto;
 
-
            }
 
-
            #thirdSection{
 
-
    /* 1: background-color: #E1FCEF; */
 
-
background-color: #C4B7A2;
 
-
/* background-color: #FFFFFF; */
 
-
MARGIN-LEFT: 11.9em;
 
-
width:0em;
 
-
            }
 
-
            #fourthSection{
 
-
                background-color: orange;
 
-
width:1100px;
 
-
}
 
-
#fifthSection{
 
-
/* background-color: #F7F4E0; */
 
-
background-color: #BAD0AA;
 
-
/* background-color: #FFFFFF; */
 
-
/* MARGIN-RIGHT: auto; */
 
-
                MARGIN-LEFT: 11.9em;
 
-
width:43.5em;
 
-
                float:left;
 
-
}
 
-
#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;
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
.menu {
 
-
font-family: 'Lato', sans-serif;
 
-
position:fixed;
 
-
width:100%
 
-
text-align: center;
 
-
 
-
}
 
-
 
-
 
-
.menu ul {
 
-
padding:0;
 
-
margin:0;
 
-
list-style: none;
 
-
margin-top:0px;
 
-
}
 
-
 
-
.menu ul li {
 
-
float:left;
 
-
position:relative;
 
-
}
 
-
 
-
.menu ul li a, .menu ul li a:visited {
 
-
 
-
display:block;
 
-
text-align:center;
 
-
width:120px;
 
-
height:40px;
 
-
color:#fff;
 
-
font-family:arial;
 
-
font-size:10px;
 
-
font-weight:bold;
 
-
line-height:34px;
 
-
text-decoration:none;
 
-
letter-spacing:1px;
 
-
 
-
background: linear-gradient(to bottom,  #767676 0%,#000 100%);
 
-
}
 
-
 
-
.menu ul li ul {
 
-
display: none;
 
-
}
 
-
 
-
 
-
.menu ul li:hover a {
 
-
color:#fff;
 
-
background: linear-gradient(to bottom,  #FFE066 0%,#FFE066 90%,#E6B800 90%,#FFD633 100%);
 
-
}
 
-
 
-
.menu ul li:hover ul {
 
-
display:block;
 
-
position:absolute;
 
-
top:40px;
 
-
left:0;
 
-
width:110px;
 
-
}
 
-
 
-
.menu ul li:hover ul li a {
 
-
display:block;
 
-
opacity: 0.95;
 
-
background:#9D9D98;
 
-
height:25px;
 
-
line-height:21px;
 
-
color:#fff;
 
-
font-size:12px;
 
-
}
 
-
 
-
.menu ul li:hover ul li a:hover {
 
-
color:#FFE066;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
.menuright {
 
-
font-family: 'Lato', sans-serif;
 
-
position:fixed;
 
-
margin-left:960px;
 
-
 
-
}
 
-
 
-
.menuright ul {
 
-
padding:0;
 
-
margin:0;
 
-
list-style: none;
 
-
margin-top:0px;
 
-
}
 
-
 
-
.menuright ul li {
 
-
float:left;
 
-
position:relative;
 
-
}
 
-
 
-
.menuright ul li a, .menuright ul li a:visited {
 
-
 
-
display:block;
 
-
text-align:center;
 
-
width:80px;
 
-
height:40px;
 
-
color:#fff;
 
-
font-family:arial;
 
-
font-size:10px;
 
-
font-weight:bold;
 
-
line-height:34px;
 
-
text-decoration:none;
 
-
letter-spacing:1px;
 
-
 
-
background: linear-gradient(to bottom,  #767676 0%,#000 100%);
 
-
}
 
-
 
-
.menuright ul li ul {
 
-
display: none;
 
-
}
 
-
 
-
 
-
.menuright ul li:hover a {
 
-
color:#fff;
 
-
background: linear-gradient(to bottom,  #FFE066 0%,#FFE066 50%,#E6B800 50%,#FFD633 100%);
 
-
}
 
-
 
-
.menuright ul li:hover ul {
 
-
display:block;
 
-
position:absolute;
 
-
top:35px;
 
-
left:0;
 
-
width:110px;
 
-
}
 
-
 
-
.menuright ul li:hover ul li a {
 
-
display:block;
 
-
opacity: 0.95;
 
-
background:#9D9D98;
 
-
height:25px;
 
-
line-height:21px;
 
-
color:#fff;
 
-
font-size:12px;
 
-
}
 
-
 
-
.menuright ul li:hover ul li a:hover {
 
-
color:#FFE066;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
a{TEXT-DECORATION:none}
 
-
 
-
</style>
 
<body>
<body>
 +
<br><br><br>
-
<div id="contentcontainer">
 
 +
<div class="bg">
 +
<!----- start-header---->
 +
<div class="container">
 +
<!---- Team ----->
 +
<div id="team" class="team">
 +
<!----sreen-gallery-cursual---->
 +
<div class="sreen-gallery-cursual">
 +
<!-- requried-jsfiles-for owl -->
 +
<link href="https://2014.igem.org/Team:Sheffield/Template:owl.carousel.css?action=raw&ctype=text/css" rel="stylesheet">
 +
    <script src="https://2014.igem.org/Team:Sheffield/Template:owl.carousel.js?action=raw&ctype=text/javascript"></script>
 +
        <script>
 +
    $(document).ready(function() {
 +
      $("#owl-demo").owlCarousel({
 +
        items : 3,
 +
        lazyLoad : true,
 +
        autoPlay : true,
 +
        navigation : true,
 +
        navigationText :  false,
 +
        pagination : false,
 +
      });
 +
    });
 +
    </script>
 +
<!-- //requried-jsfiles-for owl -->
 +
<!-- start content_slider -->
 +
      <div id="owl-demo" class="owl-carousel text-center">
 +
                <div class="item wow zoomIn" data-wow-delay="0.3s">
 +
                <img class="lazyOwl" data-src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" alt="name">
 +
                <h5><span>Jianxing</span> Qin</h5>
 +
                <label>Control Systems Engineer</label>
 +
                </div>
 +
                <div class="item wow zoomIn" data-wow-delay="0.3s">
 +
                <img class="lazyOwl" data-src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" alt="name">
 +
                <h5><span> A </span> Johns</h5>
 +
                <label>CEO</label>
 +
                </div>
 +
                <div class="item wow zoomIn" data-wow-delay="0.3s">
 +
                <img class="lazyOwl" data-src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" alt="name">
 +
                <h5><span>Trisha </span> Steplton</h5>
 +
                <label>Designer</label>
 +
                </div>
 +
                <div class="item wow zoomIn" data-wow-delay="0.3s">
 +
                <img class="lazyOwl" data-src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" alt="name">
 +
                <h5><span>Peter</span> Holmes</h5>
 +
                <label>Marketing</label>
 +
                </div>
 +
                <div class="item wow zoomIn" data-wow-delay="0.3s">
 +
                <img class="lazyOwl" data-src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" alt="name">
 +
                <h5><span>Kenny</span> Johns</h5>
 +
                <label>CEO</label>
 +
                </div>
 +
                <div class="item wow zoomIn" data-wow-delay="0.3s">
 +
                <img class="lazyOwl" data-src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" alt="name">
 +
                <h5><span>Trisha </span> Steplton</h5>
 +
                <label>Designer</label>
 +
                </div>
 +
              </div>
 +
<!--//sreen-gallery-cursual---->
 +
</div>
 +
</div>
 +
<!---- Team ----->
 +
</div>
 +
<!---- footer --->
 +
</div>
-
<!-- menu -->
 
-
<div class="menu">
 
-
  <ul>
 
-
 
-
    <li><a href="https://2014.igem.org/Team:Sheffield/tmp" ><img src="https://static.igem.org/mediawiki/2014/d/d6/IGEM_Logo_F.png" width="50px" height="35px"></a>
 
-
    </li>
 
-
 
 
-
    <li><a href="https://2014.igem.org/Team:Sheffield/team" >TEAM</a>
 
-
      <ul>
 
-
        <li><a href="project.htm#firstSection">Overview</a></li>
 
-
        <li><a href="project.htm#secondSection">Background</a></li>
 
-
        <li><a href="project.htm#thirdSection">Product Development</a></li>
 
-
        <li><a href="project.htm#fourthSection">Biosensor</a></li>
 
-
        <li><a href="project.htm#fifthSection">Enzyme synthesis</a></li>
 
-
<li><a href="project.htm#sixthSection">Enzyme secretion</a></li>
 
-
        <li><a href="project.htm#seventhSection">Killswitch</a></li>
 
-
        <li><a href="project.htm#eighthSection">Uptake mechanism</a></li>
 
-
        <li><a href="project.htm#ninthSection">Biobricks</a></li>
 
-
        <li><a href="project.htm#tenthSection">Safety</a></li>
 
-
<li><a href="project.htm#eleventhSection">Registry</a></li>
 
-
      </ul>
 
-
    </li>
 
-
 
 
-
    <li><a href="https://2014.igem.org/Team:Sheffield/project" style="font-size:12px;">PROJECT</a>
 
-
      <ul>
 
-
        <li><a href="human_practice.htm#firstSection">Overview</a></li>
 
-
        <li><a href="human_practice.htm#secondSection">Outreach</a></li>
 
-
        <li><a href="human_practice.htm#thirdSection">Impact Report</a></li>
 
-
        <li><a href="human_practice.htm#fourthSection">SURE</a></li>
 
-
<li><a href="human_practice.htm#fifthSection">Lab Notation</a></li>
 
-
      </ul>
 
-
    </li>
 
-
 
-
 
-
    <li><a href="https://2014.igem.org/Team:Sheffield/modelling" >MODELLING</a>
 
-
      <ul>
 
-
        <li><a href="../mozilla/dropdown.html">Flux</a></li>
 
-
        <li><a href="../mozilla/cascade.html">Increasing scope</a></li>
 
-
      </ul>
 
-
    </li>
 
-
 
-
 
-
    <li><a href="https://2014.igem.org/Team:Sheffield/result" >RESULTS</a>
 
-
      <ul>
 
-
        <li><a href="../ie/exampleone.html">Different assays</a></li>
 
-
      </ul>
 
-
    </li>
 
-
 
-
 
-
<li><a href="https://2014.igem.org/Team:Sheffield/hp" >POLICY&PRACTICES</a>
 
-
      <ul>
 
-
        <li><a href="../ie/exampleone.html">Wet lab journals</a></li>
 
-
<li><a href="../ie/exampleone.html">Dry lab work</a></li>
 
-
      </ul>
 
-
    </li>
 
-
 
-
 
-
    <li><a href="https://2014.igem.org/Team:Sheffield/notebook" >NOTEBOOK</a>
 
-
      <ul>
 
-
        <li><a href="team.htm#firstSection">Meet the team</a></li>
 
-
        <li><a href="team.htm#secondSection">Official iGEM team page</a></li>
 
-
        <li><a href="team.htm#thirdSection">Gallery</a></li>
 
-
      </ul>
 
-
    </li>
 
-
 
-
 
-
<li><a href="https://2014.igem.org/Team:Sheffield/attribution" >ATTRIBUTIONS</a>
 
-
      <ul>
 
-
        <li><a href="http://www.2ky.cn" title="colour wheel">Acknowledgments</a></li>
 
-
        <li><a href="http://www.2ky.cn/js" title="a menu using opacity">Sponsors</a></li>
 
-
      </ul>
 
-
    </li>
 
-
  </ul>
 
-
</div>
 
-
 
+
    <div class="main">
-
 
+
<div class="wrap">
-
<div class="menuright">  
+
  <div class="gallery">
-
  <ul>
+
<div class="section group">
-
    <li><a href="http://facebook.com/iGEMSheffield2014" ><img src="https://static.igem.org/mediawiki/2014/5/55/Facebook.png"></a>
+
<div class="gallery_1_of_4 images_1_of_4">
-
 
+
<a class="fancybox" href="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" data-fancybox-group="gallery" title="Jianxing Qin"><img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" alt=""><span> </span></a>
-
    </li>
+
<h3>Jianxing Qin</h3>
-
 
+
<p>Control Systems Engineer</p>
-
    <li><a href="http://twitter.com/iGEMSheffield" ><img src="https://static.igem.org/mediawiki/2014/f/f7/Twitter.png"></a>  
+
                </div>
-
 
+
<div class="gallery_1_of_4 images_1_of_4">
-
    </li>
+
<a class="fancybox" href="https://static.igem.org/mediawiki/2014/9/94/BenM.JPG" data-fancybox-group="gallery" title="Ben Madden"><img src="https://static.igem.org/mediawiki/2014/9/94/BenM.JPG" alt=""><span> </span></a>
-
 
+
<h3>Ben Madden</h3>
-
    <li><a href="igem2014@sheffield.ac.uk" ><img src="https://static.igem.org/mediawiki/2014/5/5c/Email.png"></a>
+
<p>bla</p>
-
 
+
                </div>
-
    </li>
+
  </div>
-
 
+
  </div>
-
    <li><a href="https://igem.org/Main_Page" ><img src="https://static.igem.org/mediawiki/2014/2/28/UNR-Sponser-IGEM1.png"></a>  
+
</div>
-
 
+
      </div>
-
    </li>
+
-
   
+
-
  </ul>
+
-
 
+
-
  </div>  
+
-
</div>
+
-
<!-- end of menu -->
+
-
 
+
-
 
+
-
 
+
-
    <div align=center id="firstSection">
+
-
+
-
</div>
+
-
 
+
-
    <div align=center id="secondSection">
+
-
+
-
</div>
+
-
 
+
-
 
+
</body>
</body>
</html>
</html>

Latest revision as of 20:45, 7 October 2014




name
Jianxing Qin
name
A Johns
name
Trisha Steplton
name
Peter Holmes
name
Kenny Johns
name
Trisha Steplton

Jianxing Qin

Control Systems Engineer

Ben Madden

bla

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