diff --git a/spoken/static/spoken/script.js b/spoken/static/spoken/script.js
index bd3d33e..34c0c7b 100644
--- a/spoken/static/spoken/script.js
+++ b/spoken/static/spoken/script.js
@@ -1,8 +1,8 @@
 // for smooth scroll effect on nav menu click
 function scrollTopAnimated(clicked_link) { 
     elem_class = clicked_link.attr('href');
-    scroll_length = $(elem_class).offset().top - $('nav').outerHeight();
-            $("html, body").animate({ scrollTop: scroll_length },800); 
+    scroll_length = $(elem_class).offset().top - document.getElementById("logo").offsetHeight-70;
+    $("html, body").animate({ scrollTop: scroll_length },800); 
         } 
 
 $(document).ready(function(){
@@ -11,14 +11,13 @@ $(document).ready(function(){
   // default view - workshops
   $container.isotope({ filter: '.filter-workshop' });
   $('#filter-workshop').css('background-color','#EC6C06');
-
   // for smooth scroll
   $('.scroll_link').on('click',function(e){
   scrollTopAnimated($(this));
   });
 
   // filter jobfairs, workshop and internships
-  $('#activities-filter a').click(function(){
+  $('#activities-filter button').click(function(){
   var selector = $(this).attr('data-filter');
   var id_div = $(this).attr('data-filter').replace('.','#');
   $('.filter_div').css('background-color','#02073F');
diff --git a/spoken/static/spoken/style.css b/spoken/static/spoken/style.css
index 2ae885d..59f6420 100644
--- a/spoken/static/spoken/style.css
+++ b/spoken/static/spoken/style.css
@@ -12,9 +12,6 @@
 			--section-padding:0 10%;
 			--orange:#EC6C06;
 
-}
-*{
-	
 }
 body{
 			font-size: 16px;
@@ -40,7 +37,7 @@ h2{
 	text-decoration: none;
 	border:0;
 	border-radius: 5px;
-	width: 150px;
+	/*width: 150px;*/
 }
 .btn:hover{
 	background:#fff;
@@ -54,7 +51,7 @@ h2{
 	padding: 1.5rem 2rem;
 	box-shadow: var(--shadow);
 	border-radius: 1rem;
-	position: relative;
+	/*position: relative;*/
 }
 
 
@@ -212,6 +209,9 @@ nav button{
 .about h2{
 	margin:2rem 0;
 }
+.about .content a{
+	margin-top:5%;
+}
 /*about*//***************************************************************************/
 
 /*awards*//***************************************************************************/
@@ -228,11 +228,10 @@ nav button{
 		padding-bottom:4%;
 		padding-right: 2%;
 		padding-left: 2%;
-		margin-top: 5rem;
+		margin-top: 2%;
 }
 #awards{
 	display: grid;
-	/*grid-template-columns: repeat(6,1fr);*/
 	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
 	grid-gap: 2rem;
 	min-height: 200px;
@@ -240,23 +239,17 @@ nav button{
 
 }
 #awards .award-bg{
-	/*background-color: var(--dark);*/
 	display: flex;
 	align-items: center;
 	flex-direction: column;
 	min-height: 200px;
-	padding: 5%;
-	/*border-radius: 50%;*/
 	box-shadow: var(--shadow);
-	/*opacity: 0.4;*/
 	border:2px solid #fff;
 
 }
 #awards .award-bg i{
-	/*color: var(--orange);*/
 	font-size: 2rem;
 	color: #fff;
-	/*opacity: 0.5;*/
 	line-height: 2.5rem;
 	margin-bottom: 2%;
 	color: var(--orange);
@@ -279,15 +272,43 @@ nav button{
 	max-height: 200px;
 }
 /*awards*//***************************************************************************/
+/*products*/
 
+#products{
+	display: grid;
+	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
+	grid-gap: 2rem;
+	min-height: 200px;
+	margin: 0 6%;
+
+}
+#products .box img{
+	width: 60%;
+	max-width: 150px;
+	max-height: 100px;
+	align-items: flex-end;
+	min-height: 100px;
+	min-width: 150px;
+}
+#products .header{
+	height: 40%;
+}
+#products p{
+	text-align: left;
+}
+
+#products hr{	
+	margin-bottom: 10px;
+}
+#applications h2{
+	margin:2rem 0;
+}
+/*products*/
 
 /*applications*//***************************************************************************/
 .application{
 	padding: 1%;
 }
-.application{
-	margin-top: 5rem;
-}
 
 .application .applications-grid{
 	display:grid;
@@ -300,7 +321,6 @@ nav button{
 	padding: 1.5rem 2rem;
 	box-shadow: var(--shadow);
 	border-radius: 1rem;
-	position: relative;
 }
 .application h2{
 	margin-bottom: 2rem;
@@ -308,8 +328,9 @@ nav button{
 .application .box .header{
 	display: flex;
 	flex-direction: column;
-	align-items:center;
+	align-items:flex-end;
 	min-height: 50%;
+
 }
 .application .box img{
 	width: 60%;
@@ -324,6 +345,7 @@ nav button{
 	color: #004E96;
 	border-bottom: 1px solid rgb(0,78,150,0.3);
 	padding-bottom: 2px;
+	align-items: flex-end;
 }
 .box p{
 	font-family: var(--font);
@@ -339,13 +361,9 @@ nav button{
 	margin-bottom: 1rem;
 }
 .box .link-app{
-	position: absolute;
-	margin:0 auto;
 	bottom: 0.5rem;
 }
-.box a:hover i{
-	margin-left: 10px;
-}
+
 .box-ls img{
 	display: none;
 }
@@ -355,10 +373,13 @@ nav button{
 /*applications*//***************************************************************************/
 /*activities*//***************************************************************************/
 .events{
-	margin-top:5rem;
-	/*border:1px solid red;*/
+	margin-top:2%;
+}
+.act-image{
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
-
 .activities{
 	display: grid;
 	grid-template-columns:  1fr 3fr;
@@ -376,7 +397,9 @@ nav button{
 	justify-content: center;
 	display: none;
 }
-
+.activities{
+	padding: 2% 2%;
+}
 .activities .h-image{
 	min-height: 400px;
 	min-width: 300px;
@@ -404,7 +427,6 @@ nav button{
 .activities .btn:hover{
 	color: #fff;
 	text-decoration: underline;
-
 }
 
 .box-activities{
@@ -432,7 +454,6 @@ nav button{
 .btn-activities{
 	display: grid;
 	grid-template-columns: repeat(3,1fr);
-	justify-items:center;
 }
 
 .btn-activities .btn{
@@ -453,7 +474,7 @@ nav button{
 	align-items: center;
 	background: var(--dark);
 	color: #fff;
-	position: relative;
+	/*position: relative;*/
 	padding: 1%; 
 	display: flex;
 	flex-wrap: wrap;
@@ -470,32 +491,34 @@ nav button{
 }
 .activities-event{
 	padding: 1rem 0;
-	margin-right: 10%;
+	margin:0;
+	background-color: #fff;
 }
 
 .activities-event p{
-	line-height: 0.5rem;
+	line-height: 1.5rem;
+	font-size: 0.9rem;
+}
+
+.filter_div span{
+	padding:3% ;
+	font-size: 1rem;
+}
+.filter_div{
+	padding: 2%;
+	margin:2%;
 }
 .filter-jobfair .activities-event{
-	display:grid;
-	grid-template-columns: 1fr  3fr;
 	text-align:center;
 	margin: 0;
-	height: 100px;
 }
 .filter-workshop .activities-event{
-	display:grid;
-	grid-template-columns: 1fr 1fr 3fr;
 	text-align:center;
 	margin: 0;
-	height: 100px;
 }
 .filter-internship .activities-event{
-	display:grid;
-	grid-template-columns: 1fr  3fr;
 	text-align:center;
 	margin: 0;	
-	height: 100px;
 }
 .activities-event .date{
 	border-right: 1px solid #e0e0e0;
@@ -507,8 +530,9 @@ nav button{
 	line-height: 1.5rem;
 }
 .activities-event {
-	border-bottom: 1px solid  #e0e0e0;
-	box-shadow: var(--shadow);
+	box-shadow: 0 1px 5px rgb(104,104,104,0.5);
+	margin-right: 10px;
+	margin: 0;
 }
 
 .box_card{
@@ -536,6 +560,13 @@ nav button{
 	font-size: 1.2rem;
 	color: var(--main-font-color);
 	font-weight: bold;
+}
+#activities-filter button{
+	background-color: var(--dark);
+	color: #fff;
+}
+.filter_div i{
+
 }
 /*activities*//***************************************************************************/
 
@@ -549,7 +580,7 @@ nav button{
 		background-attachment: fixed;
 		padding-top:4%;
 		padding-bottom:5%;
-		margin-top: 5rem;
+		margin-top: 2%;
 		}
 .collab .content{
 			color: whitesmoke;
@@ -587,6 +618,8 @@ nav button{
 	order: 10;
 	padding: 0;
 	margin: 0;
+	margin-top:20px;
+
 }
 .carousel .testimonial-wrapper a{
 	color: var(--dark);
@@ -615,18 +648,16 @@ nav button{
 	background: var(--light);
 	border: 1px solid #efefef;
 	border-width: 0 0 1px 1px;
-	position: absolute;
 	bottom: -8px;
 	left: 46px;
 	transform: rotateZ(-46deg);
 }
 .carousel h2 {
-	margin: 5rem;
+	margin: 2%;
 }
 .carousel h2::after {
 	content: "";
 	width: 100px;
-	position: absolute;
 	margin: 0 auto;
 	height: 4px;
 	border-radius: 1px;
@@ -645,8 +676,7 @@ nav button{
 	font-size: 13px;
 }
 .carousel .media {
-	position: relative;
-	padding: 0 0 0 20px;
+	padding: 0 0 0 0;
 }
 
 .carousel .testimonial-wrapper {
@@ -654,7 +684,6 @@ nav button{
 }
 .carousel .testimonial {
     color: rgb(0,0,0,0.6);
-    position: relative;
     padding: 15px;
     border: 1px solid #efefef;
     border-radius: 3px;
@@ -676,14 +705,13 @@ nav button{
 	background: #f1f1f1;
 	border: 1px solid #efefef;
 	border-width: 0 0 1px 1px;
-	position: absolute;
 	bottom: -8px;
 	left: 46px;
 	transform: rotateZ(-46deg);
 }
 
 .carousel .overview {
-	padding: 3px 0 0 15px;
+	padding: 3px 0 0 0;
 }
 .carousel .overview .details {
 	padding: 5px 0 8px;
@@ -701,11 +729,12 @@ nav button{
 .carousel-indicators li {	
     background: #e2e2e2;
     border: 4px solid #fff;
+    
 }
 .carousel-indicators li.active {
 	color: #fff;
     background: var(--orange);
-    border: 5px double;    
+    border: 5px doublemargin-top:20px;
 }
 /*testimonial*//***************************************************************************/
 
@@ -725,6 +754,7 @@ nav button{
 	box-shadow: var(--shadow);
 	padding:2%;
 	border-radius: 10px;
+	background-color: #fff;
 }
 .media-testimonials video{
 	width:80%;
@@ -757,7 +787,7 @@ nav button{
 	grid-template-columns: repeat(2,1fr);
 	padding: 0 10%;
 	grid-gap: 2rem;
-	margin-top: 5rem;
+	margin-top: 2%;
 }
 .info-wrapper .info-style{
 	box-shadow: var(--shadow);
@@ -821,13 +851,19 @@ nav button{
 .info-wrapper .news *{
 	text-align: left;
 }
-
+.news-content {
+	line-height: 2rem;
+}
+.news-content a{
+	text-decoration: underline;
+	color: rgb(0,0,0);
+}
 /*info*//***************************************************************************/
 
 
 /*contact*//***************************************************************************/
 #contact{
-	margin-top: 5rem;
+	margin-top: 2%;
 }
 #contact h2{
 	margin-bottom: 2rem;
@@ -949,6 +985,19 @@ nav button{
 	.applications-grid{
 		grid-template-columns: repeat(3,1fr);
 	}
+
+.filter-jobfair .activities-event{
+	display: grid;
+		grid-template-columns: 1fr 3fr;
+}
+.filter-internship	.activities-event{
+		display: grid;
+		grid-template-columns: 1fr 3fr;
+	}
+	.filter-workshop .activities-event{
+		display: grid;
+		grid-template-columns: 1fr 1fr 3fr;
+	}
 }
 
 
@@ -956,8 +1005,31 @@ nav button{
 @media (max-width: 991.98px) { 
 	/*about*****************************************/
 	.about{
-		padding: 0;
+		padding: 2%;
+		margin:5%;
 	}
+
+	/*about*****************************************/
+		.about{
+			background-size: 100%;
+			grid-template-columns: 1fr;
+			margin-top:2rem; 
+			display: grid;
+			grid-template-columns: 1fr;
+			justify-content: center;
+		}
+		.about .image{
+			grid-row: 2/3;
+			width: 90%;
+			margin: auto;
+		}
+		.about .content {
+			grid-row: 1/2;
+			width: 90%;
+			margin: auto;
+		}
+		/*about*****************************************/
+
 	/*contact*****************************************/
 		.contact-wrapper{
 		grid-template-columns: 1fr 1fr ;
@@ -969,13 +1041,9 @@ nav button{
 		.footer-links{
 			padding: 0;
 		}
-
 		.media-testimonials{
 		 	padding:10px 10px;
 		 }
-
-
-
 	}
 
 @media (max-width: 992px) and (min-width: 768px){
@@ -983,16 +1051,10 @@ nav button{
 		.applications-grid{
 			grid-template-columns: 1fr 1fr;
 		}
-
-
-
-		
   }
 
  /*Small devices (landscape phones, less than 768px)*/
-@media (max-width: 767.98px) { 
-
-
+@media (max-width: 768px) { 
 		nav{
 			padding: 0;
 		}
@@ -1001,27 +1063,7 @@ nav button{
 			font-size: 0.9rem;
 			font-weight: bold;
 		}
-
-		/*about*****************************************/
-		.about{
-			background-size: 100%;
-			grid-template-columns: 1fr;
-			border:2px solid red;
-			margin-top:2rem; 
-			margin-right: 0;
-			margin-left: 0;
-			display: grid;
-			grid-template-columns: 1fr;
-		}
-		.about .image{
-			grid-row: 2/3;
-		}
-		.about .content {
-			grid-row: 1/2;
-			padding: 2rem 2rem;
-		}
-		/*about*****************************************/
-
+	
 /*quote*****************************************/
 				.quote{
 			grid-template-columns: 1fr;
@@ -1034,11 +1076,21 @@ nav button{
 				.quote img{
 				max-width: 30%;
 				}
+		/*quote*****************************************/
 
+		/*about**********/
+		.about{
+			margin:5%;
+		}
+		.about .image{
+			width:95%;
+		}
+		.about .content{
+			width:95%;
+		}
 
 		
-
-				/*quote*****************************************/
+		/*about**********/
 
 		/*applications*****************************************/
 			
@@ -1054,9 +1106,7 @@ nav button{
 		.activities .v-image{
 			display: block;
 			display: flex;
-			justify-content: center;
-
-			
+			justify-content: center;	
 		}
 		.activities .v-image img{
 			max-width: 100%;
@@ -1086,6 +1136,7 @@ nav button{
 		/*INFO*/
 		.info-wrapper{
 			grid-template-columns: 1fr;
+			padding: 0 5%;
 		}
 
 		/*footer*****************************************/
@@ -1104,17 +1155,25 @@ nav button{
 		}
 
 
-@media (max-width: 768px) and (min-width: 576px){}
+@media (max-width: 768px) and (min-width: 576px){
+
+	#products{
+		margin:2%;
+	}
+
+}
 
 
 @media (max-width: 575.98px) {  
+	.about{
+			margin:5%;
+	}
 
 	.media-testimonials-grid{
 		grid-template-columns: 1fr;
 		align-items: center;
 		align-content: center;
 		justify-content: center;
-	
 	}
 
 	.media-testimonials-grid video{
@@ -1136,8 +1195,6 @@ nav button{
 	border-left: 5px solid #004E95;*/
 
 }
-
-
 			.info-wrapper .about_pi .bio{
 				grid-template-columns: 1fr;
 			}
@@ -1147,7 +1204,6 @@ nav button{
 		grid-template-columns: 1fr;
 
 	}
-
 			html *{
 				padding: 0;
 				margin: 0;
@@ -1184,11 +1240,13 @@ nav button{
 			.application .applications-grid{
 			grid-template-columns: 1fr;
 		}
-		.application .box{
+		#products .box{
 			width: 100%;
+			padding: 5%;
 		}
-		.application{
-				padding: 1%;
+		#products{
+				margin-right:  5%;
+				margin-left:  5%;
 			}
 		/*applications*****************************************/
 
@@ -1221,7 +1279,12 @@ nav button{
 	.testimonial-wrapper{
 		margin-bottom: 2rem;
 	}
-
 }
+@media (max-width: 375px) {
+	.navbar-toggler{
+		padding: 0;
+		border:1px solid red;
 
+	}
+}
 /*media queries*/
\ No newline at end of file
diff --git a/spoken/templates/spoken/home.html b/spoken/templates/spoken/home.html
index 66536ac..967109d 100644
--- a/spoken/templates/spoken/home.html
+++ b/spoken/templates/spoken/home.html
@@ -7,11 +7,12 @@
 {% block content%}
 <!--bootstrap navbar--->
   <nav class="navbar navbar-expand-lg fixed-top navbar-light navbar-custom">
-  <a class="navbar-brand brand-custom" href="#"><img src="{% static '/spoken/images/logo.png' %}" width="30" height="30" class="d-inline-block " alt=""> Applications of Spoken Tutorials</a>
+    
+      <a id="logo" class="navbar-brand brand-custom" href=""><img src="{% static '/spoken/images/logo.png' %}" width="30" height="30" class="d-inline-block " alt="">  Applications of Spoken Tutorials</a>
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>
-  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+   <div class="collapse navbar-collapse" id="navbarSupportedContent">
     <ul class="navbar-nav ml-auto">
       <li class="nav-item active">
         <a class="nav-link scroll_link " href="#home">Home<span class="sr-only">(current)</span></a>
@@ -44,7 +45,7 @@
 <!--about-->
 <section class="about" id="about">
   <div class="embed-responsive embed-responsive-4by3 image">
-  <iframe class="embed-responsive-item" width="50%"  src="https://www.youtube.com/embed/UCWqRqp-G6w?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+  <iframe class="embed-responsive-item" width="100%"  src="https://www.youtube.com/embed/UCWqRqp-G6w?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 </div>
   <div class="content">
     <h2>About Us</h2>
@@ -54,7 +55,7 @@ <h6>Spoken Tutorial is a multi-award winning educational content portal.</h6>
             All the content published on this website are shared under the CC BY SA license. Our courses are simple and easy to follow even for a beginner but they also meet the growing needs of the learner. 
           </p> 
         <p>
-        <a href="https://spoken-tutorial.org/about-us/" class="btn" target="_blank">Learn More</a>
+        <a class="about-btn btn" href="https://spoken-tutorial.org/about-us/" class="btn" target="_blank">Learn More</a>
         </p> 
   </div>
 </section>
@@ -68,20 +69,18 @@ <h6>Spoken Tutorial is a multi-award winning educational content portal.</h6>
      {% else %}
      <i class="fas fa-trophy"></i>
     {% endifequal %}
-  
-   
    <h5 class="year">{{award.year}}</h5>
    <a href="{{award.link}}"><h5 class="title">{{award.title}}</h5></a>
-    
   </div>
   {% endfor %}
 </section>
 <!-- awards -->
+
 <!-- applications -->
-<section class="application " id="applications">
-  <h2 class="text-center header-m">Applications</h2>
-  <div class="applications-grid">
-    {% for product in products%}
+<section id="applications">
+<h2 class="text-center header-m">Applications</h2>
+<div id="products">
+  {% for product in products%}
        <div class="box text-center">   
         <div class="header">         
           <img src="{{ product.logo.url }}">
@@ -89,26 +88,30 @@ <h4>{{product.product_name}}</h4>
         </div>
         <div>
           <p>{{product.product_description}}</p>
+          <hr>
           <div class="link-app"><a href="{{product.product_url}}" class="stretched-link" target="_blank">Learn More <span class="app-i"><i class="fas fa-angle-double-right stretched-link"></i></span></a></div>
         </div>       
       </div>
       {% endfor%}
-  </div>    
+</div>
 </section>
-<!-- applications -->
-
 <!-- activities -->
 <section class="events" id="activities"> <!-- container with heading, image and content -->
-   <h2 class="text-center header-m">Activities</h2>
-   <div class="activities"> <!--image and content-->
-    <div class="v-image"><img src="{% static '/spoken/images/activities1.jpg' %}"></div>
+    <h2 class="text-center header-m">Activities</h2>
+   <div class="activities"> 
+    <div class="act-image">
+      <div class="v-image"><img src="{% static '/spoken/images/activities1.jpg' %}"></div>
     <div class="h-image"><img src="{% static '/spoken/images/activities2.jpg' %}"></div>
+
+    </div>
+    
     <div class="a-content">
-      <div class="btn-activities" id="activities-filter">
-       <div id="filter-jobfair" class="filter_div"><i class="fas fa-briefcase fa" ></i> <a href="" class="btn stretched-link "  data-filter=".filter-jobfair" target="_blank">Job Fairs</a></div>
-        <div id="filter-workshop" class="filter_div"><i class="fas fa-chalkboard-teacher fa" ></i><a href="" class="btn stretched-link"  data-filter=".filter-workshop" target="_blank">Workshops</a></div>
-        <div id="filter-internship" class="filter_div"><i class="fas fa-university fa" ></i><a href="" class="btn stretched-link"  data-filter=".filter-internship" target="_blank">Intenships</a></div>
+        <div class="btn-activities" id="activities-filter">
+       <button id="filter-jobfair" class="filter_div" data-filter=".filter-jobfair"><i class="fas fa-briefcase fa" ></i> <span>Jobfair</span></button>
+        <button id="filter-workshop" class="filter_div" data-filter=".filter-workshop"><i class="fas fa-chalkboard-teacher fa" ></i><span>workshop</span></button>
+        <button id="filter-internship" class="filter_div" data-filter=".filter-internship"><i class="fas fa-university fa" ></i><span>Internship</span></button>
         </div>
+
         <hr>
         
       <div class=" activities-container ">
@@ -127,7 +130,7 @@ <h6>{{jobfair.jobfair_title}}</h6>
             </div>
             </div> 
           {% endfor %}
-          <div> <i class="fas fa-angle-double-right"></i><a href="#" class="link-explore" target="_blank">Explore more Job Fairs </a></div>
+     <!--      <div> <i class="fas fa-angle-double-right"></i><a href="#" class="link-explore" target="_blank">Explore more Job Fairs </a></div> -->
         </div>
         <div class="filter-workshop box-activities">
           {% for workshop in workshops%}
@@ -140,7 +143,7 @@ <h6>{{workshop.workshop_title}}</h6>
             </div>
             </div> 
           {% endfor %}
-          <div> <i class="fas fa-angle-double-right"></i><a href="#" class="link-explore" target="_blank">Explore more Workshops </a></div>
+          <!-- <div> <i class="fas fa-angle-double-right"></i><a href="#" class="link-explore" target="_blank">Explore more Workshops </a></div> -->
         </div>
         <div class="filter-internship box-activities">
            {% for internship in internships%}
@@ -152,21 +155,21 @@ <h6>{{internship.internship_title}}</h6>
             </div>
             </div> 
           {% endfor %}
-          <div> <i class="fas fa-angle-double-right"></i><a href="#" class="link-explore" target="_blank">Explore more Internships </a></div>
+          <!-- <div> <i class="fas fa-angle-double-right"></i><a href="#" class="link-explore" target="_blank">Explore more Internships </a></div> -->
         </div>
       </div>
     </div>
-  </div><!--image and content-->
+  </div> 
 </section> <!-- container with heading, image and content -->
 <!-- activities -->
 
 
 
 <!-- Testimonial -->
-<section id="testimonial">
-  <div id="testimonialCarousel" class="carousel slide" data-ride="carousel">
+ <section id="testimonial">
+  <div id="testimonialCarousel" class="carousel" data-ride="carousel">
    <h2 class="text-center header-m">Testimonials</h2>
- 
+  
   <ol class="carousel-indicators">
     <li data-target="#testimonialCarousel" data-slide-to="0" class="active"></li>
     <li data-target="#testimonialCarousel" data-slide-to="1"></li>
@@ -188,7 +191,7 @@ <h2 class="text-center header-m">Testimonials</h2>
                 <div class="testimonial-wrapper">
                   <div class="testimonial">
                   <p>{{ data.minified_content|len_cutter:250 }}</p>
-                  <a href=""  data-toggle="modal" data-target="#exampleModalCenter" target="_blank">Read</a>
+                  <a href="{{data.source_link}}" target="_blank">Read</a>
                   </div>         
                   <div class="media">
                     <div class="media-body">
@@ -218,10 +221,8 @@ <h2 class="text-center header-m">Testimonials</h2>
       {% for data in media_testimonials%}
     <div class=" media-testimonials-grid">  
        <video class="st_video align-self-center" title='{{ data.foss }}' controls preload data-setup="{}">
-      <!-- <source src="/media/testimonials/Moodle_Learning_Management_System.mp4" type="video/mp4" /> -->
       <source src="{{ media_url}}{{data.media}}" type="video/mp4"></source>
       </video>
-    <!-- <source src="{{ media_url}}{{data.media}}" type="video/mp4"></source>   -->
     <div class="content">
     <h6 class="mt-0">{{data.user}}</h6>
     <p>{{data.content}}</p>
@@ -279,7 +280,12 @@ <h6>Professor of Chemical Engineering, IIT Bombay</h6>
     <h2>News / Events</h2>
     <hr>
     <div class="news-content">
-    <p>Check out the amazing testimonials, media articles, events, collaboration, seminars, talks and campaigns about the Spoken Tutorial Project. Browse through our gallery and see what the Project has been doing across India.</p>  
+    <p>Check out the amazing 
+      <span><a href="https://spoken-tutorial.org/testimonials/text/" target="_blank">testimonials, </a></span>
+      <span><a href="https://spoken-tutorial.org/news/articles-on-spoken-tutorial-project/" target="_blank">media articles, </a></span>
+      <span><a href="https://spoken-tutorial.org/news/news-and-events/" target="_blank">events, </a></span>
+      <span><a href="https://spoken-tutorial.org/news/official-letters-and-links/" target="_blank">collaboration, </a></span>
+ , seminars, talks and campaigns about the Spoken Tutorial Project. Browse through our gallery and see what the Project has been doing across India.</p>  
     </div>
     
   </div>