"header-v.6"
Bootstrap 3.3.0 Snippet by mrservon22

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="tcb-quote-carousel"> <div class="quote"><i class=" fa fa-quote-left fa-4x"></i></div> <div class="carousel slide carousel-fade" id="fade-quote-carousel" data-ride="carousel" data-interval="10000"> <!-- Carousel indicators --> <ol class="carousel-indicators"> <li data-target="#fade-quote-carousel" data-slide-to="0" class="active"></li> <li data-target="#fade-quote-carousel" data-slide-to="1"></li> <li data-target="#fade-quote-carousel" data-slide-to="2"></li> <li data-target="#fade-quote-carousel" data-slide-to="3"></li> <li data-target="#fade-quote-carousel" data-slide-to="4"></li> <li data-target="#fade-quote-carousel" data-slide-to="5"></li> </ol> <!-- Carousel items --> <div class="carousel-inner"> <div class="item active"> <blockquote> <p>The sound was so rich and full and was able to span the dynamic range so easily; with the softs so mellow and yet the louds were always under control, but still exciting. The concert was wonderful and so were the selections on Sunday morning. What a thrill to sing with the band on the congregational songs. </p> <div class="quoter"><strong>David German</strong> <br/> Director of Music <br/>Grace Presbyterian Church, Peoria, IL </div> </blockquote> </div> <div class="item"> <blockquote> <p>That entire concert program was just fabulous, with a wonderful balance of music. </p> <div class="quoter"><strong>Dr. Rudolf Zuiderveld</strong> <br/> Professor of Music & College Organist <br/>Illinois College, Jacksonville IL </div> </blockquote> </div> <div class="item"> <blockquote> <p>The Chicago Staff Band is not the stuff of folk lore, but an elite volunteer group with a sense of professionalism. </p> <div class="quoter"><strong>David Luhrassen</strong><br/>The Milwaukee Journal </div> </blockquote> </div> <div class="item"> <blockquote> <p>What a wonderful blessing it was to have this magnificent band celebrate worship together with us.</p> <div class="quoter"><strong>Dr. Clifford Hayes</strong><br/>First Presbyterian Church, Springfield, IL </div> </blockquote> </div> <div class="item"> <blockquote> <p>It was a fantastic day of celebration and music with The Chicago Staff Band. The community children of Mayfair, from different ethnic and religious backgrounds, coming together with the band to sing Psalm 150 was the highlight of the day! Thank you for sharing the gift of music and blessing us with your ministry.</p> <div class="quoter"><strong>Peter Kim </strong><br/>Music Director<br/>Mayfair Community Church</div> </blockquote> </div><div class="item"> <blockquote> <p>The musicianship of the CSB was an inspiration to our students and staff.</p> <div class="quoter"><strong>Dr. Kenneth Dye </strong><br/>Director of Bands<br/>University of Notre Dame</div> </blockquote> </div> </div> </div> </div> </div> </div> </div>
.quoter{ text-align: right; } .tcb-quote-carousel{ background: #f9f9f9; padding-top: 20px; margin-top: 20px; .quote{ color: rgba(100,0,0,.5); text-align: center; margin-bottom: 10px; } .carousel { padding-bottom: 30px; .carousel-indicators > li { background-color: #e84a64; border: none; } } blockquote { margin-top: 15px; text-align: center; border: none; } } .carousel-fade { .carousel-inner { .item { transition-property: opacity; } .item, .active.left, .active.right { opacity: 0; } .active, .next.left, .prev.right { opacity: 1; } .next, .prev, .active.left, .active.right { left: 0; transform: translate3d(0, 0, 0); } } }

Related: See More


Questions / Comments: