Team:Heidelberg/Team

From 2014.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/boxes}}
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/boxes}}
 +
<html>
 +
<style>
 +
.subtitle {
 +
color: white;
 +
}
 +
</style>
 +
</html>
{{:Team:Heidelberg/templates/wikipage_new|
{{:Team:Heidelberg/templates/wikipage_new|
-
body-style=background-color:white;
+
body-style=background-color: black;
|
|
-
container-style=background-color: #B7B7B7; background-image: url(/wiki/images/2/26/Heidelberg_Epic_Background_light.jpg); background-repeat: no-repeat; background-size: 100% auto;
+
container-style=background-color: black; background-image: url(/wiki/images/6/6a/Heidelberg_epic_background.jpg); background-repeat: no-repeat; background-size: 100% auto;
|
|
title=TEAM
title=TEAM
|
|
-
subtitle=This is a test subtitle
+
subtitle=Behind the Ideas and the Data.
|
|
white=true
white=true
 +
|
 +
body-style=background-color:black;
|
|
red-logo=true
red-logo=true
Line 16: Line 25:
|
|
content=
content=
 +
<html>
<html>
-
<div class="col-lg-12" style="margin-bottom:15px;">
+
<style>
-
  <div style="width:100%;padding:0 15px 0 15px;">
+
#carousel-wrapper {
-
     <a href="/Team:Heidelberg/Team/Members" class="box" style="display:block; width:100%;">
+
position: absolute;
-
      <h2>Teammembers</h2><img src="/wiki/images/9/9f/Heidelberg_Igemathome_bg.png" alt="iGemathome Image" style="width:40%;float:right;" />
+
width: 100%;
-
       Hier findet der Leser eine Erklärung. Hier findet der Leser eine kurze Erklärung.
+
height:100%;
-
      Hier findet der Leser eine Erklärung. Hier findet der Leser eine Erklärung. Hier findet der Leser eine kurze Erklärung.
+
left: 0;
-
      Hier findet der Leser eine Erklärung.
+
top:0;
-
<div class="clearfix"></div>  
+
overflow:hidden;
-
    </a>
+
}
 +
 
 +
#slider-box {
 +
border: solid 4px #DE2401;
 +
}
 +
 
 +
.carousel-control.right {
 +
right: 0;
 +
left: auto;
 +
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
 +
background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
 +
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
 +
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 +
background-repeat: repeat-x;
 +
}
 +
 
 +
.carousel-control.left {
 +
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
 +
background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
 +
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
 +
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 +
background-repeat: repeat-x;
 +
}
 +
 
 +
</style>
 +
 
 +
<div class="col-lg-12">
 +
     <a href="https://2014.igem.org/Team:Heidelberg/Team/Members" style="display:block; padding:0; position:relative;" class="box">
 +
        <img src="/wiki/images/4/45/Team_landingPage.jpg" style="width:100%" />
 +
<span style="position:absolute; padding:15px; bottom:0; left:0; color:white;">
 +
<h3>Students and Supervisors</h3>
 +
       To realize such a big project many people are needed. Meet all team members, read something about their character and see them in Boston!
 +
</span>  
 +
</a>
 +
 
 +
 
   </div>
   </div>
 +
   <div class="boxes-table">
   <div class="boxes-table">
-
     <a href="/Team:Heidelberg/Team/Collaborations" class="box cell" style="width:50%;">
+
     <div class="cell" style="width: 50%;">
-
      <h3>Collaboration</h3>
+
      <a href="/Team:Heidelberg/Team/Collaborations" class="box" style="height:50%; display:block; margin-bottom:15px;">
-
<img src="/wiki/images/1/10/Heidelberg_Religion.png" style="width: 40%;float: right;">
+
        <h3><span>Collaboration</span></h3>
-
       Hier findet der Leser eine Erklärung. Hier findet der Leser eine Erklärung. Hier findet der Leser eine Erklärung.
+
        Following the spirit of iGEM to encourage students from various scientific fields to work in a team we collaborate with different teams. We helped the iGEM Team Aachen and the iGEM Team Tübingen sending them our expression vectors to solve wet-lab problems. Click to read more!
-
  Hier findet der Leser eine Erklärung. Hier findet der Leser eine Erklärung. Hier findet der Leser eine Erklärung.  
+
      </a>
-
</a>
+
      <a href="/Team:Heidelberg/Team/Attributions" class="box" style="height:50%; display:block;">
-
     <a href="/Team:Heidelberg/Team/Attributions" class="box cell">
+
        <h3><span>Attributions</span></h3>
-
       <h3><span>Attributions</span></h3>
+
        In the elaboration of our project we had many open questions and tasks we could not handle alone. A big thank you to all people helping and supporting us. Read more!
-
       Hier findet der Leser eine Erklärung. Hier findet der Leser eine Erklärung. Hier findet der Leser eine Erklärung.
+
      </a>
-
     </a>
+
    </div>
 +
<div id="slider-box" class="box cell" style="width:70%; position:relative;">
 +
<div id="carousel-wrapper">
 +
<div style="width:100%; height:100%" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="5"></li>
 +
   
 +
  </ol>
 +
 
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
       <img src="https://static.igem.org/mediawiki/2014/b/b8/Heidelberg_orig_IMG_9954.jpg" alt="Maxsiehtechtgutaus">
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/6/69/Heidelberg_orig_IMG_9905.jpg" alt="HalloJan">
 +
    </div>
 +
     <div class="item">
 +
      <img src="/wiki/images/0/0e/Heidelberg_orig_IMG_9861.jpg" alt="Maxisttoll">
 +
    </div>
 +
  <div class="item">
 +
       <img src="https://static.igem.org/mediawiki/2014/6/62/Heidelberg_orig_IMG_9899.jpg" alt="MaxverstehtdieLiebenicht">
 +
    </div>
 +
  <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/1/12/Heidelberg_orig_IMG_9897.jpg" alt="Max?Hmmm">
 +
    </div>
 +
  <div class="item">
 +
       <img src="https://static.igem.org/mediawiki/2014/9/97/Heidelberg_orig_IMG_9895.jpg" alt="Steckdose">
 +
     </div>
 +
  </div>
 +
 
 +
  <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left"></span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right"></span>
 +
  </a>
 +
</div>
 +
      </div>
 +
    </div>
   </div>
   </div>
   <div style="width:100%;padding:15px;">
   <div style="width:100%;padding:15px;">
     <a href="/Team:Heidelberg/Team/Sponsoring" class="box" style="display:block">
     <a href="/Team:Heidelberg/Team/Sponsoring" class="box" style="display:block">
     <h3><span>Sponsoring</span></h3>
     <h3><span>Sponsoring</span></h3>
-
    Hier findet der Leser eine Erklärung. Hier findet der Leser eine Erklärung. Hier findet der Leser eine Erklärung.
+
  Our project was funded by many sponsors. Without them, our work would not have been possible.
     </a>
     </a>
   </div>
   </div>

Latest revision as of 11:37, 17 October 2014

– Behind the Ideas and the Data.