<style>
    #SpSubHead { display: none; }
    #sp-main { width: 100%; }
    #SpContent_Container { padding: 0; }
    #sp-main #left { padding-left: 0; padding-right: 0; }
    .CpSubHead { margin-bottom: 15px; }

</style>


<!----------------- BEGIN CAROUSEL-------------->
<!----------------- Image Size= 1903 x 465-------------->
<div id="hpCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
    <li data-target="#hpCarousel" data-slide-to="0"></li>
    <li data-target="#hpCarousel" data-slide-to="1"></li>
    <li data-target="#hpCarousel" data-slide-to="2"></li>
    <li data-target="#hpCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item 1carousel">
<a href="#">
 <div class="carousel-content" style="background-image: url('/resource/resmgr/Demo_2017/Banner/Conf_Demo.png');">
<div class="container">
<h2></h2>
<h2></h2></a>
</div>
</div>
</div>
<div class="item  1carousel">
<a href="#">
<div class="carousel-content" style="background-image: url('/resource/resmgr/Demo_2017/Banner/Conf_Demo.png');">
<div class="container">
<h2></h2>
<h2></h2></a>
</div>
</div>
</div>
<div class="item  1carousel">
<a href="#">
<div class="carousel-content" style="background-image: url('/resource/resmgr/Demo_2017/Banner/Conf_Demo.png');">
<div class="container">
<h2></h2>
<h2></h2></a>
</div>
</div>
</div>
<div class="item  1carousel">
<a href="#">
<div class="carousel-content" style="background-image: url('/resource/resmgr/Demo_2017/Banner/Conf_Demo.png');">
<div class="container">

<h1></h1>
<h1></h1></a>
</div>
</div>
</div>
</div>
<!-- Left and right controls --> <a class="left carousel-control" href="#hpCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#hpCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div>
<script>
var $item = $('.carousel .1carousel');
var $wHeight = $(window).height();

$item.height($wHeight); 
$item.addClass('full-screen');

var $numberofSlides = $('.1carousel').length;
var $currentSlide = Math.floor((Math.random() * $numberofSlides));

$('.carousel-indicators li').each(function(){
  var $slideValue = $(this).attr('data-slide-to');
  if($currentSlide == $slideValue) {
    $(this).addClass('active');
    $item.eq($slideValue).addClass('active');
  } else {
    $(this).removeClass('active');
    $item.eq($slideValue).removeClass('active');
  }
});

$('.carousel img').each(function() {
  var $src = $(this).attr('src');
  var $color = $(this).attr('data-color');
  $(this).parent().css({
    'background-image' : 'url(' + $src + ')',
    'background-color' : $color
  });
  $(this).remove();
});

$(window).on('resize', function (){
  $wHeight = $(window).height();
  $item.height($wHeight);
});

$('.carousel').carousel({
  interval: 6000,
  pause: "false"
});
</script>
<!----------------- END CAROUSEL-------------->

<div class="container">

<div class="CpSubHead"></div>
<!-- Begin Expanding Boxes -->

<div id="cp2-img-boxes" class="mbottom-15">

<!-- Begin Box 1 -->
<div class="cp2action-box one">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/326x242_/question-mark_326_242.jpg" alt="">
<div class="cp2slide-text">
<h4>WELCOME</h4>
<p>Conference Information on why you should attend the conference, including justification letter and W-9<br></p>
<a href="http://www.team911.com/?page=demowhyattend4" class="more-btn">Learn more</a>
</div>
</div>
<!-- Begin Box 2 -->
<div class="cp2action-box two">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/speaker.jpg" alt="">
<div class="cp2slide-text">
<h4>BOARD of DIRECTORS/COMMITTEES</h4>
<p>Speaker information, requirements, cost and reimbursement information and link to online Call For Papers form<br></p>
<a href="http://www.team911.com/?page=TXAPCOBOD" class="more-btn">Learn More</a>
</div>
</div>
<!-- Begin Box 3 -->
<div class="cp2action-box three">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/attendee_reg.jpg" alt="">
<div class="cp2slide-text">
<h4>EVENTS</h4>
<p>Explanation of registration options, pricing and links to registration the registration form for ATTENDEES<br></p>
<a href="https://www.team911.com/page/DEMOAttendeeInform" class="more-btn">Learn More</a>
</div>
</div>
<!-- Begin Box 4 -->
<div class="cp2action-box four">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/326x242_/Industry_Partner_326_242.jpg" alt="">
<div class="cp2slide-text">
<h4>FREQUENCY COORDINATION</h4>
<p>Explanation of registration options, pricing and links to the registration form for<br></p>
<a href="https://www.team911.com/page/DEMOIndPartners" class="more-btn">Learn More</a>
</div>
</div>
<!-- Begin Box 5 -->
<div class="cp2action-box five">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/Volunteer.jpg" alt="">
<div class="cp2slide-text">
<h4>NEWS LETTERS</h4>
<p>How to become a volunteer, volunteer opportunities and links to the VOLUNTEER registration site<br></p>
<a href="/" class="more-btn">Learn More</a>
</div>
</div>
<!-- Begin Box 6 -->
<div class="cp2action-box six">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/hotel.jpg" alt="">
<div class="cp2slide-text">
<h4>TRAINING</h4>
<p>Detailed hotel information pricing and options including links to conference specific hotel registration sites<br></p>
<a href="https://www.team911.com/page/DemoHotel" class="more-btn">Learn More</a>
</div>
</div>
<!-- Begin Box 7 -->
<div class="cp2action-box seven">
<img src="/resource/resmgr/Demo_2017/326x242_/attendee_reg.jpg" alt="">
<div class="cp2slide-text">
<h4>SUNSHINE FUND</h4>
<p>Link to the REGISTRATION Page for the DEMO Conference. This link is for registration typesS<br></p>
<a href="https://www.team911.com/page/Demo_Reg" class="more-btn">Learn more</a>
</div>
</div>
<!-- Begin Box 8 -->
<div class="cp2action-box eight">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/workshop.jpg" alt="">
<div class="cp2slide-text">
<h4>TX APCO SCHOLARSHIPS</h4>
<p>Class information for all pre-conference workshops, includes speaker Bios CEU course credit etc!<br></p>
<a href="/" class="more-btn">Learn More</a>
</div>
</div>
<!-- Begin Box 9 -->
<div class="cp2action-box nine">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/Conf_Schedule.jpg" alt="">
<div class="cp2slide-text">
<h4>APCO INTERNATIONAL SCHOLARSHIPS</h4>
<p>Your at a glance conference schedule, including session tracks, events, and IP Hall times<br></p>
<a href="http://www.team911.com/events/Sessions.aspx?id=940105" class="more-btn">Learn More</a>
</div>
</div>
<!-- Begin Box 10 -->
<div class="cp2action-box ten">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/326x242_/Event2_326_242.png" alt="">
<div class="cp2slide-text">
<h4>AWARD NOMINATION FORMS</h4>
<p>A comprehensive listing of all EVENTS and descriptions, including pricing options and links for additional tickets<br></p>
<a href="/" class="more-btn">Learn more</a>
</div>
</div>
<!-- Begin Box 11 -->
<div class="cp2action-box eleven">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/326x242_/General_Information.jpg" alt="">
<div class="cp2slide-text">
<h4>APCO MEMBER AREA </h4>
<p>Site Maps, Links to related sites, Everything else you should know about the DEMO conference Etc.<br></p>
<a href="/" class="more-btn">Learn More</a>
</div>
</div>
<!-- Begin Box 12 -->
<div class="cp2action-box twelve">
<img src="http://www.team911.com/resource/resmgr/Demo_2017/Local_attractions.jpg" alt="">
<div class="cp2slide-text">
<h4>CONTACT US</h4>
<p>Information and links to the Chamber of Commerce, web sites featuring local attractions <br></p>
<a href="/" class="more-btn">Learn More</a>
</div>
</div>

</div>
<!-- End Expanding Boxes -->


</div>