|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/grandpre/Library/components/carousels/bs-quotes/ |
Upload File : |
<body>
<div id="bs-quotes" class="bs-animate carousel slide" data-interval="20000">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<!-- slide -->
<div class="item active bs-quotes-slide1">
<div class="carousel-caption">
<h2 class="delay-100" data-animation="animated bounceInLeft">
Welcome to our Website
</h2>
<h3 class="delay-150" data-animation="animated bounceInRight">
Enjoy Your Visit
</h3>
<p class="lead delay-200" data-animation="animated zoomInUp">
Check out the new Fullscreen Video Background (Video header), loading video directly from YouTube.
</p>
<a class="btn-quotes delay-250" data-animation="animated zoomInUp" href="#">
<span>
<img alt="quotes" src="images/quotes-1.jpg">
</span>
</a>
<h4 class="delay-300" data-animation="animated zoomInUp">YouTube Background
</h4>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bs-quotes-slide2">
<div class="carousel-caption">
<h2 data-animation="animated bounceInLeft">
Mobile and Responsive
</h2>
<h3 data-animation="animated bounceInRight">
Desktop, Tablets and Mobiles
</h3>
<p class="lead" data-animation="animated zoomInUp">
Future proof your website and prepare for mobile and tablet visitors.
</p>
<a class="btn-quotes" data-animation="animated zoomInUp" href="#">
<span>
<img alt="quotes" src="images/quotes-2.jpg">
</span>
</a>
<h4 data-animation="animated zoomInUp">
Mobile Functionality
</h4>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bs-quotes-slide3">
<div class="carousel-caption">
<h2 data-animation="animated bounceInLeft">
Be Creative
</h2>
<h3 data-animation="animated bounceInRight">
Loads of Interactive Assets
</h3>
<p class="lead" data-animation="animated zoomInUp">
Modern includes a huge variety of image thumbnail widgets, carousels and sliders..
</p>
<a class="btn-quotes" data-animation="animated zoomInUp" href="#">
<span>
<img alt="quotes" src="images/quotes-3.jpg">
</span>
</a>
<h4 data-animation="animated zoomInUp">
A Gazillion Widgets
</h4>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bs-quotes-slide4">
<div class="carousel-caption">
<h2 data-animation="animated bounceInLeft">
Latest Standards
</h2>
<h3 data-animation="animated bounceInRight">
Bootstrap 3.3.5, Fontawesome 4.4.0 and jQuery 1.11.1
</h3>
<p class="lead" data-animation="animated zoomInUp">
Keep up to date with todays growing web technologies!
</p>
<a class="btn-quotes" data-animation="animated zoomInUp" href="#">
<span>
<img alt="quotes" src="images/quotes-4.jpg">
</span>
</a>
<h4 data-animation="animated zoomInUp">
Web Standards Compliant
</h4>
</div>
</div>
<!-- slide -->
<!-- slide -->
<!-- slide -->
</div>
<!-- /.carousel-inner -->
<!-- Controls -->
<a class="left carousel-control" href="#bs-quotes" role="button" data-slide="prev" data-animation="animated bounceInLeft">
<span>
<img alt="previous" src="../../../../Site/graphics/car-arrow-prev.png">
</span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#bs-quotes" role="button" data-slide="next" data-animation="animated bounceInLeft">
<span>
<img alt="next" src="../../../../Site/graphics/car-arrow-next.png">
</span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- /.carousel -->
<div class="designview-placeholder" style="display:none;">
<img alt="" src="../../../../Site/images/library-components-carousels-bs-quotes.png">
</div>
</body>