Difference between revisions of "Team:Heidelberg/Sandbox10"

Line 5: Line 5:
 
.heidelbox-darkred {background-color: #9D1C20 !important; color: white !important; }
 
.heidelbox-darkred {background-color: #9D1C20 !important; color: white !important; }
 
</style>
 
</style>
 
<div class="heidelbox-darkred">
 
<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">Some content</h1>
 
    </div>
 
  </div>
 
</div>
 
 
<style>
 
<style>
 
+
.flip-item-wrap{
.flip-item-wrap{
+
 
width: 100%;
 
width: 100%;
 
    height: auto;
 
    height: auto;
Line 142: Line 132:
 
         color: white;
 
         color: white;
 
     }
 
     }
</style>  
+
</style>
 +
<div class="heidelbox-darkred">
 +
<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">
Line 171: Line 170:
 
</section>
 
</section>
 
             </div>  
 
             </div>  
 
+
<div class="col-lg-3 col-md-3 col-xs-6 col-xs-12">
 
+
            <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="c">
 +
<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="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-xs-6 col-xs-12">
 +
            <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="d">
 +
<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="back">
 +
    <div class="flip-item-desc center-test"><span>"I`m another quote" & Text comes here</span></div>
 +
   
 +
    </figure>
 +
</label>
 +
</section>
 +
            </div>
  
  

Revision as of 16:52, 22 October 2017

Integrated Human Practice