<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<div class="container well animated fadeIn">
<div class="row-fluid">
<div id="my-carousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<div class="container-fluid">
<div class="row spacer-md">
<div class="col-sm-12 col-md-5 col-md-offset-1">
<div class="animated fadeInLeftBig slide-delay-1">
<h1 class="WhiteText content-right">Bootstrap Carousel</h1>
</div>
<h3 class="animated fadeInLeftBig slide-delay-2 YellowText">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum erat non tellus tincidunt, eu venenatis ex gravida. Vestibulum lorem ligula,
hendrerit sit amet porttitor a, venenatis nec nibh. Nulla consequat quam a quam facilisis ultrices.
Sed dictum enim non ante sodales, ac tristique tortor ornare.
</h3>
</div>