Merge pull request #36 from Sh-Ac/img-changes

Carousel images and corresponding code modified

3 files changed, 41 insertions, 41 deletions

diff --git a/fossee_manim/static/img/carousel1.png b/fossee_manim/static/img/carousel1.png
index 7e7eb9a..487843e 100644
--- a/fossee_manim/static/img/carousel1.png
+++ b/fossee_manim/static/img/carousel1.png
diff --git a/fossee_manim/static/img/carousel2.png b/fossee_manim/static/img/carousel2.png
index 11c0aca..8e6ac59 100644
--- a/fossee_manim/static/img/carousel2.png
+++ b/fossee_manim/static/img/carousel2.png
diff --git a/fossee_manim/templates/fossee_manim/index.html b/fossee_manim/templates/fossee_manim/index.html
index 2adf680..20f9a34 100644
--- a/fossee_manim/templates/fossee_manim/index.html
+++ b/fossee_manim/templates/fossee_manim/index.html
@@ -5,52 +5,52 @@
 {% endblock %}
 
 			{% block content %}
-			<div class="container-fluid jumbotron row" align = "justify" style= "padding:0px; height: 550px;">
+			<div class="container-fluid jumbotron row" align = "justify" style= "padding:0px;  height: 550px;">
 
-			<div id="carouselExampleIndicators" class="carousel slide row" data-ride="carousel" style="margin-top: 0px">
-			  <ol class="carousel-indicators">
-			    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
-			    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
-			    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
-			  </ol>
-			  <div class="carousel-inner">
+				<div id="carouselExampleIndicators" class="carousel slide row" data-ride="carousel" style="margin-top: 0px">
+				  <ol class="carousel-indicators">
+				    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+				    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+				    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+				  </ol>
+			  		<div class="carousel-inner">
 
-			    <div class="carousel-item active">
-			      <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel1.png" alt="First slide" height=550>
-			      <div class="carousel-caption col-md-4" style="float:left; font-family: 'Lato', sans-serif;  text-align: left; margin-left: -20px; margin-bottom:15px">
-				   <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">FOSSEE Animations</a></h3>
-				   <h5>endeavors to be an extensive library
-						of community-curated videos on STEM topics
-					</h5>
-			  	</div>
-			    </div>
-			    <div class="carousel-item">
-			      <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel3.png" alt="Second slide" height=550>
-				  	<div class="carousel-caption col-md-3" style="float:right; font-family: 'Lato', sans-serif;">
-				   		<h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">Anyone can contribute to the project</a></h3>
-						<h5> The only requirement is that the video should be made using <i>OpenSource</i> tools</h5>like Blender, Manim, Mayavi, etc.
+					    <div class="carousel-item active">
+					      <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel1.png" alt="First slide" style= "height:550px;">
+					      <div class="carousel-caption col-md-4" style="float:left; font-family: 'Lato', sans-serif;  text-align: left; margin-left: -20px; margin-bottom:15px">
+						   <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">FOSSEE Animations</a></h3>
+						   <h5>endeavors to be an extensive library
+								of community-curated videos on STEM topics
+							</h5>
+					  	</div>
+					    </div>
+					    <div class="carousel-item">
+					      <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel3.png" alt="Second slide" style= "height:550px;">
+						  	<div class="carousel-caption col-md-3" style="float:right; font-family: 'Lato', sans-serif;">
+						   		<h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">Anyone can contribute to the project</a></h3>
+								<h5> The only requirement is that the video should be made using <i>OpenSource</i> tools</h5>like Blender, Manim, Mayavi, etc.
+					  		</div>
+						</div>
+
+					    <div class="carousel-item">
+					      <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel2.png" alt="Third slide" style= "height:550px; ">
+						  <div class="carousel-caption col-md-4" style="margin-left:560px; margin-bottom:250px;float:right; font-family: 'Lato', sans-serif; text-align:right">
+							  <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">On successful submission</a></h3>
+								  <h5>you receive a certificate and an<br>
+								  honorarium from FOSSEE,<br>IIT-Bombay</h5>
+						  </div>
+			    		</div>
 			  		</div>
+				  	<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+				    	<span class="carousel-control-prev-icon" aria-hidden="true"></span>
+				    	<span class="sr-only">Previous</span>
+				  	</a>
+				  	<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+				    	<span class="carousel-control-next-icon" aria-hidden="true"></span>
+				    	<span class="sr-only">Next</span>
+				  	</a>
 				</div>
-			    <div class="carousel-item">
-			      <img class="d-block w-100" src="{{ URL_ROOT }}/static/img/carousel2.png" alt="Third slide" height=550>
-				  <div class="carousel-caption col-md-4" style="margin-left:560px; margin-bottom:250px;float:right; font-family: 'Lato', sans-serif; text-align:right">
-					  <h3><a style="font-family: 'Montserrat', sans-serif; font-weight: 500;">On successful submission</a></h3>
-						  <h5>you receive a certificate and an<br>
-						  honorarium from FOSSEE,<br>IIT-Bombay</h5>
-				  </div>
-			    </div>
-			  </div>
-			  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
-			    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-			    <span class="sr-only">Previous</span>
-			  </a>
-			  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
-			    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-			    <span class="sr-only">Next</span>
-			  </a>
 			</div>
-			</div>
-
 
 			<!--Infographics-->