Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design Improvement #17

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Design Improvement #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 28 additions & 26 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
Expand All @@ -129,31 +129,31 @@

<!--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">
<img src="img/slider/slide2-bg.jpg">
</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 -->
Expand All @@ -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>

Expand All @@ -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">
Expand Down Expand Up @@ -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>
Expand All @@ -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>
Expand All @@ -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>
Expand Down Expand Up @@ -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>
Expand All @@ -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 -->
Expand All @@ -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">
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -1749,4 +1751,4 @@ <h6>Contact details</h6>
<script src="js/main.js"></script>
</body>

</html>
</html>
69 changes: 41 additions & 28 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -45,7 +45,7 @@
/*----------------------------------------*/
@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700|Bree+Serif:400,700';

html,
html,
body {
height: 100%;
}
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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%;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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%);
Expand Down Expand Up @@ -835,7 +836,7 @@ h6{font-size:20px;}
float: left;
margin-bottom: 30px;
padding: 0 15px;

}
.gallery-item.size1 {
width: 66.5%;
Expand Down Expand Up @@ -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 {
Expand All @@ -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;
Expand Down Expand Up @@ -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;
Expand All @@ -1105,23 +1108,29 @@ 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;
}
.testimonial-text {
color: #999;
font-weight: 400;
}
.single-testimonial{
background: #f6f6f6;
}
/*----------------------------------------*/
/* 14. contact-area
/*----------------------------------------*/
Expand Down Expand Up @@ -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;
Expand All @@ -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;
Expand Down Expand Up @@ -1360,4 +1369,8 @@ a#scrollUp > i{
}
a#scrollUp:hover {
background: #ff9933 none repeat scroll 0 0;
}
}
.testssss{
padding: 15px;
background: #f6f6f6;
}