Top Color:
Main Color:
Bottom Color:
  • Code Snip-it
  • How To Do It

<div id="myCarousel" class="carousel slide">
     <ol class="carousel-indicators">
          <li data-target="#myCarousel" class="active" data-slide-to="0"></li>
          <li data-target="#myCarousel" data-slide-to="1"> </li>
          <li data-target="#myCarousel" data-slide-to="2"> </li>
     <!-- Carousel items -->
     <div class="carousel-inner">
          <div class="item active"> <a href="#" title="banner 1"><img src="/portals/26/banner1.png" alt="Slide 1" /></a></div>
          <div class="item"><a href="#" title="banner 2"><img src="/portals/26/banner2.png" alt="Slide 2" /></a></div>
          <div class="item"><a href="#" title="banner 3"><img src="/portals/26/banner3.png" alt="Slide 3" /></a></div>
     <!-- Carousel nav -->
     <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
     <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

To add a banner onto your site simply copy the code and place it into the 'HTML' section of your module, within the 'Edit Content'.

From there replace the '<img>' content with your own image code!

Example of code to replace:
'<img src="/portals/26/banner2.png" alt="Slide 2" />' can be replaced with '<img src="/PortalToYourWebsite/YouImageWillGoHere.png" alt="Slide 2" />'

*For best quality image on all devices make your image(s) equal to or larger than 1200px by 350px.