The HTML Code below contains a sample carousel that can be added to any page on the business portal:

<div class="carousel-inner">
    <div class="item active">
	  <center>
	    <img src="/Studioware/605098ec-d135-4955-8b06-a3900bba7855/BusinessPortal/DSC_0020.JPG"" alt="" style="height:500px;">
	  </center>
      <div class="carousel-caption">
        <h2>Caption 1</h2>
        <p>Text related to caption one!</p>
      </div>
    </div>

<div class="item">
	  <center>
        <img src="/Studioware/605098ec-d135-4955-8b06-a3900bba7855/BusinessPortal/DSC_0037.JPG"" alt="" style="height:500px;">
	  </center>
      <div class="carousel-caption">
        <h2>Caption 2</h2>
        <p>Text related to caption two!</p>
      </div>
    </div>

<div class="item">
	  <center>
        <img src="/Studioware/605098ec-d135-4955-8b06-a3900bba7855/BusinessPortal/DSC_0102.JPG"" alt="" style="height:500px;">
	  </center>
      <div class="carousel-caption">
        <h2>Caption 3</h2>
        <p>Text related to caption three!</p>
      </div>
    </div>
	
	<div class="item">
	  <center>
        <img src="/Studioware/605098ec-d135-4955-8b06-a3900bba7855/BusinessPortal/DSC_0040.JPG"" alt="" style="height:500px;">
	  </center>
      <div class="carousel-caption">
        <h2>Caption 4</h2>
        <p>Text related to caption four!</p>
      </div>
    </div>

</div>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="icon-prev"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="icon-next"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

<br /><br />
<div class="container">
  <div class="row">
    
	<div class="col-lg-12">
      <h1 class="page-header">
        Welcome to Madonna's School of Dance
      </h1>
    </div>
	
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4><i class="fa fa-fw fa-check"></i> Studio Feature 1</h4>
        </div>
        <div class="panel-body">
          <p>Enter a description of Studio Feature 1</p>
        </div>
      </div>
    </div>
	
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4><i class="fa fa-fw fa-check"></i> Studio Feature 2</h4>
        </div>
        <div class="panel-body">
          <p>Enter a description of Studio Feature 2</p>
        </div>
      </div>
    </div>

<div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4><i class="fa fa-fw fa-check"></i> Studio Feature 3</h4>
        </div>
        <div class="panel-body">
          <p>Enter a description of Studio Feature 3</p>
        </div>
      </div>
    </div>

</div>
</div>

Article ID: 117, Created: July 5, 2018 at 3:18 PM, Modified: July 5, 2018 at 3:20 PM

Sample Homepage Carousel

Add Feedback

Was this article helpful?

Share this article