Hide carousel interface in main page

index.html

@@ -20,11 +20,12 @@
 	</div>
   <!-- data-interval says how long to spend on each image: 10000 = 10s -->
 	<div id="carousel" class="carousel carousel-fade" data-interval="10000" data-ride="carousel">
-	  <ol class="carousel-indicators">
+	  <!-- Carousel indicators -->
+	  <!-- <ol class="carousel-indicators">
 	    <li data-target="#carousel" data-slide-to="0" class="active"></li>
 	    <li data-target="#carousel" data-slide-to="1"></li>
 	    <li data-target="#carousel" data-slide-to="2"></li>
-	  </ol>
+	  </ol> -->
 	  <!-- Carousel items -->
 	  <!-- See https://bootsnipp.com/tags/carousel for possible approaches -->
 	  <div class="carousel-inner">
@@ -39,14 +40,12 @@
 	    </div> -->
 	  </div>
 	  <!-- Carousel nav -->
-	  <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
+	  <!-- <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
 	    <span class="glyphicon glyphicon-chevron-left"></span>
-	    <!-- <span class="sr-only">Previous</span> -->
 	  </a>
 	  <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
 	    <span class="glyphicon glyphicon-chevron-right"></span>
-	    <!-- <span class="sr-only">Next</span> -->
-	  </a>
+	  </a> -->
 	</div>
 	</div>
 </div>