Difference between revisions of "Template:Heidelberg/InterviewTemplate"

 
(18 intermediate revisions by 2 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">Expert Interviews</h1>
+
−
    </div>
+
−
  </div>
+
−
</div>
+
−
 
+
 
<div class="container">
 
<div class="container">
 
         <div class="row">
 
         <div class="row">
Line 152: Line 145:
 
    <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="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 166: Line 159:
 
    <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="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 179: Line 172:
 
    <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="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 193: Line 186:
 
    <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="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 211: Line 204:
 
    <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="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/19/T--Heidelberg--HP_experts_winkV2.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. Michael Wink, Evolution Expert</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 220: Line 213:
 
             <section class="flip-item-wrap">
 
             <section class="flip-item-wrap">
 
<img class="give_height"  
 
<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 -->
+
                     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">
 
<input type="checkbox" class="flipper" id="f">
 
<label for="f" class="flip-item">
 
<label for="f" 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="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/10/T--Heidelberg--HP_experts_huland.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>Prof. Edith Huland, Medical Professional</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 239: Line 232:
 
    <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="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">
 
    <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>Prof. Philipp Stoellger, Theologian and Ethics Expert</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 252: Line 245:
 
    <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="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/a/a2/T--Heidelberg--HP_experts_koethe.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. Ullrich Köthe, Aritificial Intelligence</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 269: Line 262:
 
    <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="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/2/22/T--Heidelberg--HP_experts_ernst.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>Dr. Michael Ernst, Agricultural Applications</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 282: Line 275:
 
    <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="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/9/98/T--Heidelberg--HP_experts_adlung.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. Lorenz Adlung, Systems Biologist and Science Enthusiast</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 290: Line 283:
 
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 
<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://static.igem.org/mediawiki/2017/8/89/T--Heidelberg--HP_experts_degner_mrV3.jpeg" alt=""><!-- this image will add height to parent element -->
+
<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">
 
<input type="checkbox" class="flipper" id="k">
 
<label for="k" class="flip-item">
 
<label for="k" 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="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">
 
    <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>Birgit Degner, Judge</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 308: Line 301:
 
    <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="front"><img class="circular" src="https://static.igem.org/mediawiki/2017/1/11/T--Heidelberg--HP_experts_janausch.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. Ingo Janausch, Biological Security and Gene Technology</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 316: Line 309:
 
             <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 
             <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://static.igem.org/mediawiki/2017/1/10/T--Heidelberg--HP_experts_huland.jpeg" alt=""><!-- this image will add height to parent element -->
+
<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">
 
<input type="checkbox" class="flipper" id="m">
 
<label for="m" class="flip-item">
 
<label for="m" 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="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">
 
    <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. Jens Degner, Judge</span></div>
 
   
 
   
 
    </figure>
 
    </figure>
Line 327: Line 320:
 
</section>
 
</section>
 
             </div>  
 
             </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>
 +
  
  

Latest revision as of 22:57, 31 October 2017