Difference between revisions of "Template:Heidelberg/InterviewTemplate"

(Created page with "{{Template_All_Teams}} <html> <style> .heidelbox-darkred { background-color: #9D1C20 !important; color: white !important; } .flip-item-wrap {...")
 
 
(41 intermediate revisions by 3 users not shown)
Line 41: Line 41:
 
height:auto;
 
height:auto;
 
display:block;
 
display:block;
−
                border-radius: 50%;
+
                        border-radius: 50%;
 +
                        border: 2px solid grey;
 
margin:0;
 
margin:0;
 
}
 
}
Line 105: Line 106:
 
.flip-item-desc{
 
.flip-item-desc{
 
background: #222;
 
background: #222;
−
                         border: 1px solid white;
+
                         border: 1px solid grey;
 
                         width: 100%;
 
                         width: 100%;
 
                         color: white;
 
                         color: white;
Line 133: Line 134:
 
     }
 
     }
 
</style>
 
</style>
−
<div class="heidelbox-darkred" style="padding-bottom: 100px">
+
<div class="heidelbox-darkred" style="padding-top: 50px;padding-bottom: 100px">
−
<div class="container">
+
−
  <div class="row" style="padding-top: 100px; padding-bottom: 25px">
+
−
    <div class="col-lg-12 col-md-12 col-xs-12 content heidelbox-darkred" style="display: inline-block;">
+
−
      <h1 style="color: white !important">Integrated Human Practice</h1>
+
−
    </div>
+
−
  </div>
+
−
</div>
+
−
 
+
 
<div class="container">
 
<div class="container">
 
         <div class="row">
 
         <div class="row">
−
             <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+
             <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 
             <section class="flip-item-wrap">
 
             <section class="flip-item-wrap">
−
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
+
<img class="give_height"  
 +
                    src="https://static.igem.org/mediawiki/2017/b/b8/T--Heidelberg--HP_experts_esvelt.jpeg" alt=""><!-- this image will add height to parent element -->
 
<input type="checkbox" class="flipper" id="a">
 
<input type="checkbox" class="flipper" id="a">
 
<label for="a" class="flip-item">
 
<label for="a" class="flip-item">
−
    <figure class="front"><img class="circular" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/b/b8/T--Heidelberg--HP_experts_esvelt.jpeg" alt=""></figure>
 
    <figure class="back">
 
    <figure class="back">
−
    <div class="flip-item-desc center-test"><span>"I`m a quote" & Text comes here</span></div>
+
    <div class="flip-item-desc center-test"><span>Prof. Kevin Esvelt, Inventor of PACE</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 157: Line 151:
 
</section>
 
</section>
 
             </div>
 
             </div>
−
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 
             <section class="flip-item-wrap">
 
             <section class="flip-item-wrap">
−
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
+
<img class="give_height"  
 +
                    src="https://static.igem.org/mediawiki/2017/8/88/T--Heidelberg--HP_experts_disanto.jpeg" alt=""><!-- this image will add height to parent element -->
 
<input type="checkbox" class="flipper" id="b">
 
<input type="checkbox" class="flipper" id="b">
 
<label for="b" class="flip-item">
 
<label for="b" class="flip-item">
−
    <figure class="front"><img class="circular" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/8/88/T--Heidelberg--HP_experts_disanto.jpeg" alt=""></figure>
 
    <figure class="back">
 
    <figure class="back">
−
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
    <div class="flip-item-desc center-test"><span>Antonio D´Isanto, Deep Neural Networks</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 170: Line 165:
 
</section>
 
</section>
 
             </div>  
 
             </div>  
−
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 
             <section class="flip-item-wrap">
 
             <section class="flip-item-wrap">
−
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
+
<img class="give_height" src="https://static.igem.org/mediawiki/2017/8/8a/T--Heidelberg--HP_experts_kaufmann.jpeg" alt=""><!-- this image will add height to parent element -->
 
<input type="checkbox" class="flipper" id="c">
 
<input type="checkbox" class="flipper" id="c">
 
<label for="c" class="flip-item">
 
<label for="c" class="flip-item">
−
    <figure class="front"><img class="circular" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/8/8a/T--Heidelberg--HP_experts_kaufmann.jpeg" alt=""></figure>
 
    <figure class="back">
 
    <figure class="back">
−
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
    <div class="flip-item-desc center-test"><span>Dr. Dorothea Kaufmann, Human Practice Expert</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 183: Line 178:
 
</section>
 
</section>
 
             </div>  
 
             </div>  
−
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 
             <section class="flip-item-wrap">
 
             <section class="flip-item-wrap">
−
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
+
<img class="give_height"  
 +
                    src="https://static.igem.org/mediawiki/2017/b/bc/T--Heidelberg--HP_experts_wollmann.jpeg" alt=""><!-- this image will add height to parent element -->
 
<input type="checkbox" class="flipper" id="d">
 
<input type="checkbox" class="flipper" id="d">
 
<label for="d" class="flip-item">
 
<label for="d" class="flip-item">
−
    <figure class="front"><img class="circular" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
+
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/b/bc/T--Heidelberg--HP_experts_wollmann.jpeg" alt=""></figure>
 
    <figure class="back">
 
    <figure class="back">
−
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
+
    <div class="flip-item-desc center-test"><span>Thomas Wollmann, Deep Learning</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 199: Line 195:
  
 
         </div>
 
         </div>
 +
        <div class="row">
 +
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height"
 +
                    src="https://static.igem.org/mediawiki/2017/1/19/T--Heidelberg--HP_experts_winkV2.jpeg" alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="e">
 +
<label for="e" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/19/T--Heidelberg--HP_experts_winkV2.jpeg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Prof. Michael Wink, Evolution Expert</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height"
 +
                    src="https://static.igem.org/mediawiki/2017/1/10/T--Heidelberg--HP_experts_huland.jpeg" alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="f">
 +
<label for="f" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/10/T--Heidelberg--HP_experts_huland.jpeg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Prof. Edith Huland, Medical Professional</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height"
 +
                    src="https://static.igem.org/mediawiki/2017/a/ac/T--Heidelberg--HP_experts_stoellger_V2.jpeg" alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="g">
 +
<label for="g" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/a/ac/T--Heidelberg--HP_experts_stoellger_V2.jpeg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Prof. Philipp Stoellger, Theologian and Ethics Expert</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height" src="https://static.igem.org/mediawiki/2017/a/a2/T--Heidelberg--HP_experts_koethe.jpeg" alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="h">
 +
<label for="h" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/a/a2/T--Heidelberg--HP_experts_koethe.jpeg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Dr. Ullrich Köthe, Aritificial Intelligence</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
 +
 +
        </div>
 +
        <div class="row">
 +
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height" src="https://static.igem.org/mediawiki/2017/2/22/T--Heidelberg--HP_experts_ernst.jpeg" alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="i">
 +
<label for="i" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/2/22/T--Heidelberg--HP_experts_ernst.jpeg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Dr. Michael Ernst, Agricultural Applications</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height" src="https://static.igem.org/mediawiki/2017/9/98/T--Heidelberg--HP_experts_adlung.jpeg " alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="j">
 +
<label for="j" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/9/98/T--Heidelberg--HP_experts_adlung.jpeg " alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Dr. Lorenz Adlung, Systems Biologist and Science Enthusiast</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height" src="https://static.igem.org/mediawiki/2017/9/93/T--Heidelberg--HP_experts_degner_mrs.jpeg" alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="k">
 +
<label for="k" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/9/93/T--Heidelberg--HP_experts_degner_mrs.jpeg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Birgit Degner, Judge</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height" src="https://static.igem.org/mediawiki/2017/1/11/T--Heidelberg--HP_experts_janausch.jpeg" alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="l">
 +
<label for="l" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/11/T--Heidelberg--HP_experts_janausch.jpeg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Dr. Ingo Janausch, Biological Security and Gene Technology</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height" src="https://static.igem.org/mediawiki/2017/8/89/T--Heidelberg--HP_experts_degner_mrV3.jpeg" alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="m">
 +
<label for="m" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/8/89/T--Heidelberg--HP_experts_degner_mrV3.jpeg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Dr. Jens Degner, Judge</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
            <section class="flip-item-wrap">
 +
<img class="give_height" src="https://static.igem.org/mediawiki/2017/1/1f/T--Heidelberg--HP_experts_greb.jpeg" alt=""><!-- this image will add height to parent element -->
 +
<input type="checkbox" class="flipper" id="n">
 +
<label for="n" class="flip-item">
 +
    <figure class="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/1f/T--Heidelberg--HP_experts_greb.jpeg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>Dr. Lutz Greb, Organosilicon Expert</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
 +
 +
 +
        </div>   
 +
   
 +
   
 +
   
 +
   
 
         </div>
 
         </div>
 
</div>
 
</div>

Latest revision as of 22:57, 31 October 2017