Difference between revisions of "Template:Heidelberg/InterviewTemplate"

Line 187: Line 187:
 
<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/b/bc/T--Heidelberg--HP_experts_wollmann.jpeg" 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">
Line 204: Line 205:
 
             <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://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/f/ff/T--Heidelberg--HP_experts_wink.jpeg" alt=""><!-- this image will add height to parent element -->
 
<input type="checkbox" class="flipper" id="e">
 
<input type="checkbox" class="flipper" id="e">
 
<label for="e" class="flip-item">
 
<label for="e" 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/f/ff/T--Heidelberg--HP_experts_wink.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>"I`m a quote" & Text comes here</span></div>
Line 217: Line 219:
 
           <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://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/9/93/T--Heidelberg--HP_experts_degner_mrs.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://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/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>"I`m another quote" & Text comes here</span></div>
Line 230: Line 233:
 
<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://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/3/36/T--Heidelberg--HP_experts_stoellger.jpeg" alt=""><!-- this image will add height to parent element -->
 
<input type="checkbox" class="flipper" id="g">
 
<input type="checkbox" class="flipper" id="g">
 
<label for="g" class="flip-item">
 
<label for="g" 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/3/36/T--Heidelberg--HP_experts_stoellger.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>"I`m another quote" & Text comes here</span></div>

Revision as of 22:12, 28 October 2017

Integrated Human Practice