Difference between revisions of "Team:Leicester/Team"

Line 1: Line 1:
 
{{Leicester}}
 
{{Leicester}}
<html>
+
<html lang="en">
 
+
<body>
<style type="text/css">
+
   
 
+
<div class="container" style="padding-bottom: 50px; padding-top:2px;">
p, #content {color:#000000;}
+
<div class="row">
 
+
     <div class="col-sm-2" style="padding-left:0px; padding right:30px;"> 
a, a:visited {color:#565656;}
+
<ul class="nav nav-pills nav-stacked" style="margin-left:0px;">
 
+
         <li class="active"><a href="#">Home</a></li>
body {background-color: #FFFFFF;}
+
        <li><a href="#">Team</a></li>
 
+
        <li><a href="#">Project</a></li>
#mainContainer {width: 980px;
+
         <li><a href="#">Measurement</a></li>
overflow:hidden;
+
      </ul>
float:left;
+
margin-left:20px;
+
margin-bottom: 10px;
+
background-color: #E8E8E9;
+
border-bottom: 20px solid #14747D;}
+
 
+
#menuContainer  {float:left;
+
width: 150px;
+
padding: 20px 0px;
+
background-color: #22BCB9;
+
border-top: 20px solid #14747D;
+
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
+
 
+
#contentContainer {padding-top:20px;
+
padding-right:10px;
+
margin-bottom: 20px;
+
width: 800px;
+
padding-left: 20px;
+
float: left;
+
border-top: 20px solid #14747D;
+
background-color: #E8E8E9;
+
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+
}
+
 
+
#bannerContainer {
+
height:200px;
+
margin:auto;
+
text-align:center;
+
color: #59BF92;
+
}
+
#picture1 {
+
      width: 250px;
+
      height: 250px;
+
      background: url(https://static.igem.org/mediawiki/2015/7/7a/Joss-_Profile_picture.jpg) no-repeat;
+
      background-size: 250px 210px;
+
      border: 10px solid #000000;
+
      position: relative;   
+
      -webkit-box-sizing: border-box;
+
      -moz-box-sizing: border-box;
+
      -ms-box-sizing: border-box;
+
      box-sizing: border-box;
+
      -webkit-box-shadow: 5px 5px 5px #030303;
+
      box-shadow: 5px 5px 5px #030303;      
+
              }
+
.pic_transform {
+
        transition-duration: 0.5s;           
+
        -webkit-transition-duration: 0.5s;
+
        -moz-transition-duration: 0.5s;   
+
        -o-transition-duration: 0.5s;
+
        overflow: hidden;
+
        height: 0px;
+
                        }
+
#picture1:hover .pic_transform {
+
          height: 250px;
+
                          }
+
.text_display {
+
        transform-origin: top;             
+
        transition-duration: 0.5s;             
+
        -webkit-transform-origin: bottom;     
+
        -webkit-transition-duration: 0.5s; 
+
        -moz-transform-origin: top;         
+
        -moz-transition-duration: 0.5s;     
+
        -o-transform-origin: top;   
+
        -o-transition-duration: 0.5s;
+
        font-size: 14px;
+
        font-family: Arial;     
+
        font-weight: normal;
+
        text-align:center;
+
        color: #FFF;     
+
                    }
+
#picture1:hover .text_display {
+
        background: rgba(0, 0, 0, 0.5); 
+
        color: #fff; 
+
        height:210px; 
+
                      }
+
 
+
#picture4 {
+
      width: 250px;
+
      height: 250px;
+
      background: url(https://static.igem.org/mediawiki/2015/2/2e/TeamLeicesterGeneric.jpg) no-repeat;
+
      background-size: 200px 144px;
+
      border: 10px solid #000000;
+
      position: relative;   
+
      -webkit-box-sizing: border-box;
+
      -moz-box-sizing: border-box;
+
      -ms-box-sizing: border-box;
+
      box-sizing: border-box;
+
      -webkit-box-shadow: 5px 5px 5px #030303;
+
      box-shadow: 5px 5px 5px #030303;   
+
              }
+
.pic_transform {
+
        transition-duration: 0.5s;           
+
        -webkit-transition-duration: 0.5s;
+
        -moz-transition-duration: 0.5s;   
+
        -o-transition-duration: 0.5s;
+
        overflow: hidden;
+
        height: 0px;
+
                        }
+
#picture4:hover .pic_transform {
+
          height: 200px;
+
                          }
+
.text_display {
+
        transform-origin: top;             
+
        transition-duration: 0.5s;             
+
        -webkit-transform-origin: top;     
+
        -webkit-transition-duration: 0.5s; 
+
        -moz-transform-origin: top;         
+
        -moz-transition-duration: 0.5s;     
+
        -o-transform-origin: top;   
+
        -o-transition-duration: 0.5s;
+
        font-size: 14px;
+
        font-family: Arial;     
+
        font-weight: normal;
+
        text-align:center;
+
        color: #FFF;     
+
                    }
+
#picture4:hover .text_display {
+
        background: rgba(0, 0, 0, 0.5); 
+
        color: #fff; 
+
        height:200px; 
+
                      }
+
 
+
#picture7 {
+
      width: 250px;
+
      height: 250px;
+
      background: url(https://static.igem.org/mediawiki/2015/2/2e/TeamLeicesterGeneric.jpg) no-repeat;
+
      background-size: 200px 144px;
+
      border: 10px solid #000000;
+
      position: relative;   
+
      -webkit-box-sizing: border-box;
+
      -moz-box-sizing: border-box;
+
      -ms-box-sizing: border-box;
+
      box-sizing: border-box;
+
      -webkit-box-shadow: 5px 5px 5px #030303;
+
      box-shadow: 5px 5px 5px #030303;   
+
              }
+
.pic_transform {
+
        transition-duration: 0.5s;           
+
        -webkit-transition-duration: 0.5s;
+
        -moz-transition-duration: 0.5s;   
+
        -o-transition-duration: 0.5s;
+
        overflow: hidden;
+
        height: 0px;
+
                        }
+
#picture7:hover .pic_transform {
+
          height: 200px;
+
                          }
+
.text_display {
+
         transform-origin: top;             
+
        transition-duration: 0.5s;             
+
        -webkit-transform-origin: top;     
+
        -webkit-transition-duration: 0.5s; 
+
        -moz-transform-origin: top;         
+
        -moz-transition-duration: 0.5s;     
+
        -o-transform-origin: top;   
+
        -o-transition-duration: 0.5s;
+
        font-size: 14px;
+
        font-family: Arial;     
+
        font-weight: normal;
+
        text-align:center;
+
        color: #FFF;     
+
                    }
+
#picture7:hover .text_display {
+
        background: rgba(0, 0, 0, 0.5); 
+
        color: #fff; 
+
        height:200px; 
+
                      }
+
 
+
</style>
+
 
+
<h2>University of Leicester iGEM Team</h2>
+
 
+
<p> Our team is made up of 8 full of life, tired (most of the time) 2nd year students consisting of Geneticists, Zoologists, Microbiologist and Biologists. With students studying different scopes of biology allows for each of our unique understanding of our degrees to create a novel iGEM idea </p>
+
 
+
<h4> Team members </h4>
+
<div id="picture1">
+
    <div class="pic_transform">
+
         <div class="text_display">
+
            <h>Joss Auty
+
<p> 2nd Year Microbiology </p></h>
+
        </div>
+
 
     </div>
 
     </div>
</div>
+
    <div class="col-sm-8" style="color:#fff; background-color: #3498db; border-radius: 50px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:20px; box-shadow: 10px 10px 50px #000000;">
<br><br>
+
        <h1>Leicester iGEM</h1>
 +
          <p>We will be updating this page as we go.</p>
  
<div id="picture4">
+
    </div>
    <div class="pic_transform">
+
    <div class="col-sm-2">
        <div class="text_display">
+
        <a class="twitter-timeline" 
            <h>Amy Evans</h>
+
data-widget-id="327381807010025474"
 +
href="https://twitter.com/iGEMLeicester"
 +
width="80"
 +
height="300">
 +
Tweets by @iGEMLeicester
 +
</a>
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script>
 
         </div>
 
         </div>
 +
     
 
     </div>
 
     </div>
 +
   
 +
   
 +
    </div>   
 
</div>
 
</div>
 
+
<p></p>
<br><br>
+
</body>
 
+
<div id="picture7">
+
    <div class="pic_transform">
+
        <div class="text_display">
+
            <h>Charlie Kruczko <p> 2nd Year Biology </p></h>
+
        </div>
+
    </div>
+
</div>
+
 
+
 
+
<p> Ross Campbell - Genetics </p>
+
<p> Liam Crawford - Genetics </p>
+
<p> Cameron Grundy - Zoology </p>
+
<p> Payal Karia - Medical Genetics </p>
+
 
+
<h4> Supervisors </h4>
+
 
+
<p>Dr Richard Badge</p>
+
<p> Prof. Raymond Dalgleish </p>
+
 
+
 
+
 
+
</div>
+
 
</html>
 
</html>

Revision as of 10:11, 19 August 2015

Live Preview

Leicester iGEM

We will be updating this page as we go.