JSFiddle - React, Tailwind, and code Playground

by atif_kht

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="row">
  <div class="col-lg-12">
    <div id="carousel-example-generic2" class="carousel slide">
       <div class="carousel-inner central-slider" style="height: 376px;">                     
          <div class="item home-left active" style="background-image: url(http://www.nikalabs.info/dcp/wp-content/plugins/sliders/images/dcp_left.jpg); height: 376px; background-position: initial initial; background-repeat: initial initial;">
            <a href="http://www.nikalabs.info/dcp/enroll-now/">
                <img src="http://www.nikalabs.info/dcp/wp-content/themes/dcp/images/home_enroll.png" id="home-enroll" class="img-responsive" alt="" title="">
            </a>
         </div>
              
         <div class="item home-left" style="background-image: url(http://www.nikalabs.info/dcp/wp-content/plugins/sliders/images/slide_left_2.jpg); height: 376px; background-position: initial initial; background-repeat: initial initial;">
              <a href="http://www.nikalabs.info/dcp/enroll-now/">
                  <img src="http://www.nikalabs.info/dcp/wp-content/themes/dcp/images/home_enroll.png" id="home-enroll" class="img-responsive" alt="" title="">
              </a>
        </div>

        <div class="item home-left" style="background-image: url(http://www.nikalabs.info/dcp/wp-content/plugins/sliders/images/slide_left_3.jpg); height: 376px; background-position: initial initial; background-repeat: initial initial;">
              <a href="http://www.nikalabs.info/dcp/enroll-now/">
                  <img src="http://www.nikalabs.info/dcp/wp-content/themes/dcp/images/home_enroll.png" id="home-enroll" class="img-responsive" alt="" title="">
              </a>
       </div> 
       
       <div class="item home-left" style="background-image:...

CSS

#close_main, #plus-main, #info-main, #close_plus, #close_achieve, #achievement_content, #school_content_mobile, #invest_content, #schools_content{display: none}

JavaScript

jQuery('#carousel-example-generic2').carousel({
		pause:'false'
	});
	
	jQuery('#carousel-example-generic2').on('slide', function(){
		jQuery('#carousel-example-generic1').carousel('next');
	});