Difference between revisions of "Team:UCL/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{IISER_Pune}}
 
 
<html>
 
<html>
 +
<head>
  
−
<h2>Team</h2>
 
  
−
<p>Introductions of the members will be put in here soon! Watch this space. </p>
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">  
 +
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
 +
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 +
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />
  
−
<h4>PI</h4>
+
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
−
Chaitanya Athale, Asst. Prof. IISER Pune, India
+
  
−
<h4>Instructor(s)</h4>
+
<style type="text/css">
−
Neha Khetan, PhD student
+
−
<h4>Undergraduate Team Members</h4>
+
−
<ul>
+
−
<li>Ira Phadke
+
−
<li>Prashant Uniyal
+
−
<li>Snehal Kadam
+
−
<li>Prachiti Moghe
+
−
<li>Yash Jawale
+
−
<li>Swapnil Bodkhe
+
−
<li>Rahul Biradar
+
−
<li>Gayatri Mundhe
+
−
<li>Harsh Gakhare
+
−
<li>Siddhesh Zadey
+
−
</ul>
+
  
−
<h4>Inspiration</h4>
+
/* wiki width fixing */
−
<p>You can look at what other teams did to get some inspiration! <br />
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
−
Here are a few examples:</p>
+
    display:none;}
−
<ul>
+
#top-section {
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
    border: none;
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
    height: 0px;}
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
−
<h5>What should this page contain?</h5>
+
#p-logo, h1.firstHeading,#search-controls,#catlinks {display:none;}
−
<ul>
+
  #footer #f-list {margin-top:0;}
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
  #top-section,#footer-box{margin:0;padding:0;width:100%;height:0}
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
  table{visibility:hidden;height:0;}
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
  #contentSub {margin: 0;}
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
  
 +
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: #fff;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, #bodyContent, body, #container {
 +
width:100%;
 +
height:100%;
 +
overflow:hidden;
 +
box-sizing: border-box;
 +
 +
}
 +
 +
 +
 +
/* blocks */
 +
 +
#main {background: #fff; margin: -5px; text-align: center; width: 100%;
 +
height: 100%;
 +
position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 0;
 +
margin-top: -10px;
 +
top: 0;
 +
bottom: 0;
 +
  box-sizing: border-box;
 +
 +
  -webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
  -o-background-size: cover;
 +
  background-size: cover;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
 +
vertical-align: middle; }
 +
 +
#abstract {background: #fff;
 +
width: 100%;
 +
height: 100%;
 +
position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 0;
 +
top: 0;
 +
bottom: 0;
 +
  box-sizing: border-box;
 +
 +
  -webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
  -o-background-size: cover;
 +
  background-size: cover;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;}
 +
 +
 +
/* buttons */
 +
 +
 +
 +
 +
.buttonscenter {
 +
padding-top: 20px;  color: #FFFFFF;
 +
text-align: center;
 +
}
 +
 +
.buttonscenter a {  color: #FFFFFF; text-decoration: none;}
 +
 +
 +
 +
.buttonc1 {    display: inline-block;
 +
  margin-bottom: 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
      -o-user-select: none;
 +
          user-select: none;
 +
            color: #FFFFFF;
 +
  border: none;
 +
    padding: 10px 16px;
 +
  line-height: 1.33;
 +
  text-decoration: none;
 +
  width:140px; background-color: #F49794;
 +
font-family: Raleway;
 +
letter-spacing: 1.5px;
 +
 +
}
 +
 +
 +
.buttonc2 {    display: inline-block;
 +
  margin-bottom: 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
      -o-user-select: none;
 +
          user-select: none;
 +
            color: #FFFFFF;
 +
  border: none;
 +
    padding: 10px 16px;
 +
  line-height: 1.33;
 +
  text-decoration: none;
 +
  width: 140px; background-color: #61D9D2;
 +
font-family: Raleway;
 +
letter-spacing: 1.5px;
 +
}
 +
.buttonc3
 +
{
 +
    display: inline-block;
 +
  margin-bottom: 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
      -o-user-select: none;
 +
          user-select: none;
 +
            color: #FFFFFF;
 +
  border: none;
 +
    padding: 10px 16px;
 +
  line-height: 1.33;
 +
  text-decoration: none;
 +
  width: 140px; background-color: #006C93;
 +
font-family: Raleway;
 +
letter-spacing: 1.5px;
 +
}
 +
 +
#buttonc4
 +
{
 +
    display: inline-block;
 +
  margin-bottom: 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
      -o-user-select: none;
 +
          user-select: none;
 +
            color: #FFFFFF;
 +
  border: none;
 +
    padding: 10px 16px;
 +
  line-height: 1.33;
 +
  text-decoration: none;
 +
  width: 140px; background-color: #019966;
 +
font-family: Raleway;
 +
letter-spacing: 1.5px;
 +
}
 +
 +
.buttonc1:hover {text-decoration: none; background-color: #FE6C68;}
 +
  .buttonc2:hover {text-decoration: none; background-color: #4EAEA8;}
 +
    .buttonc3:hover {text-decoration: none; background-color: #1E6073}
 +
    #buttonc4:hover {text-decoration: none; background-color: #03b576}
 +
 +
 +
/*abstractstyle*/
 +
#main {height: 80%;
 +
    width: 80%;
 +
    float: left;
 +
margin: auto;
 +
padding-left: 15%; 
 +
    padding-top: 6%;
 +
font-family: Raleway;
 +
letter-spacing: 1.2px;    line-height: 2;
 +
text-align: justify;
 +
font-size: 15px;
 +
 +
}
 +
 
 +
#abstracttext p {    line-height: 2; text-align: justify; font-size: 15px;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*icons*/
 +
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
 +
.glyphicon {
 +
  font-family: 'Glyphicons Halflings';
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  line-height: 1;
 +
font-size: 40px;
 +
position: relative;
 +
}
 +
 +
.icon {
 +
  font-family: 'FontAwesome';
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  line-height: 1;
 +
font-size: 50px;
 +
position: relative;
 +
}
 +
 +
 +
.icondiv {text-align: center; width: 100%; padding-top: 20px; padding-bottom: 20px; color: #F0F0F5;}
 +
 +
.glyphicon-globe {color: #006C93;}
 +
.glyphicon-stats {color: #61D9D2;}
 +
.glyphicon-piggy-bank {color: #019966;}
 +
.glyphicon-blackboard {color: #104A57;}
 +
.icon-user-md {color: #FE6C68;}
 +
.icon-group {color: #FFCD55;}
 +
 +
 +
 +
/*menu*/
 +
 +
.fixed-nav-bar {
 +
  position: fixed;
 +
  top: 18px;
 +
  left: 0;
 +
  z-index: 9999;
 +
  width: 100%;
 +
  height: 60px;
 +
  background: #fff;
 +
border-bottom: 1px solid #787172;
 +
border-top: 1px solid #787172;
 +
font-size: 14px;
 +
}
 +
 +
.menu-items {display: inline-block; width: 100%; text-align: center; margin-top: -10px; margin-left: -25px;
 +
}
 +
 +
.menu-items li {
 +
  display: inline-block;
 +
  margin-right: 10px;
 +
  margin-left: 10px;
 +
}
 +
.menu-items a {color: #473E4F; text-decoration: none; font-family: Raleway;}
 +
 +
 +
</style>
 +
 +
</head>
 +
 +
<body>
 +
<div style="clear: both;"></div>
 +
<div id="container">
 +
 +
      <nav class="fixed-nav-bar">
 +
  <div id="menu" class="menu">
 +
 +
 +
  <ul class="menu-items">
 +
<a href="https://2015.igem.org/Team:UCL/Home"><li>Home</li></a>
 +
<a href="https://2015.igem.org/Team:UCL/Description"><li>Project</li></a>   
 +
<a href="https://2015.igem.org/Team:UCL/Parts"><li>Parts</li></a>   
 +
<a href="https://2015.igem.org/Team:UCL/Experiments"><li>Experiments &amp; Protocols</li></a> 
 +
 +
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/v/t1.0-1/c3.0.160.160/p160x160/11012987_837961202954933_8011043740998938490_n.png?oh=a7923468802678158915746d51d9856f&oe=56338EDF&__gda__=1444695053_c0cc41228f96cc256abdf883df5eb1ca" style="width: 50px; height: 50px; margin-top: 13px;">
 +
 +
    <a href="https://2015.igem.org/Team:UCL/Collaborations"><li>Collaborations</li></a>
 +
    <a href="https://2015.igem.org/Team:UCL/Notebook"><li>Notebook</li></a>
 +
<a href="https://2015.igem.org/Team:UCL/Team"><li>Team</li></a>
 +
<a href="https://2015.igem.org/Team:UCL/Interlabstudy"><li>InterLab Study</li></a>
 +
  </ul>
  
 
</div>
 
</div>
 +
 +
</nav>
 +
 +
 +
<div id="main">
 +
 +
text
 +
 +
</div>
 +
 +
 +
 +
</div>
 +
 +
 +
 +
</body>
 +
 
</html>
 
</html>

Revision as of 21:06, 2 July 2015