</ol>
<div class="carousel-inner">
<div class="item active">
- <img data-src="holder.js/1500x500/auto/#F00:#7a7a7a/text:First slide" alt="">
+ <img data-src="holder.js/1500x500/auto/#777:#7a7a7a/text:First slide" alt="">
<div class="container">
<div class="carousel-caption">
<h1>Example headline.</h1>
</div>
</div>
<div class="item">
- <img data-src="holder.js/1500x500/auto/#0F0:#7a7a7a/text:Second slide" alt="">
+ <img data-src="holder.js/1500x500/auto/#777:#7a7a7a/text:Second slide" alt="">
<div class="container">
<div class="carousel-caption">
<h1>Another example headline.</h1>
</div>
</div>
<div class="item">
- <img data-src="holder.js/1500x500/auto/#00F:#7a7a7a/text:Third slide" alt="">
+ <img data-src="holder.js/1500x500/auto/#777:#7a7a7a/text:Third slide" alt="">
<div class="container">
<div class="carousel-caption">
<h1>One more for good measure.</h1>