From 0b99277fe750f5fe2c6ed4ecea4a87d21d0b33d8 Mon Sep 17 00:00:00 2001
From: hereisnaman <naman@outlook.in>
Date: Mon, 23 Jan 2017 20:41:17 +0530
Subject: [PATCH] Design Improvement

Blog, Gallery and Testimonial Design Improvement
---
 index.html | 54 ++++++++++++++++++++++--------------------
 style.css  | 69 ++++++++++++++++++++++++++++++++----------------------
 2 files changed, 69 insertions(+), 54 deletions(-)

diff --git a/index.html b/index.html
index b73f896..9fd53f7 100644
--- a/index.html
+++ b/index.html
@@ -87,7 +87,7 @@
 								<li><a href="#our-menu">menu</a></li>
 								<li><a href="#our-story">about us</a></li>
 								<li><a href="#contact">contact</a></li>
-								
+
 							</ul>
 						</nav>
 					</div>
@@ -112,7 +112,7 @@
 									<nav id="dropdown">
 										<ul>
 											<li><a href="#slider">home</a></li>
-											
+
 											<li><a href="#our-menu">menu</a></li>
 											<li><a href="#contact">contact</a></li>
 											<li><a href="#our-story">about us</a></li>
@@ -129,11 +129,11 @@
 
 		<!--Carousel starts-->
 
-		<div id="slider">	
+		<div id="slider">
 		<div id="myCarousel" class="carousel slide slider-area home slides slider-wrap" data-ride="carousel">
 				<div class="carousel-inner slides" role="listbox">
 						<div id="ensign-nivoslider" class="slides">
-						
+
 					</div>
 
 						<div class="item slides">
@@ -141,19 +141,19 @@
 						</div>
 
 						<div class="item active ">
-							
+
 							<div id="ensign-nivoslider" class="slides">
 						<img src="img/slider/slide1-bg.jpg" alt="" title="#slider-direction-1"/>
-						
+
 					</div>
-							
+
 							<div class="layer-1-1">
 							   <img src="img/slider/slide1-img.jpg" alt="" />
 						    </div>
 						<div class="slide1-content">
 							<!-- layer-2 -->
 							<div class="layer-1-2">
-								<h2 class="title1">welcome to</h2>
+                <h2 class="title1">welcome to</h2>
 								<h1 class="title2">I Food You</h1>
 							</div>
 							<!-- layer-3 -->
@@ -164,11 +164,11 @@ <h1 class="title2">I Food You</h1>
 							<!-- layer-4 -->
 							<div class="layer-1-4">
 								<a href="#our-story" class="discover-btn">Discover More</a>
-								
+
 							</div>
 						</div>
-						
-						
+
+
 						</div>
 			   </div>
 
@@ -184,7 +184,7 @@ <h1 class="title2">I Food You</h1>
 		</div>
 		</div>
 
-		<!--Carousel area ends-->			
+		<!--Carousel area ends-->
 
 		<!-- our-menu-area start -->
 		<div id="our-menu" class="our-menu-area">
@@ -1315,7 +1315,7 @@ <h1>latest blog</h1>
 								<div class="post-details">
 									<p class="post-meta"><span>2</span> // Oct, 2016</p>
 
-									<p class="post-excerpt">Here comes navratra.. Jai Mata Di <br> Don't Miss out on LIP Smacking food this Navratra with I FOOD YOU.</p>
+									<p class="post-excerpt">Here comes navratra.. Jai Mata Di. Don't Miss out on LIP Smacking food this Navratra with I FOOD YOU.</p>
 									<a href="https://www.facebook.com/Ifoodyou2016/?fref=ts"target="_blank" class="read-more">Read more</a>
 								</div>
 							</div>
@@ -1337,7 +1337,7 @@ <h1>latest blog</h1>
 								<div class="post-details">
 									<p class="post-meta"><span>4</span> // June, 2016</p>
 
-									<p class="post-excerpt">Everything seems worth it, when your guests are happy! <br> Thanks for all the love folks,would not have been possible without your support.</p>
+									<p class="post-excerpt">Everything seems worth it, when your guests are happy! Thanks for all the love folks,would not have been possible without your support.</p>
 									<a href="https://www.facebook.com/Ifoodyou2016/?fref=ts"target="_blank" class="read-more">Read more</a>
 								</div>
 							</div>
@@ -1359,7 +1359,7 @@ <h1>latest blog</h1>
 								<div class="post-details">
 									<p class="post-meta"><span>20</span> // May, 2016</p>
 
-									<p class="post-excerpt">Just imagine<br> You come back home after a movie/party on a Saturday night<br> Ab Ji lag gayi bhoook,mast sa grilled paneer tikka sandwich mil jaye to kaisa rahega?</p>
+									<p class="post-excerpt">You come back home after a party on a Saturday night. Ab Ji lag gayi bhoook,mast sa grilled paneer tikka sandwich mil jaye to kaisa?</p>
 									<a href="https://www.facebook.com/Ifoodyou2016/?fref=ts"target="_blank" class="read-more">Read more</a>
 								</div>
 							</div>
@@ -1585,10 +1585,11 @@ <h1>Testimonials</h1>
 							<div class="col-md-6">
 								<!-- single-testimonial start -->
 								<div class="single-testimonial">
-									<div class="testimonial-img">
-										<img src="img/testimonials/1.jpg" alt="">
-									</div>
+
 									<div class="testimonial-desc">
+                    <div class="testimonial-img">
+  										<img src="img/testimonials/1.jpg" alt="">
+  									</div>
 										<h6 class="testimonial-author">Hardik</h6>
 										<span class="author-designation">RATED 4.5</span>
 										<p class="testimonial-text">It was 2 in the morning. My friends were at my place and we were hungry. So we started looking for some place to deliver food and we found this amazing place in Pitampura. They took about 45 minutes to deliver but it was otally worth it. The packing is amazing and the best part is that the food is freshly prepared. I didn';t expect it to be that good. <br> We ordered 2 egg paranthas, one plate rajma chawal and one chicken seekh roll. All the 3 items were delicious, especially the chicken seekh roll was totally on point. Just the egg paranthas were a little dry, they should serve something with it other than the green chutney. Otherwise the food was amazing and you cannot expect anything better at 2am.</p>
@@ -1601,13 +1602,14 @@ <h6 class="testimonial-author">Hardik</h6>
 							<div class="col-md-6">
 								<!-- single-testimonial start -->
 								<div class="single-testimonial">
-									<div class="testimonial-img">
-										<img src="img/testimonials/2.jpg" alt="">
-									</div>
+
 									<div class="testimonial-desc">
+                    <div class="testimonial-img">
+                      <img src="img/testimonials/2.jpg" alt="">
+                    </div>
 										<h6 class="testimonial-author">Kritesh Taneja</h6>
 										<span class="author-designation">RATED 4.5</span>
-										<p class="testimonial-text">I was going through zomato for something easy on the pocket which also calms mad cravings and I found this treasure of a place. It only delivers food and that too at the most precious time and the food came hot and nicely packed.<br> Coming to the food now, I oredered non-veg club sandwich and man that was one enormous sandwich. It was so filling it had mashed chicken,potatoes,veggies and mayo. I was already so full but I had this beautiful chicken tikka pasta to deal with and it felt like I am eating italian and punjabi cuisine all together, it was a really good combination and executed very well.<br> I was totally amazed by the quantity and the quality of he food they provide and I only spent 300 bucks and on the top I got 15% discount on my order.<br> This place is a gem and so underrated. </p>
+										<p class="testimonial-text">I was going through zomato for something easy on the pocket which also calms mad cravings and I found this treasure of a place. It only delivers food and that too at the most precious time and the food came hot and nicely packed.<br> Coming to the food now, I oredered non-veg club sandwich and man that was one enormous sandwich. It was so filling it had mashed chicken,potatoes,veggies and mayo. I was already so full but I had this beautiful chicken tikka pasta to deal with and it felt like I am eating italian and punjabi cuisine all together, it was a really good combination and executed very well.</p>
 									</div>
 								</div>
 								<!-- single-testimonial end -->
@@ -1619,7 +1621,7 @@ <h6 class="testimonial-author">Kritesh Taneja</h6>
 			</div>
 	</div>
 		<!-- testimonial-area end -->
-		
+
 		<!-- our-story-area start -->
 
 		<div id="our-story" class="our-story-area">
@@ -1659,8 +1661,8 @@ <h1>our story</h1>
 		</div>
 		<!-- our-story-area end -->
 
-		
-		
+
+
 		<!-- contact-area start -->
 		<div id="contact" class="contact-area">
 			<div id="map" class="map-area"></div>
@@ -1749,4 +1751,4 @@ <h6>Contact details</h6>
         <script src="js/main.js"></script>
     </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/style.css b/style.css
index e3df301..88a31de 100644
--- a/style.css
+++ b/style.css
@@ -8,10 +8,10 @@
     Version: 1.0
 
 -----------------------------------------------------------------------------------
-    
+
     [TABLE OF CONTENTS]
     ===================
-	
+
     1. Theme default CSS & Fonts Import(body, link color, section etc)
 	2. Typography
 	3. Global Styles
@@ -45,7 +45,7 @@
 /*----------------------------------------*/
 @import 'https://fonts.googleapis.com/css?family=Lato:300,400,700|Bree+Serif:400,700';
 
-html, 
+html,
 body {
 	height: 100%;
 }
@@ -81,15 +81,15 @@ h1, h2, h3, h4, h5, h6 {
 	color: #333;
 	margin: 0 0 10px;
 }
-p {	
+p {
 	color: #666;
 	font-size: 13px;
 	line-height: 20px;
 	margin: 0 0 15px;
 }
-input[type="text"]:focus, 
-input[type="phone"]:focus, 
-input[type="email"]:focus, 
+input[type="text"]:focus,
+input[type="phone"]:focus,
+input[type="email"]:focus,
 textarea:focus{
 	border: 1px solid #ff9933 !important;
 }
@@ -173,7 +173,7 @@ h6{font-size:20px;}
 }
 .main-menu ul li{
 	display:inline-block;
-} 
+}
 .main-menu ul li a{
 	color:#666;
 	display: inline-block;
@@ -286,7 +286,7 @@ h6{font-size:20px;}
 }
 .header-search:hover .search-btn i {
 	color: #ff9933;
-} 
+}
 .header-search:hover .search-form {
 	opacity: 1;
 	top: 100%;
@@ -509,8 +509,8 @@ h6{font-size:20px;}
 	padding: 20px;
 }
 .our-story-img span.upper:before,
-.our-story-img span.upper:after, 
-.our-story-img span.lower:before, 
+.our-story-img span.upper:after,
+.our-story-img span.lower:before,
 .our-story-img span.lower:after {
 	content: '';
 	position: absolute;
@@ -630,7 +630,7 @@ h6{font-size:20px;}
 }
 .single-service .service-info {
 	margin: 74px 0 0;
-}	
+}
 .single-service .service-info h6 {
 	color: #434343;
 	font-weight: 700;
@@ -658,6 +658,7 @@ h6{font-size:20px;}
 }
 .our-menu-tabs ul.tab-list > li{
 	display: inline-block;
+	line-height: 32px;
 }
 .our-menu-tabs ul.tab-list > li > a {
     color: #666;
@@ -737,7 +738,7 @@ h6{font-size:20px;}
     text-transform: uppercase;
 }
 .load-more-btn-container .load-more:hover{
-	background: #ff9933 none repeat scroll 0 0;	
+	background: #ff9933 none repeat scroll 0 0;
 }
 /*----------------------------------------*/
 /*  9. our-chefs-area
@@ -805,7 +806,7 @@ h6{font-size:20px;}
 	color: #ff9933;
 }
 .single-chef:hover {
-    box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.3);	
+    box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.3);
 }
 .single-chef:hover .chef-img img {
 	-webkit-transform: translateY(-5%);
@@ -835,7 +836,7 @@ h6{font-size:20px;}
 	float: left;
 	margin-bottom: 30px;
 	padding: 0 15px;
-	
+
 }
 .gallery-item.size1 {
 	width: 66.5%;
@@ -971,7 +972,7 @@ h6{font-size:20px;}
 /*  12. latest-blog-area
 /*----------------------------------------*/
 .latest-blog-area {
-	background: #f6f6f6 none repeat scroll 0 0;
+	background: #fff none repeat scroll 0 0;
 	padding: 94px 0 96px;
 }
 .latest-blog-posts {
@@ -980,11 +981,13 @@ h6{font-size:20px;}
 }
 .single-blog-post {
 	background: #f6f6f6 none repeat scroll 0 0;
-	border: 15px solid #fff;
+	border: 15px solid #f6f6f6;
 }
 .post-img {
 	position: relative;
 	overflow: hidden;
+	max-height: 300px;
+	max-width: 100%;
 }
 .post-img .post-overlay {
 	background: rgba(239, 239, 239, 0.8) none repeat scroll 0 0;
@@ -1082,17 +1085,17 @@ h6{font-size:20px;}
 /*  13. testimonial-area
 /*----------------------------------------*/
 .testimonial-area {
-	background: #f6f6f6 none repeat scroll 0 0;
+	background: #fff none repeat scroll 0 0;
 	padding: 95px 0 100px;
 }
 .testimonial-content {
-	padding: 45px 0 0;
+	padding: 20px 20px 0;
 }
 .testimonial-content .col-md-6 {
 	width: 100%;
 }
 .testimonial-img {
-	background: #fff none repeat scroll 0 0;
+	background: #f6f6f6 none repeat scroll 0 0;
 	float: left;
 	height: 170px;
 	padding: 20px;
@@ -1105,16 +1108,19 @@ h6{font-size:20px;}
 }
 .testimonial-desc {
 	overflow: hidden;
-	padding-left: 30px;
+	padding-left: 10px;
+	padding-right: 10px;
+	max-width: 100%;
 }
 .testimonial-author {
+	padding-top: 20px;
 	color: #666;
 	font-family: "Bree Serif",serif;
 	font-size: 16px;
 	text-transform: uppercase;
 }
 .author-designation {
-	color: #999;
+	color: #fd9212;
 	font-size: 13px;
 	font-weight: 500;
 }
@@ -1122,6 +1128,9 @@ h6{font-size:20px;}
 	color: #999;
 	font-weight: 400;
 }
+.single-testimonial{
+	background: #f6f6f6;
+}
 /*----------------------------------------*/
 /*  14. contact-area
 /*----------------------------------------*/
@@ -1227,7 +1236,7 @@ h6{font-size:20px;}
 .newsletter-subscription > p{
 	color: #666;
 	padding: 22px 0 0;
-} 
+}
 .newsletter-subscription .newsletter-form input[type="text"] {
     background: #f6f6f6 none repeat scroll 0 0;
 	border: 1px solid #999;
@@ -1241,15 +1250,15 @@ h6{font-size:20px;}
     color: #666;
 }
 .newsletter-form input[type=text]:-moz-placeholder { /* Firefox 18- */
-    color: #666;  
+    color: #666;
     opacity: 1;
 }
 .newsletter-form input[type=text]::-moz-placeholder {  /* Firefox 19+ */
-    color: #666;  
+    color: #666;
     opacity: 1;
 }
-.newsletter-form input[type=text]:-ms-input-placeholder {  
-    color: #666;  
+.newsletter-form input[type=text]:-ms-input-placeholder {
+    color: #666;
 }
 .newsletter-subscription .newsletter-form .subscribe-btn{
 	background: #f6f6f6 none repeat scroll 0 0;
@@ -1360,4 +1369,8 @@ a#scrollUp > i{
 }
 a#scrollUp:hover {
 	background: #ff9933 none repeat scroll 0 0;
-}
\ No newline at end of file
+}
+.testssss{
+	padding: 15px;
+	background: #f6f6f6;
+}