Difference between revisions of "Team:Uppsala/Team"

Line 1: Line 1:
−
{{Uppsala}}
+
{{Template_All_Teams}}
 
<html>
 
<html>
 +
<head>
  
−
<h2>Team</h2>
+
<link href="" type="text/css" rel="stylesheet">
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<!-- Start WOWSlider.com HEAD section -->
 +
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
 +
<script type="text/javascript" src="engine1/jquery.js"></script>
 +
<!-- End WOWSlider.com HEAD section -->
 +
 
 +
</script>
  
 +
<style>
  
 +
body {
 +
background-color: #FFFFFF;
 +
padding: 0 15%;
 +
}
  
 +
#main {
 +
background-color: #FFFFFF;
 +
margin-left:auto;
 +
margin-right:auto;
 +
width:1100px;
 +
padding: 5px;
 +
}
  
 +
.header {
 +
font-family:"Trebuchet MS", Helvetica;
 +
color: #FF3300;
 +
text-shadow: 2px 2px 5px #888888;
 +
}
  
−
<h4>Inspiration</h4>
+
#home_image {
−
<p>You can look at what other teams did to get some inspiration! <br />
+
  margin: 0 auto;
−
Here are a few examples:</p>
+
  display: block;
−
<ul>
+
  padding: 15px 0;
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
}
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<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>
+
hr {
−
<ul>
+
background-color: #FF3300;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
}
−
<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>
+
 
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
p {
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
font-family:Garamond, "Times New Roman";
 +
font-size: 150%;
 +
}
 +
 
 +
/*
 +
html, body {
 +
  min-height: 100%;
 +
  position: relative;
 +
  height: 100%;
 +
  margin: 0;
 +
}
 +
*/
 +
/* What are these for?*/
 +
.grid-container{
 +
  max-width: 600px;
 +
  min-height: 10%;
 +
  background-color: #c7c7c7;
 +
  margin: 0 auto;
 +
  text-align: justify;
 +
}
 +
 
 +
.grid-container:after{
 +
  content:'';
 +
  display: inline-block;
 +
  width: 100%;
 +
}
 +
 
 +
.grid-item{
 +
  width: 25%;
 +
  min-width: 50px;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  height: 125px;
 +
  background-color: #ff3819;
 +
  margin-bottom: 20px;
 +
  margin-top: 25px;
 +
}
 +
 
 +
 
 +
 
 +
/*ul .listelem {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
}
 +
 
 +
li {
 +
    float: left;
 +
}
 +
 
 +
.listelem a {
 +
    display: block;
 +
    width: 135px;
 +
    font-weight: bold;
 +
    color: #FFFFFF;
 +
    background-color: #EFEFEF;
 +
    text-align: center;
 +
    padding: 25px;
 +
    text-decoration: none;
 +
    text-transform: uppercase;
 +
}
 +
 
 +
.listelem a:hover, .listelem a:active {
 +
    background-color: #333385;
 +
}
 +
*/
 +
 
 +
 
 +
 
 +
/*Hide the sub-menus*/
 +
nav ul ul {
 +
  display: none;
 +
}
 +
/*Show the sub-menus when you hover over the bar elements*/
 +
nav ul li:hover > ul {
 +
  display: block;
 +
}
 +
/*Change of the box around the bar*/
 +
nav ul {
 +
  background-color: #A5A5C1;
 +
        background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
 +
  background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
 +
  font-family: serif;
 +
  text-align: center;
 +
        list-style: none;
 +
 
 +
  padding: 0 15px;
 +
  display: inline-table;   
 +
}
 +
nav > ul {
 +
  margin-top: 0px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
nav ul li {
 +
  float: left;
 +
}
 +
 
 +
/*Only affects links in the first ul, the bar*/
 +
nav ul li:hover > a{
 +
        background-color: #4b545f;
 +
  color: #CC0000;
 +
        text-decoration: none;
 +
  background-color: #A5A5C1;
 +
}
 +
 
 +
/* Change of link text in the bar*/
 +
nav ul li a {
 +
  display: block;
 +
  padding: 2px 15px;
 +
  text-decoration: none;
 +
        color: white;
 +
}
 +
/*List of sub-menus*/
 +
nav ul ul {
 +
  background: #5f6975;
 +
  border-radius: 0px;
 +
  padding: 0;
 +
  position: absolute;
 +
        top: 100%;
 +
}
 +
/*The individual sub-menu elements*/
 +
nav ul ul li {
 +
  float: none;
 +
  background-color: #A5A5C1;
 +
  border-top: 1px solid #6b727c;
 +
  border-bottom: 1px solid #575f6a;
 +
  position: relative;
 +
}
 +
/*The individual link texts in the sub-menus*/
 +
nav ul ul li a {
 +
  padding: 15px 20px;
 +
}
 +
 
 +
nav ul ul li a:hover {
 +
  background: #4b545f;
 +
}
 +
 
 +
 
 +
#footer {
 +
        background: #d3dfe4
 +
       
 +
}
 +
 
 +
</style>
 +
 
 +
</head>
 +
<body>
 +
 
 +
<nav>
 +
<ul class="navbar">
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala">Home</a></li>
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Team">Team</a></li>
 +
  <li class="listelem"><a href="#">Project
 +
      <ul>
 +
  <a href="https://2015.igem.org/Team:Uppsala/Description"><li>Description</li></a>
 +
  <a href="https://2015.igem.org/Team:Uppsala/Experiments"><li>Experiments &amp; Protocols</li></a> 
 +
  <a href="https://2015.igem.org/Team:Uppsala/Results"><li>Results</li></a> 
 +
  <a href="https://2015.igem.org/Team:Uppsala/Design"><li>Design</li></a>
 +
      </ul>
 +
  </a></li>
 +
  <li class="listelem"><a href="#">Parts</a></li>
 +
      <ul>
 +
  <a href="https://2015.igem.org/Team:Uppsala/Parts"><li>Team Parts</li></a>
 +
  <a href="https://2015.igem.org/Team:Uppsala/Basic_Part"><li>Basic Parts</li></a> 
 +
  <a href="https://2015.igem.org/Team:Uppsala/Composite_Part"><li>Composite Parts</li></a>
 +
  <a href="https://2015.igem.org/Team:Uppsala/Part_Collection"><li>Part Collection</li></a> 
 +
      </ul>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Notebook">Notebook</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Attributions">Attributions</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Collaborations">Collaborations</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Practices">Human Practices</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Safety">Safety</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Modeling">Modeling</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Measurement">Measurement</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Software">Software</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
 
</ul>
 
</ul>
 +
</nav>
  
  
 +
<!-- Start WOWSlider.com BODY section -->
 +
<!--<div id="wowslider-container1">
 +
<div class="ws_images"><ul>
 +
    <li><img src="DSC 0908.JPG" alt="DSC_0908" title="" id="wows1_0"/></li>
 +
    <li><img src="data1/images/dsc_0944.jpg" alt="DSC_0944" title="DSC_0944" id="wows1_1"/></li>
 +
    <li><img src="data1/images/dsc_0914.jpg" alt="DSC_0914" title="DSC_0914" id="wows1_2"/></li>
 +
    <li><a href="http://wowslider.com"><img src="data1/images/dsc_0934.jpg" alt="css image gallery" title="DSC_0934" id="wows1_3"/></a></li>
 +
    <li><img src="data1/images/dsc_0926.jpg" alt="DSC_0926" title="DSC_0926" id="wows1_4"/></li>
 +
  </ul></div>
 +
  <div class="ws_bullets"><div>
 +
    <a href="#" title="DSC_0908"><span><img src="data1/tooltips/dsc_0908.jpg" alt="DSC_0908"/>1</span></a>
 +
    <a href="#" title="DSC_0944"><span><img src="data1/tooltips/dsc_0944.jpg" alt="DSC_0944"/>2</span></a>
 +
    <a href="#" title="DSC_0914"><span><img src="data1/tooltips/dsc_0914.jpg" alt="DSC_0914"/>3</span></a>
 +
    <a href="#" title="DSC_0934"><span><img src="data1/tooltips/dsc_0934.jpg" alt="DSC_0934"/>4</span></a>
 +
    <a href="#" title="DSC_0926"><span><img src="data1/tooltips/dsc_0926.jpg" alt="DSC_0926"/>5</span></a>
 +
  </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">wordpress slideshow</a> by WOWSlider.com v8.2</div>
 +
<div class="ws_shadow"></div>
 +
</div> 
 +
<script type="text/javascript" src="engine1/wowslider.js"></script>
 +
<script type="text/javascript" src="engine1/script.js"></script> -->
 +
<!-- End WOWSlider.com BODY section -->
 +
    <h1 class="header">Team</h1>
 +
    <h2 class="header">This is our team</h2>
 +
    <hr>
 +
    <p>This is us.</p>
 +
    </div>
 +
 +
<div id="footer">
 +
Copyright © Wiki Team
 
</div>
 
</div>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 10:08, 24 July 2015

Team

This is our team

This is us.