Difference between revisions of "Team:Munich/Team"

(Prototype team page)
 
Line 1: Line 1:
{{Munich}}
 
 
 
<html>
 
<html>
 +
    <style>
 +
   
 +
    #home_logo, #sideMenu { display:none; }
 +
    #sideMenu, #top_title, .patrollink  {display:none;}
 +
    #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
    body {background-color:white; }
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 +
    </style>
  
 +
   
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" />
  
<div class="column full_size" >
+
<script type="text/javascript" src="https://2017.igem.org/Template:Munich/Javascript?
 +
action=raw&ctype=text/javascript"></script>
  
<h1>Team</h1>
+
    <style type="text/css">
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
       
</div>
+
        .ui.inverted.menu .just.item{
 +
                color: rgb(255, 255, 255);
 +
                background: rgba(255, 255, 255, 1.00);
 +
                padding: 0;
 +
        }
  
<div class="clear"></div>
+
        .ui.tiny.image, .ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.images svg{
 +
            height: 55px;
 +
            width: auto;
 +
            font-size: .95714286rem;
 +
            padding: 0;
 +
        }
 +
    </style>
  
<div class="column half_size" >
+
<body>
<h5>Inspiration</h5>
+
 
<p>You can look at what other teams did to get some inspiration! <br />
+
 
Here are a few examples:</p>
+
 
<ul>
+
<div class='ui seven item inverted blue menu'>
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
    <div class='ui just item'>
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
        <img class='ui tiny cascaid image' src="https://static.igem.org/mediawiki/2017/a/af/T--Munich--Logo_Final.svg">
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
    </div>
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
    <div class='ui active dropdown item'>
</ul>
+
        Project
 +
        <div class='ui menu'>
 +
            <a class="active item">Description</a>
 +
            <a class="item">Interlab</a>
 +
        </div>
 +
    </div>
 +
    <div class='ui disabled dropdown item'>
 +
        <div class='text'>Design</div>
 +
        <div class='ui menu'>
 +
            <a class="item">Overall</a>
 +
            <a class="item">Parts</a>
 +
            <a class="item">Hardware</a>
 +
            <a class="item">Software</a>
 +
            <a class="item">Modeling</a>
 +
        </div>
 +
    </div>
 +
    <div class='ui disabled dropdown item'>
 +
        <div class='text'>Lab</div>
 +
        <div class='ui menu'>
 +
            <a class="item">Lab journal</a>
 +
            <a class="item">Experiments</a>
 +
            <a class="item">Results</a>
 +
            <a class="item">Safety</a>
 +
        </div>
 +
    </div>
 +
 
 +
    <div class='ui disabled dropdown item'>
 +
        <div class="text">Team</div>
 +
        <div class='ui menu'>
 +
            <a class="item">Students</a>
 +
            <a class="item">Instructors</a>
 +
            <a class="item">PIs</a>
 +
        </div>
 +
    </div>
 +
 
 +
    <div class='ui disabled dropdown item'>
 +
        <div class='text'>Human Practices</div>
 +
        <div class='ui menu'>
 +
            <a class="item">Awards</a>
 +
            <a class="item">Medals</a>
 +
        </div>
 +
    </div>
 +
 
 +
    <div class='ui disabled dropdown item'>
 +
        <div class='text'>Awards</div>
 +
        <div class='ui menu'>
 +
            <a class="item">Special prizes</a>
 +
            <a class="item">Medals</a>
 +
        </div>
 +
    </div>
  
 
</div>
 
</div>
  
<div class="column half_size" >
+
<div class="ui inverted blue bottom fixed icon menu">
<h5>What should this page contain?</h5>
+
  <a class="item" href="https://www.facebook.com/Munich.iGEM/">
<ul>
+
    <i class="facebook icon"></i>
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
  </a>
<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>
+
  <a class="item" href="https://www.instagram.com/igem.munich.2017/">
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
    <i class="instagram icon"></i>
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
  </a>
</ul>
+
  <a class="item" href="mailto:igem.munich@gmail.com">
 +
    <i class="mail icon"></i>
 +
  </a>
 
</div>
 
</div>
  
 +
 +
<div class='ui container'>
 +
    <p class='ui centered text'>We are 17 students, 5 instructors and 2 PIs in our team</p>
 +
    <img class='ui rounded centered image' src="https://static.igem.org/mediawiki/2017/a/ab/T--Munich--team-picture.png"/>
 +
</div>
 +
 +
 +
   
 +
 +
       
 +
<script type="text/javascript">
 +
    $('.dropdown').dropdown({on:'hover'});
 +
</script>
 +
     
 +
     
 +
    <div class='ui clearing basic segment'></div>
  
  
 +
    </div> 
 
</div>
 
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 18:32, 30 June 2017

We are 17 students, 5 instructors and 2 PIs in our team