target slide variations

slide-inner-content.html

<div class="carousel-inner" style="float: none; margin: 0 auto;">
    <div class="row">
      <div class="col-md-12">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner">
            <div class="item active">
              <img src="/sites/default/files/styles/tslide-flex/public/flexslider_example/02.jpg" alt="First slide">
              <div class="carousel-caption">
                <h2 class="onslide-heading c-center c-font c-font-uppercase c-font-bold">7 offices, covering more than 50 countries</h2>
                <p>
                  Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
              </div>
            </div>
            <div class="item">
              <img src="/sites/default/files/styles/tslide-flex/public/flexslider_example/03.jpg" alt="Second slide">
              <div class="carousel-caption">
                <h2 class="onslide-heading c-center c-font c-font-uppercase c-font-bold">More than 1500 successful placements across CEE</h2>
                <p>
                  Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
              </div>
            </div>
            <div class="item">
              <img src="/sites/default/files/styles/tslide-flex/public/flexslider_example/01.jpg" alt="Third slide">
              <div class="carousel-caption">
                <h2 class="onslide-heading c-center c-font c-font-uppercase c-font-bold">Over 150 000 up-to-date candidate profiles</h2>
                <p>
                  Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
              </div>
            </div>
          </div>
          <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right">
            </span>
          </a>
        </div>
        <div class="main-text hidden-xs">
          <div class="row">
            <div class="col-md-2 hidden-sm hidden-xs">
              <img src="/sites/all/themes/jango_sub/templates/views/target/slider/img/k.png" class="img-responsive klemens" alt="Klemens Wersonig">
            </div>
            <div class="col-md-3 hidden-sm hidden-xs box">
              <div class="jobs-ticker ver" data-direction="up" data-duration="1000">
                <div class='jobs-ticker' data-direction='up'>
                  <?php print $jobs; ?>
                </div>
              </div>
            </div>
            <div class="col-sm-12 col-md-4 box">
              <?php print $text; ?>
            </div>
            <div class="col-md-3 hidden-sm hidden-xs box">
              <div class="pow">
                <?php print $pow; ?>
              </div>
            </div>
          </div>
          <div class="">
            <a class="btn btn-clear btn-sm btn-min-block" href="http://www.jquery2dotnet.com/">Login</a>
            <a class="btn btn-clear btn-sm btn-min-block" href="http://www.jquery2dotnet.com/">Registration</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>