Difference between revisions of "Team:CAU China/Attributions"

Line 1: Line 1:
−
 
 
{{CAU_China/CSS/Top}}
 
{{CAU_China/CSS/Top}}
 
<html>
 
<html>
−
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-white align-items-center text-light mb-0">
+
<style>
−
        <div class="row" style="">
+
−
            <div class="col-12 col-md-6">
+
−
               
+
−
            </div>
+
−
            <div class="col-12 col-md-6 p-5">
+
−
               
+
−
                <span class="d-block mt-5">
+
−
               
+
−
             
+
−
               
+
−
            </div>
+
−
        </div>
+
  
−
        <div class="row mt-4" style="">
+
.pictureTitle{
−
         
+
background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.6)), url("");
−
        </div>
+
background-repeat: no-repeat;
 +
background-size: cover;
 +
background-position:center;
 +
}
  
−
     </div>  
+
 
−
<div>
+
.btn-link{
−
<h3>Attributions</h3>
+
opacity: 0.8;
 +
text-decoration: none;
 +
}
 +
.btn-link:hover{
 +
opacity: 1;
 +
text-decoration: none;
 +
}
 +
.btn-link:focus{
 +
opacity: 1;
 +
text-decoration: none;
 +
} 
 +
.card-header{
 +
background-color: rgba(50,50,50,1);
 +
}   
 +
.card button{
 +
width: 100%;
 +
font-size: 1.5rem;
 +
}
 +
 
 +
 
 +
@media only screen and (max-width: 767.98px) {
 +
 
 +
.row{
 +
     margin-bottom: .5rem;
 +
}
 +
.card button{
 +
font-size: 1rem;
 +
}
 +
}
 +
 
 +
</style>
 +
 
 +
    <script>
 +
       
 +
    </script>
 +
 
 +
<div class="pictureTitle container-fluid text-center mb-0 align-items-center text-light">
 +
 
 +
                <div class="display-2 mb-0">
 +
                Attributions
 +
                </div>
 +
    <h4></h4>
  
 
</div>
 
</div>
−
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-white align-items-center text-light mb-0">
+
   
−
        <div class="row" style="">
+
−
            <div class="col-12 col-md-6">
+
−
               
+
−
            </div>
+
−
            <div class="col-12 col-md-6 p-5">
+
−
               
+
−
                <span class="d-block mt-5">
+
−
               
+
−
             
+
−
               
+
−
            </div>
+
−
        </div>
+
  
−
        <div class="row mt-4" style="">
+
   
−
         
+
−
        </div>
+
  
−
     </div>  
+
<div class="container-fluid pt-4 pb-4 mb-0 bg-dark justify-content-center">
−
<div class="showCase container-fluid jumbotron jumbotron-fluid text-center bg-white align-items-center text-light mb-0">
+
      
−
         <div class="row" style="">
+
   
−
            <div class="col-12 col-md-6">
+
<div class="row mb-5 mt-3">
 +
<div class="col-12 text-center">
 +
<img src="http://2018.igem.org/wiki/images/2/23/T--munich--Attributions_Timeline.png" class="img-fluid rounded mx-auto" alt="A generic square placeholder image with rounded corners in a figure.">
 +
</div>
 +
</div>
 +
 
 +
<!---
 +
<div class="row justify-content-center mb-5">
 +
<div class="text-white bg-secondary px-5 py-2 rounded" Style="width: 80%;">
 +
Students in Germany receive extensive training in practical courses.<br><br>
 +
 
 +
Scientific courses: Biochemistry, Biology, Informatics
 +
</div>
 +
</div>
 +
--->
 +
 
 +
   
 +
<div class="row justify-content-center mb-5">
 +
<div id="accordion" Style="width: 80%;">
 +
<h2 class="text-white text-center" Style="">Team Attributions</h2> 
 +
<div class="card mt-2">
 +
    <div class="card-header" id="headingOne" style="background-color: #0165E0;">
 +
      <h5 class="mb-0">
 +
         <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
 +
            <span class="text-white font-weight-bold">Principal Investigators</span>
 +
        </button>
 +
      </h5>
 +
    </div>
 +
 
 +
    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
 +
      <div class="card-body">
 +
         
 +
      </div>
 +
    </div>
 +
  </div>
 +
<div class="card mt-2">
 +
    <div class="card-header" id="headingTwo" style="background-color: #0170DB;">
 +
      <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
 +
          <span class="text-white font-weight-bold">Supervisors</span>
 +
        </button>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
 +
      <div class="card-body">
 +
         
 +
      </div>
 +
    </div>
 +
  </div>
 +
<div class="card mt-2">
 +
    <div class="card-header" id="headingThree" style="background-color: #017FD4;">
 +
      <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
 +
          <span class="text-white font-weight-bold">Students</span>
 +
        </button>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
 +
      <div class="card-body">
 +
         
 +
      </div>
 +
    </div>
 +
  </div>
 +
<h2 class="text-white text-center mt-4">External Support</h2>   
 +
<div class="card mt-2">
 +
 
 +
<div class="card-header" id="headingFour" style="background-color: #018DCD;">
 +
      <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
 +
          <span class="text-white font-weight-bold">General Support</span>
 +
        </button>
 +
      </h5>
 +
    </div>
 +
 
 +
    <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
 +
      <div class="card-body">
 +
          <div class="row mt-2">
 +
          <div class="col-12 col-md-3"><strong><a href="https://www.ph.tum.de/about/people/vcard/E375E0BAA2E36013/" style="Color:#009EC6">Susanne Kinzel</a></strong></div>
 +
          <div class="col-12 col-md-9">Coordination of the financial bureaucracy at the university</div>
 +
<div class="col-12 col-md-3"><strong><a href="https://www.instagram.com/viehhaus/?hl=en" style="Color:#009EC6">Theresa Viehhaus</a></strong></div>
 +
          <div class="col-12 col-md-9">Animation of 3D Phage Assembly on Home</div>
 +
          </div>
 +
      </div>
 +
    </div>
 +
</div>
 +
<div class="card mt-2">
 +
 
 +
    <div class="card-header" id="headingFive" style="background-color: #009CC7;">
 +
      <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
 +
          <span class="text-white font-weight-bold">Project Advice</span>
 +
        </button>
 +
      </h5>
 +
    </div>
 +
 
 +
    <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
 +
      <div class="card-body">
 +
         
 +
      </div>
 +
    </div>
 +
  </div>
 +
<div class="card mt-2">
 +
 
 +
    <div class="card-header" id="headingSix" style="background-color: #00B3BC;">
 +
      <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
 +
        <span class="text-white font-weight-bold">Lab Support</span>
 +
        </button>
 +
      </h5>
 +
    </div>
 +
 
 +
    <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordion">
 +
      <div class="card-body">
 +
                 
 +
    </div>
 +
</div>
 +
</div>
 +
<div class="card mt-2">
 +
    <div class="card-header" id="headingSeven" style="background-color: #00BEB7;">
 +
      <h5 class="mb-0">
 +
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
 +
        <span class="text-white font-weight-bold">Difficult Technique Support</span>
 +
        </button>
 +
      </h5>
 +
    </div>
 +
 
 +
<div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordion">
 +
      <div class="card-body">
 
                  
 
                  
−
            </div>
+
      </div>
−
            <div class="col-12 col-md-6 p-5">
+
    </div>
−
               
+
</div>
−
                <span class="d-block mt-5">
+
<div class="card mt-2">
−
               
+
 
−
             
+
    <div class="card-header" id="headingEight" style="background-color: #00CBB1;">
−
               
+
      <h5 class="mb-0">
−
            </div>
+
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
−
        </div>
+
        <span class="text-white font-weight-bold">Presentation Coaching</span>
 +
        </button>
 +
      </h5>
 +
    </div>
 +
 
 +
    <div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordion">
 +
      <div class="card-body">
 +
           
 +
      </div>
 +
    </div>
 +
</div>
 +
   
 +
</div>
 +
</div>
 +
 +
 
 +
</div>
 +
 
  
−
        <div class="row mt-4" style="">
 
−
         
 
−
        </div>
 
  
−
    </div>
 
 
</html>
 
</html>
 +
 
{{CAU_China/CSS/Footer}}
 
{{CAU_China/CSS/Footer}}

Revision as of 06:43, 19 June 2019










Phactory

Attributions

A generic square placeholder image with rounded corners in a figure.

Team Attributions

External Support

Susanne Kinzel
Coordination of the financial bureaucracy at the university
Theresa Viehhaus
Animation of 3D Phage Assembly on Home


&copy 2019 CAU_ESPA. All rights reserved
Website Design by Leland