<div class="container">
<div class="row">
<div class="col-sm-12">
      <div class="flip">
        <div class="card">
          <div class="face front">
            <div class="inner">
              <h3>Blabla</h3>
              <p><a class="contenu" data-dest="contenuA">ContenuA</a></p>
              <p><a class="contenu" data-dest="contenuB">ContenuB</a></p>
              <p><a class="contenu" data-dest="contenuC">ContenuC</a></p>
            </div>
          </div>
          <div class="face back">
            <div class="inner text-center contenuA">
              <a class="retour"> back </a>
              <h3>A Improved efficiency through automation</h3>
            </div>
            <div class="inner text-center contenuB">
							<a class="retour"> back </a>
              <h3>B Improved efficiency through automation</h3>
            </div>
            <div class="inner text-center contenuC">
							<a class="retour"> back </a>
              <h3>C Improved efficiency through automation</h3>
            </div>

              <button type="button" class="btn btn-default">Know More</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  </div>
  </div>
