Slider

1.  
2.  

Revisit the year's top stories. It's been a great year for the University Libraries.

Download FREE app to make it easier to meet up with friends in McKeldin Library. Just drop a pin and share.

   

----

Code used for slide:

<div class="carousel slide carousel-v1 margin-bottom-40" data-ride="carousel" id="newsCarousel"><!-- Indicators -->
<ol class="carousel-indicators">
    <li class="active" data-slide-to="0" data-target="#newsCarousel">&nbsp;</li>
    <li data-slide-to="1" data-target="#newsCarousel">&nbsp;</li>
</ol>
<!-- End of Indicators -->

<div class="carousel-inner" role="listbox"><!-- 1st slide starts -->
<div class="item active"><a href="http://www.lib.umd.edu/rwd/news/2015/12/topten2015&#34; target="_self"><img alt="Looking back: the top 10 stories of 2015*" src="http://www.lib.umd.edu/binaries/content/assets/public/sample/rwd_files/…; /></a>

<div class="carousel-caption">
<p>Revisit the year's top stories.</p>
</div>
</div>
<!-- 2nd slide starts -->

<div class="item"><a href="https://www.youtube.com/watch?v=F1uWSxpJB-I&amp;spfreload=10&#34; target="_self"><img alt="Student-created app now available for McKeldin meet-ups" src="http://www.lib.umd.edu/binaries/content/assets/public/sample/rwd_files/…; /></a>

<div class="carousel-caption">
<p>Just drop a pin and share.</p>
</div>
</div>
</div>
<!-- nav buttons -->

<div class="carousel-arrow"><a class="left carousel-control" data-slide="prev" href="#newsCarousel"><i class="fa fa-angle-left">&nbsp;</i> </a> <a class="right carousel-control" data-slide="next" href="#newsCarousel"> <i class="fa fa-angle-right">&nbsp;</i> </a></div>
</div>