Working on the homepage layout/content. Maybe have an instructional style...

Working on the homepage layout/content. Maybe have an instructional style homepage rather than a fancy content style homepage.

project/templates/home/home.html

 {% extends "usernav.html" if user else "index.html"%}
 {% block content %}
 	<div class="col-sm-12">
-        <div class="jumbotron">
+
+		<div id="carousel-homepage" class="carousel slide" data-ride="carousel" data-pause="hover">
+			<!-- Indicators -->
+			<ol class="carousel-indicators">
+				<li data-target="#carousel-homepage" data-slide-to="0" class="active"></li>
+				<li data-target="#carousel-homepage" data-slide-to="1"></li>
+				<li data-target="#carousel-homepage" data-slide-to="2"></li>
+			</ol>
+
+			<!-- Wrapper for slides -->
+			<div class="carousel-inner">
+				<div class="item active">
+					<img src="holder.js/100%x500/#777:#555/text:Welcome" alt="Welcome">
+					<div class="carousel-caption">
+						<h3>Welcome to My Movie Library</h3>
+						<p>This web application can help you keep track of your ever-growning movie library</p>
+					</div>
+				</div>
+				<div class="item">
+					<img src="http://sccreader.files.wordpress.com/2012/09/movie_night_images.png" alt="Second Slide">
+					<div class="carousel-caption">
+						<h3>Awesome-sauce!</h3>
+						<p>You can keep track of the movies you loan to your friends!</p>
+					</div>
+				</div>
+				<div class="item">
+					<img src="holder.js/100%x500/#555:#333/text:Third Slide" alt="Third Slide">
+					<div class="carousel-caption">
+						<h3>Open Source</h3>
+						<p>This project used open source tools provided by the community</p>
+					</div>
+				</div>
+			</div>
+
+			<!-- Controls -->
+			<a class="left carousel-control" href="#carousel-homepage" data-slide="prev">
+				<span class="glyphicon glyphicon-chevron-left"></span>
+			</a>
+			<a class="right carousel-control" href="#carousel-homepage" data-slide="next">
+				<span class="glyphicon glyphicon-chevron-right"></span>
+			</a>
+		</div>
+
+
+
+		<!-- <div class="jumbotron">
 			<h1>It's working!!!</h1>
 			<p>Here, all of your wildest dreams can come true.</p>
 			<p><a class="btn btn-primary btn-lg" role="button">The Demo</a></p>
@@ -24,7 +69,7 @@
 					</div>
 				</div>
 			</div>
-        </div>
+		</div> -->
 	</div>
 {% endblock %}