JSFiddle - React, Tailwind, and code Playground

by santhucool007

HTML

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
  <section id="slider">

    <ul class="rslides" id="modest-slider">

      <li class="slider-wrapper hidden-xs col-sm-3">

        <div class="slider-img-container">
          <img src="http://placehold.it/350x150&text=slider1" alt="slider1" />
        </div>

        <div class="slider-caption container">
          <div class="col-md-7" style="border-left-width: 4px; top: auto; bottom: 126px; width: 600px; background: rgba(255, 255, 255, 0.6); height:130px;">
            <h1>Exclusively  New Concept!</h1>
            <p class="slider-description2">
              Lorem ipsum sample Lorem ipsum sample Lorem ipsum sample Lorem ipsum sample Lorem ipsum sample...
            </p>
          </div>
        </div>
        <!-- /.slider-caption -->

      </li>
      <!-- /.slider-wrapper -->
      </ui>
  </section>