Jive Demo Instance rotating banner

by Jordan Dayton

HTML

<script src="/resources/scripts/jquery/jquery-min.js"></script>
<!--
<script src="/resources/statics/1000/jquery.isotope.min.js"></script>
<script src="/resources/statics/1000/jquery.debouncedresize.js"></script>
<script src="/resources/statics/1000/jquery.flexslider-min.js"></script>
<script src="/resources/statics/1000/hero.js"></script>
-->
<script src="/resources/statics/1000/hero.combined.min.js?v=1"></script>
<!--
<link rel="stylesheet" href="/resources/statics/1000/flexslider.css" media="all">
<link rel="stylesheet" href="/resources/statics/1000/hero.css" media="all">
-->
<link rel="stylesheet" href="/resources/statics/1000/hero.comined.min.css?v=2" media="all">
<style>
/* --------------------------- STATIC RESOURCES */
.flex-direction-nav a  {text-indent:-9999px; background: url(/resources/statics/1000/sprite.png) -48px -10px no-repeat; width:28px; height:41px;}
.flex-direction-nav a.flex-next  {text-align:left; background-position:-10px -10px;}
#pagination .flex-direction-nav a {width:16px; background-position:-112px 0;}
#pagination .flex-direction-nav a.flex-next {background-position:-86px 0;}
</style>

<div class="masonry">
	
	<!-- LARGE BLOCK -->
	<div class="item item-w4 item-h3 block">
		<div id="slider" class="flexslider">
		  <ul class="slides">
		  
		  <!-- SLIDE TEMPLATE
			<li class="single-click" style="background-image:url(__IMAGE_URL__);">
				<div class="content">
					<h2>__TITLE__</h2>
					<p>__SHORT_DESCRIPTION__</p>
					<a href="__LINK__" class="btn">__BUTTON_TEXT__</a>
				</div>
			</li> -->
		  
		  <!-- SLIDE -->
			<li class="single-click" style="background-image:url(/resources/statics/1000/slide-rmworld.jpg);">
				<div class="content">
					<h2>2016 MobileWorld Conference</h2>
					<p>Why wait? Start connecting with your fellow attendees&nbsp;now!</p>
					<a href="/community/tablets" class="btn">Join the conversation</a>
				</div>
			</li>
			
			<!-- SLIDE -->
			<li class="single-click"...