Difference between revisions of "Template:Heidelberg/InterviewTemplate"

Line 199: Line 199:
  
 
         </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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" 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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>"I`m a quote" & Text comes here</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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" 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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" 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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" 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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" 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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>"I`m a quote" & Text comes here</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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" 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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" 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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" 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://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""></figure>
 +
    <figure class="back">
 +
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
 +
 +
 +
        </div>   
 +
   
 +
   
 +
   
 +
   
 
         </div>
 
         </div>
 
</div>
 
</div>

Revision as of 20:37, 28 October 2017

Integrated Human Practice