diff --git a/about.html b/about.html
index f105578..ac89965 100644
--- a/about.html
+++ b/about.html
@@ -36,9 +36,9 @@
     </div>
 
     <div class="wrapper">
-    <!-- end loader -->
+        <!-- end loader -->
 
-     <div class="sidebar">
+        <div class="sidebar">
             <!-- Sidebar  -->
             <nav id="sidebar">
 
@@ -48,7 +48,7 @@
 
                 <ul class="list-unstyled components">
 
-                    <li >
+                    <li>
                         <a href="index.html">Home</a>
                     </li>
                     <li class="active">
@@ -68,157 +68,172 @@
             </nav>
         </div>
 
-    <div id="content">
-    <!-- header -->
-    <header>
-        <div class="container-fluid">
-            <div class="row">
-                <div class="col-md-3">
-                    <div class="full">
-                        <a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
+        <div id="content">
+            <!-- header -->
+            <header>
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-md-3">
+                            <div class="full">
+                                <a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
+                            </div>
+                        </div>
+                        <div class="col-md-9">
+                            <div class="full">
+                                <div class="right_header_info">
+                                    <ul>
+                                        <li class="dinone">Contact Us : <img
+                                                style="margin-right: 15px;margin-left: 15px;"
+                                                src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
+                                        <li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png"
+                                                alt="#"><a href="#">demo@gmail.com</a></li>
+                                        <li class="dinone"><img
+                                                style="margin-right: 15px;height: 21px;position: relative;top: -2px;"
+                                                src="images/location_icon.png" alt="#"><a href="#">104 New york ,
+                                                USA</a></li>
+                                        <li class="button_user"><a class="button active" href="#">Login</a><a
+                                                class="button" href="#">Register</a></li>
+                                        <li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
+                                        <li>
+                                            <button type="button" id="sidebarCollapse">
+                                                <img src="images/menu_icon.png" alt="#">
+                                            </button>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
-                <div class="col-md-9">
-                    <div class="full">
-                        <div class="right_header_info">
-                            <ul>
-                                <li class="dinone">Contact Us : <img style="margin-right: 15px;margin-left: 15px;" src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png" alt="#"><a href="#">demo@gmail.com</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;height: 21px;position: relative;top: -2px;" src="images/location_icon.png" alt="#"><a href="#">104 New york , USA</a></li>
-                                <li class="button_user"><a class="button active" href="#">Login</a><a class="button" href="#">Register</a></li>
-                                <li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
-                                <li>
-                                    <button type="button" id="sidebarCollapse">
-                                        <img src="images/menu_icon.png" alt="#">
-                                    </button>
-                                </li>
-                            </ul>
+            </header>
+            <!-- end header -->
+
+            <div class="yellow_bg">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="title">
+                                <h2>About</h2>
+
+                            </div>
                         </div>
                     </div>
                 </div>
             </div>
-        </div>
-    </header>
-    <!-- end header -->
-    
-    <div class="yellow_bg">
-   <div class="container">
-            <div class="row">
-               <div class="col-md-12">
-                  <div class="title">
-                     <h2>About</h2>
-                    
-                  </div>
-               </div>
-            </div>
-          </div>
-</div>
-<!-- about -->
-<div class="about">
-    <div class="container">
-      <div class="row">
-         <div class="col-md-12">
-             <div class="title">
-                <i><img src="images/title.png" alt="#"/></i>
-                
-                <span>It is a long established fact that a reader will be distracted by the readable content of a
-                   <br> page when looking at its layout. The point of using Lorem
-                </span>
-             </div>
-          </div>
-       </div>
-       <div class="row">
-         <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
-             <div class="about_box">
-                 <h3>Best Food</h3>
-                 <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscureContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard </p>
-                 <a href="#">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
-             </div>
-         </div>
-          <div class="col-xl-5 col-lg-5 col-md-10 col-sm-12 about_img_boxpdnt">
-             <div class="about_img">
-                 <figure><img src="images/about-img.jpg" alt="#/"></figure>
-             </div>
-         </div>      
-       </div> 
-    </div>
-</div>
-<!-- end about -->
-
-
-    <!-- footer -->
-    <fooetr>
-        <div class="footer">
-            <div class="container-fluid">
-                <div class="row">
-                  <div class=" col-md-12">
-                    <h2>Request  A<strong class="white"> Call  Back</strong></h2>
-                  </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
-                      
-                        <form class="main_form">
-                            <div class="row">
-                             
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Name" type="text" name="Name">
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Email" type="text" name="Email">
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Phone" type="text" name="Phone">
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <textarea class="textarea" placeholder="Message" type="text" name="Message"></textarea>
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <button class="send">Send</button>
-                                </div>
+            <!-- about -->
+            <div class="about">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="title">
+                                <i><img src="images/title.png" alt="#" /></i>
+
+                                <span>It is a long established fact that a reader will be distracted by the readable
+                                    content of a
+                                    <br> page when looking at its layout. The point of using Lorem
+                                </span>
                             </div>
-                        </form>
+                        </div>
                     </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
-                        <div class="img-box">
-                            <figure><img src="images/img.jpg" alt="img" /></figure>
+                    <div class="row">
+                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
+                            <div class="about_box">
+                                <h3>Best Food</h3>
+                                <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a
+                                    piece of classical Latin literature from 45 BC, making it over 2000 years old.
+                                    Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked
+                                    up one of the more obscureContrary to popular belief, Lorem Ipsum is not simply
+                                    random text. It has roots in a piece of classical Latin literature from 45 BC,
+                                    making it over 2000 years old. Richard </p>
+                                <a href="#">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
+                            </div>
+                        </div>
+                        <div class="col-xl-5 col-lg-5 col-md-10 col-sm-12 about_img_boxpdnt">
+                            <div class="about_img">
+                                <figure><img src="images/about-img.jpg" alt="#/"></figure>
+                            </div>
                         </div>
                     </div>
                 </div>
-                <div class="row">
-                    <div class="col-md-12">
-                        <div class="footer_logo">
-                          <a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
+            </div>
+            <!-- end about -->
+
+
+            <!-- footer -->
+            <fooetr>
+                <div class="footer">
+                    <div class="container-fluid">
+                        <div class="row">
+                            <div class=" col-md-12">
+                                <h2>Request A<strong class="white"> Call Back</strong></h2>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+
+                                <form class="main_form">
+                                    <div class="row">
+
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Name" type="text" name="Name">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Email" type="text" name="Email">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Phone" type="text" name="Phone">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <textarea class="textarea" placeholder="Message" type="text"
+                                                name="Message"></textarea>
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <button class="send">Send</button>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+                                <div class="img-box">
+                                    <figure><img src="images/img.jpg" alt="img" /></figure>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="footer_logo">
+                                    <a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
+                                </div>
+                            </div>
+                            <div class="col-md-12">
+                                <ul class="lik">
+                                    <li> <a href="index.html">Home</a></li>
+                                    <li class="active"> <a href="about.html">About</a></li>
+                                    <li> <a href="recipe.html">Recipe</a></li>
+                                    <li> <a href="blog.html">blog</a></li>
+                                    <li> <a href="contact.html">Contact us</a></li>
+                                </ul>
+                            </div>
+                            <div class="col-md-12">
+                                <div class="new">
+                                    <h3>Newsletter</h3>
+                                    <form class="newtetter">
+                                        <input class="tetter" placeholder="Your email" type="text" name="Your email">
+                                        <button class="submit">Subscribe</button>
+                                    </form>
+                                </div>
+                            </div>
                         </div>
                     </div>
-                    <div class="col-md-12">
-                        <ul class="lik">
-                            <li > <a href="index.html">Home</a></li>
-                            <li class="active"> <a href="about.html">About</a></li>
-                            <li> <a href="recipe.html">Recipe</a></li>
-                            <li> <a href="blog.html">blog</a></li>
-                            <li> <a href="contact.html">Contact us</a></li>
-                        </ul>
-                    </div>
-                    <div class="col-md-12">
-                        <div class="new">
-                            <h3>Newsletter</h3>
-                            <form class="newtetter">
-                                <input class="tetter" placeholder="Your email" type="text" name="Your email">
-                                <button class="submit">Subscribe</button>
-                            </form>
+                    <div class="copyright">
+                        <div class="container">
+                            <p>© 2020 All Rights Reserved. Design by<a href="https://html.design/"> Free Html
+                                    Templates</a></p>
                         </div>
                     </div>
                 </div>
-            </div>
-            <div class="copyright">
-                <div class="container">
-                    <p>© 2019 All Rights Reserved. Design by<a href="https://html.design/"> Free Html Templates</a></p>
-                </div>
-            </div>
-        </div>
-    </fooetr>
-    <!-- end footer -->
+            </fooetr>
+            <!-- end footer -->
 
-    </div>
+        </div>
     </div>
     <div class="overlay"></div>
     <!-- Javascript files-->
@@ -227,21 +242,21 @@ <h3>Newsletter</h3>
     <script src="js/bootstrap.bundle.min.js"></script>
     <script src="js/owl.carousel.min.js"></script>
     <script src="js/custom.js"></script>
-     <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
-    
-     <script src="js/jquery-3.0.0.min.js"></script>
-   <script type="text/javascript">
-        $(document).ready(function() {
+    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
+
+    <script src="js/jquery-3.0.0.min.js"></script>
+    <script type="text/javascript">
+        $(document).ready(function () {
             $("#sidebar").mCustomScrollbar({
                 theme: "minimal"
             });
 
-            $('#dismiss, .overlay').on('click', function() {
+            $('#dismiss, .overlay').on('click', function () {
                 $('#sidebar').removeClass('active');
                 $('.overlay').removeClass('active');
             });
 
-            $('#sidebarCollapse').on('click', function() {
+            $('#sidebarCollapse').on('click', function () {
                 $('#sidebar').addClass('active');
                 $('.overlay').addClass('active');
                 $('.collapse.in').toggleClass('in');
diff --git a/blog.html b/blog.html
index bf4aa6f..eb579e5 100644
--- a/blog.html
+++ b/blog.html
@@ -36,9 +36,9 @@
     </div>
 
     <div class="wrapper">
-    <!-- end loader -->
+        <!-- end loader -->
 
-     <div class="sidebar">
+        <div class="sidebar">
             <!-- Sidebar  -->
             <nav id="sidebar">
 
@@ -48,7 +48,7 @@
 
                 <ul class="list-unstyled components">
 
-                    <li >
+                    <li>
                         <a href="index.html">Home</a>
                     </li>
                     <li>
@@ -68,176 +68,194 @@
             </nav>
         </div>
 
-    <div id="content">
-    <!-- header -->
-    <header>
-        <div class="container-fluid">
-            <div class="row">
-                <div class="col-md-3">
-                    <div class="full">
-                        <a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
+        <div id="content">
+            <!-- header -->
+            <header>
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-md-3">
+                            <div class="full">
+                                <a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
+                            </div>
+                        </div>
+                        <div class="col-md-9">
+                            <div class="full">
+                                <div class="right_header_info">
+                                    <ul>
+                                        <li class="dinone">Contact Us : <img
+                                                style="margin-right: 15px;margin-left: 15px;"
+                                                src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
+                                        <li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png"
+                                                alt="#"><a href="#">demo@gmail.com</a></li>
+                                        <li class="dinone"><img
+                                                style="margin-right: 15px;height: 21px;position: relative;top: -2px;"
+                                                src="images/location_icon.png" alt="#"><a href="#">104 New york ,
+                                                USA</a></li>
+                                        <li class="button_user"><a class="button active" href="#">Login</a><a
+                                                class="button" href="#">Register</a></li>
+                                        <li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
+                                        <li>
+                                            <button type="button" id="sidebarCollapse">
+                                                <img src="images/menu_icon.png" alt="#">
+                                            </button>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
-                <div class="col-md-9">
-                    <div class="full">
-                        <div class="right_header_info">
-                            <ul>
-                                <li class="dinone">Contact Us : <img style="margin-right: 15px;margin-left: 15px;" src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png" alt="#"><a href="#">demo@gmail.com</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;height: 21px;position: relative;top: -2px;" src="images/location_icon.png" alt="#"><a href="#">104 New york , USA</a></li>
-                                <li class="button_user"><a class="button active" href="#">Login</a><a class="button" href="#">Register</a></li>
-                                <li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
-                                <li>
-                                    <button type="button" id="sidebarCollapse">
-                                        <img src="images/menu_icon.png" alt="#">
-                                    </button>
-                                </li>
-                            </ul>
+            </header>
+            <!-- end header -->
+            <div class="yellow_bg">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="title">
+                                <h2>Our Blog</h2>
+
+                            </div>
                         </div>
                     </div>
                 </div>
             </div>
-        </div>
-    </header>
-    <!-- end header -->
-<div class="yellow_bg">
-   <div class="container">
-            <div class="row">
-               <div class="col-md-12">
-                  <div class="title">
-                     <h2>Our Blog</h2>
-                    
-                  </div>
-               </div>
-            </div>
-          </div>
-</div>
-
-<!-- blog -->
-<div class="blog">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-12">
-        <div class="title">
-          <i><img src="images/title.png" alt="#"/></i>
-          
-          <span>when looking at its layout. The point of using Lorem</span>
-        </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mar_bottom">
-        <div class="blog_box">
-          <div class="blog_img_box">
-            <figure><img src="images/blog_img1.png" alt="#"/>
-             <span>02 FEB 2019</span>
-            </figure>
-          </div>
-          <h3>Spicy Barger</h3>
-          <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the </p>
-        </div>
-      </div>
-       <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mar_bottom">
-        <div class="blog_box">
-          <div class="blog_img_box">
-            <figure><img src="images/blog_img2.png" alt="#"/>
-             <span>02 FEB 2019</span>
-            </figure>
-          </div>
-          <h3>Egg & Tosh</h3>
-          <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the </p>
-        </div>
-      </div>
-       <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
-        <div class="blog_box">
-          <div class="blog_img_box">
-            <figure><img src="images/blog_img3.png" alt="#"/>
-             <span>02 FEB 2019</span>
-            </figure>
-          </div>
-          <h3>Pizza</h3>
-          <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<!-- end blog -->
 
+            <!-- blog -->
+            <div class="blog">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="title">
+                                <i><img src="images/title.png" alt="#" /></i>
 
-    <!-- footer -->
-    <fooetr>
-        <div class="footer">
-            <div class="container-fluid">
-                <div class="row">
-                  <div class=" col-md-12">
-                    <h2>Request  A<strong class="white"> Call  Back</strong></h2>
-                  </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
-                      
-                        <form class="main_form">
-                            <div class="row">
-                             
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Name" type="text" name="Name">
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Email" type="text" name="Email">
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Phone" type="text" name="Phone">
+                                <span>when looking at its layout. The point of using Lorem</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mar_bottom">
+                            <div class="blog_box">
+                                <div class="blog_img_box">
+                                    <figure><img src="images/blog_img1.png" alt="#" />
+                                        <span>02 FEB 2019</span>
+                                    </figure>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <textarea class="textarea" placeholder="Message" type="text" name="Message"></textarea>
+                                <h3>Spicy Barger</h3>
+                                <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those
+                                    interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by
+                                    Cicero are also reproduced in their exact original form, accompanied by English
+                                    versions from the </p>
+                            </div>
+                        </div>
+                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mar_bottom">
+                            <div class="blog_box">
+                                <div class="blog_img_box">
+                                    <figure><img src="images/blog_img2.png" alt="#" />
+                                        <span>02 FEB 2019</span>
+                                    </figure>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <button class="send">Send</button>
+                                <h3>Egg & Tosh</h3>
+                                <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those
+                                    interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by
+                                    Cicero are also reproduced in their exact original form, accompanied by English
+                                    versions from the </p>
+                            </div>
+                        </div>
+                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
+                            <div class="blog_box">
+                                <div class="blog_img_box">
+                                    <figure><img src="images/blog_img3.png" alt="#" />
+                                        <span>02 FEB 2019</span>
+                                    </figure>
                                 </div>
+                                <h3>Pizza</h3>
+                                <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those
+                                    interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by
+                                    Cicero are also reproduced in their exact original form, accompanied by English
+                                    versions from the </p>
                             </div>
-                        </form>
-                    </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
-                        <div class="img-box">
-                            <figure><img src="images/img.jpg" alt="img" /></figure>
                         </div>
                     </div>
                 </div>
-                <div class="row">
-                    <div class="col-md-12">
-                        <div class="footer_logo">
-                          <a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
+            </div>
+            <!-- end blog -->
+
+
+            <!-- footer -->
+            <fooetr>
+                <div class="footer">
+                    <div class="container-fluid">
+                        <div class="row">
+                            <div class=" col-md-12">
+                                <h2>Request A<strong class="white"> Call Back</strong></h2>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+
+                                <form class="main_form">
+                                    <div class="row">
+
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Name" type="text" name="Name">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Email" type="text" name="Email">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Phone" type="text" name="Phone">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <textarea class="textarea" placeholder="Message" type="text"
+                                                name="Message"></textarea>
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <button class="send">Send</button>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+                                <div class="img-box">
+                                    <figure><img src="images/img.jpg" alt="img" /></figure>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="footer_logo">
+                                    <a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
+                                </div>
+                            </div>
+                            <div class="col-md-12">
+                                <ul class="lik">
+                                    <li> <a href="index.html">Home</a></li>
+                                    <li> <a href="about.html">About</a></li>
+                                    <li> <a href="recipe.html">Recipe</a></li>
+                                    <li class="active"> <a href="blog.html">Blog</a></li>
+                                    <li> <a href="contact.html">Contact us</a></li>
+                                </ul>
+                            </div>
+                            <div class="col-md-12">
+                                <div class="new">
+                                    <h3>Newsletter</h3>
+                                    <form class="newtetter">
+                                        <input class="tetter" placeholder="Your email" type="text" name="Your email">
+                                        <button class="submit">Subscribe</button>
+                                    </form>
+                                </div>
+                            </div>
                         </div>
                     </div>
-                    <div class="col-md-12">
-                        <ul class="lik">
-                            <li > <a href="index.html">Home</a></li>
-                            <li> <a href="about.html">About</a></li>
-                            <li> <a href="recipe.html">Recipe</a></li>
-                            <li class="active"> <a href="blog.html">Blog</a></li>
-                            <li> <a href="contact.html">Contact us</a></li>
-                        </ul>
-                    </div>
-                    <div class="col-md-12">
-                        <div class="new">
-                            <h3>Newsletter</h3>
-                            <form class="newtetter">
-                                <input class="tetter" placeholder="Your email" type="text" name="Your email">
-                                <button class="submit">Subscribe</button>
-                            </form>
+                    <div class="copyright">
+                        <div class="container">
+                            <p>© 2020 All Rights Reserved. Design by<a href="https://html.design/"> Free Html
+                                    Templates</a></p>
                         </div>
                     </div>
                 </div>
-            </div>
-            <div class="copyright">
-                <div class="container">
-                    <p>© 2019 All Rights Reserved. Design by<a href="https://html.design/"> Free Html Templates</a></p>
-                </div>
-            </div>
-        </div>
-    </fooetr>
-    <!-- end footer -->
+            </fooetr>
+            <!-- end footer -->
 
-    </div>
+        </div>
     </div>
     <div class="overlay"></div>
     <!-- Javascript files-->
@@ -246,21 +264,21 @@ <h3>Newsletter</h3>
     <script src="js/bootstrap.bundle.min.js"></script>
     <script src="js/owl.carousel.min.js"></script>
     <script src="js/custom.js"></script>
-     <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
-    
-     <script src="js/jquery-3.0.0.min.js"></script>
-   <script type="text/javascript">
-        $(document).ready(function() {
+    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
+
+    <script src="js/jquery-3.0.0.min.js"></script>
+    <script type="text/javascript">
+        $(document).ready(function () {
             $("#sidebar").mCustomScrollbar({
                 theme: "minimal"
             });
 
-            $('#dismiss, .overlay').on('click', function() {
+            $('#dismiss, .overlay').on('click', function () {
                 $('#sidebar').removeClass('active');
                 $('.overlay').removeClass('active');
             });
 
-            $('#sidebarCollapse').on('click', function() {
+            $('#sidebarCollapse').on('click', function () {
                 $('#sidebar').addClass('active');
                 $('.overlay').addClass('active');
                 $('.collapse.in').toggleClass('in');
diff --git a/contact.html b/contact.html
index a90bc1b..fd82485 100644
--- a/contact.html
+++ b/contact.html
@@ -36,9 +36,9 @@
     </div>
 
     <div class="wrapper">
-    <!-- end loader -->
+        <!-- end loader -->
 
-     <div class="sidebar">
+        <div class="sidebar">
             <!-- Sidebar  -->
             <nav id="sidebar">
 
@@ -48,7 +48,7 @@
 
                 <ul class="list-unstyled components">
 
-                    <li >
+                    <li>
                         <a href="index.html">Home</a>
                     </li>
                     <li>
@@ -68,111 +68,120 @@
             </nav>
         </div>
 
-    <div id="content">
-    <!-- header -->
-    <header>
-        <div class="container-fluid">
-            <div class="row">
-                <div class="col-md-3">
-                    <div class="full">
-                        <a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
-                    </div>
-                </div>
-                <div class="col-md-9">
-                    <div class="full">
-                        <div class="right_header_info">
-                            <ul>
-                                <li class="dinone">Contact Us : <img style="margin-right: 15px;margin-left: 15px;" src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png" alt="#"><a href="#">demo@gmail.com</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;height: 21px;position: relative;top: -2px;" src="images/location_icon.png" alt="#"><a href="#">104 New york , USA</a></li>
-                                <li class="button_user"><a class="button active" href="#">Login</a><a class="button" href="#">Register</a></li>
-                                <li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
-                                <li>
-                                    <button type="button" id="sidebarCollapse">
-                                        <img src="images/menu_icon.png" alt="#">
-                                    </button>
-                                </li>
-                            </ul>
+        <div id="content">
+            <!-- header -->
+            <header>
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-md-3">
+                            <div class="full">
+                                <a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
+                            </div>
+                        </div>
+                        <div class="col-md-9">
+                            <div class="full">
+                                <div class="right_header_info">
+                                    <ul>
+                                        <li class="dinone">Contact Us : <img
+                                                style="margin-right: 15px;margin-left: 15px;"
+                                                src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
+                                        <li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png"
+                                                alt="#"><a href="#">demo@gmail.com</a></li>
+                                        <li class="dinone"><img
+                                                style="margin-right: 15px;height: 21px;position: relative;top: -2px;"
+                                                src="images/location_icon.png" alt="#"><a href="#">104 New york ,
+                                                USA</a></li>
+                                        <li class="button_user"><a class="button active" href="#">Login</a><a
+                                                class="button" href="#">Register</a></li>
+                                        <li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
+                                        <li>
+                                            <button type="button" id="sidebarCollapse">
+                                                <img src="images/menu_icon.png" alt="#">
+                                            </button>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-        </div>
-    </header>
-    <!-- end header -->
-    <!-- footer -->
-    <fooetr>
-        <div class="footer">
-            <div class="container-fluid">
-                <div class="row">
-                  <div class=" col-md-12">
-                    <h2>Request  A<strong class="white"> Call  Back</strong></h2>
-                  </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
-                      
-                        <form class="main_form">
-                            <div class="row">
-                             
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Name" type="text" name="Name">
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Email" type="text" name="Email">
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Phone" type="text" name="Phone">
+            </header>
+            <!-- end header -->
+            <!-- footer -->
+            <fooetr>
+                <div class="footer">
+                    <div class="container-fluid">
+                        <div class="row">
+                            <div class=" col-md-12">
+                                <h2>Request A<strong class="white"> Call Back</strong></h2>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+
+                                <form class="main_form">
+                                    <div class="row">
+
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Name" type="text" name="Name">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Email" type="text" name="Email">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Phone" type="text" name="Phone">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <textarea class="textarea" placeholder="Message" type="text"
+                                                name="Message"></textarea>
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <button class="send">Send</button>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+                                <div class="img-box">
+                                    <figure><img src="images/img.jpg" alt="img" /></figure>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <textarea class="textarea" placeholder="Message" type="text" name="Message"></textarea>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="footer_logo">
+                                    <a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <button class="send">Send</button>
+                            </div>
+                            <div class="col-md-12">
+                                <ul class="lik">
+                                    <li> <a href="index.html">Home</a></li>
+                                    <li> <a href="about.html">About</a></li>
+                                    <li> <a href="recipe.html">Recipe</a></li>
+                                    <li> <a href="blog.html">blog</a></li>
+                                    <li class="active"> <a href="contact.html">Contact us</a></li>
+                                </ul>
+                            </div>
+                            <div class="col-md-12">
+                                <div class="new">
+                                    <h3>Newsletter</h3>
+                                    <form class="newtetter">
+                                        <input class="tetter" placeholder="Your email" type="text" name="Your email">
+                                        <button class="submit">Subscribe</button>
+                                    </form>
                                 </div>
                             </div>
-                        </form>
-                    </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
-                        <div class="img-box">
-                            <figure><img src="images/img.jpg" alt="img" /></figure>
-                        </div>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-12">
-                        <div class="footer_logo">
-                          <a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
                         </div>
                     </div>
-                    <div class="col-md-12">
-                        <ul class="lik">
-                            <li > <a href="index.html">Home</a></li>
-                            <li> <a href="about.html">About</a></li>
-                            <li> <a href="recipe.html">Recipe</a></li>
-                            <li> <a href="blog.html">blog</a></li>
-                            <li class="active"> <a href="contact.html">Contact us</a></li>
-                        </ul>
-                    </div>
-                    <div class="col-md-12">
-                        <div class="new">
-                            <h3>Newsletter</h3>
-                            <form class="newtetter">
-                                <input class="tetter" placeholder="Your email" type="text" name="Your email">
-                                <button class="submit">Subscribe</button>
-                            </form>
+                    <div class="copyright">
+                        <div class="container">
+                            <p>© 2020 All Rights Reserved. Design by<a href="https://html.design/"> Free Html
+                                    Templates</a></p>
                         </div>
                     </div>
                 </div>
-            </div>
-            <div class="copyright">
-                <div class="container">
-                    <p>© 2019 All Rights Reserved. Design by<a href="https://html.design/"> Free Html Templates</a></p>
-                </div>
-            </div>
-        </div>
-    </fooetr>
-    <!-- end footer -->
+            </fooetr>
+            <!-- end footer -->
 
-    </div>
+        </div>
     </div>
     <div class="overlay"></div>
     <!-- Javascript files-->
@@ -181,21 +190,21 @@ <h3>Newsletter</h3>
     <script src="js/bootstrap.bundle.min.js"></script>
     <script src="js/owl.carousel.min.js"></script>
     <script src="js/custom.js"></script>
-     <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
-    
-     <script src="js/jquery-3.0.0.min.js"></script>
-   <script type="text/javascript">
-        $(document).ready(function() {
+    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
+
+    <script src="js/jquery-3.0.0.min.js"></script>
+    <script type="text/javascript">
+        $(document).ready(function () {
             $("#sidebar").mCustomScrollbar({
                 theme: "minimal"
             });
 
-            $('#dismiss, .overlay').on('click', function() {
+            $('#dismiss, .overlay').on('click', function () {
                 $('#sidebar').removeClass('active');
                 $('.overlay').removeClass('active');
             });
 
-            $('#sidebarCollapse').on('click', function() {
+            $('#sidebarCollapse').on('click', function () {
                 $('#sidebar').addClass('active');
                 $('.overlay').addClass('active');
                 $('.collapse.in').toggleClass('in');
diff --git a/index.html b/index.html
index d070c8f..61db114 100644
--- a/index.html
+++ b/index.html
@@ -36,9 +36,9 @@
     </div>
 
     <div class="wrapper">
-    <!-- end loader -->
+        <!-- end loader -->
 
-     <div class="sidebar">
+        <div class="sidebar">
             <!-- Sidebar  -->
             <nav id="sidebar">
 
@@ -68,389 +68,440 @@
             </nav>
         </div>
 
-    <div id="content">
-    <!-- header -->
-    <header>
-        <div class="container-fluid">
-            <div class="row">
-                <div class="col-md-3">
-                    <div class="full">
-                        <a class="logo" href="index.html"><img src="https://alanboy.github.io/spicyo/images/logo.png" alt="#" /></a>
-                    </div>
-                </div>
-                <div class="col-md-9">
-                    <div class="full">
-                        <div class="right_header_info">
-                            <ul>
-                                <li class="dinone">Contact Us : <img style="margin-right: 15px;margin-left: 15px;" src="https://alanboy.github.io/spicyo/images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;" src="https://alanboy.github.io/spicyo/images/mail_icon.png" alt="#"><a href="#">demo@gmail.com</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;height: 21px;position: relative;top: -2px;" src="https://alanboy.github.io/spicyo/images/location_icon.png" alt="#"><a href="#">104 New york , USA</a></li>
-                                <li class="button_user"><a class="button active" href="#">Login</a><a class="button" href="#">Register</a></li>
-                                <li><img style="margin-right: 15px;" src="https://alanboy.github.io/spicyo/images/search_icon.png" alt="#"></li>
-                                <li>
-                                    <button type="button" id="sidebarCollapse">
-                                        <img src="https://alanboy.github.io/spicyo/images/menu_icon.png" alt="#">
-                                    </button>
-                                </li>
-                            </ul>
+        <div id="content">
+            <!-- header -->
+            <header>
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-md-3">
+                            <div class="full">
+                                <a class="logo" href="index.html"><img
+                                        src="https://alanboy.github.io/spicyo/images/logo.png" alt="#" /></a>
+                            </div>
+                        </div>
+                        <div class="col-md-9">
+                            <div class="full">
+                                <div class="right_header_info">
+                                    <ul>
+                                        <li class="dinone">Contact Us : <img
+                                                style="margin-right: 15px;margin-left: 15px;"
+                                                src="https://alanboy.github.io/spicyo/images/phone_icon.png" alt="#"><a
+                                                href="#">987-654-3210</a></li>
+                                        <li class="dinone"><img style="margin-right: 15px;"
+                                                src="https://alanboy.github.io/spicyo/images/mail_icon.png" alt="#"><a
+                                                href="#">demo@gmail.com</a></li>
+                                        <li class="dinone"><img
+                                                style="margin-right: 15px;height: 21px;position: relative;top: -2px;"
+                                                src="https://alanboy.github.io/spicyo/images/location_icon.png"
+                                                alt="#"><a href="#">104 New york , USA</a></li>
+                                        <li class="button_user"><a class="button active" href="#">Login</a><a
+                                                class="button" href="#">Register</a></li>
+                                        <li><img style="margin-right: 15px;"
+                                                src="https://alanboy.github.io/spicyo/images/search_icon.png" alt="#">
+                                        </li>
+                                        <li>
+                                            <button type="button" id="sidebarCollapse">
+                                                <img src="https://alanboy.github.io/spicyo/images/menu_icon.png"
+                                                    alt="#">
+                                            </button>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-        </div>
-    </header>
-    <!-- end header -->
-    <!-- start slider section -->
-    <div class="slider_section">
-        <div class="container">
-            <div class="row">
-                <div class="col-md-12">
-                    <div class="full">
-                        <div id="main_slider" class="carousel vert slide" data-ride="carousel" data-interval="5000">
-                            <div class="carousel-inner">
-                                <div class="carousel-item active">
-                                    <div class="row">
-                                        <div class="col-md-5">
-                                            <div class="slider_cont">
-                                                <h3>Discover Restaurants<br>That deliver near You</h3>
-                                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
-                                                <a class="main_bt_border" href="#">Order Now</a>
-                                            </div>
-                                        </div>
-                                        <div class="col-md-7">
-                                            <div class="slider_image full text_align_center">
-                                                <img class="img-responsive" src="https://alanboy.github.io/spicyo/images/burger_slide.png" alt="#" />
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="carousel-item">
-                                    <div class="row">
-                                        <div class="col-md-5">
-                                            <div class="slider_cont">
-                                                <h3>Discover Restaurants<br>That deliver near You</h3>
-                                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
-                                                <a class="main_bt_border" href="#">Order Now</a>
+            </header>
+            <!-- end header -->
+            <!-- start slider section -->
+            <div class="slider_section">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="full">
+                                <div id="main_slider" class="carousel vert slide" data-ride="carousel"
+                                    data-interval="5000">
+                                    <div class="carousel-inner">
+                                        <div class="carousel-item active">
+                                            <div class="row">
+                                                <div class="col-md-5">
+                                                    <div class="slider_cont">
+                                                        <h3>Discover Restaurants<br>That deliver near You</h3>
+                                                        <p>It is a long established fact that a reader will be
+                                                            distracted by the readable content of a page when looking at
+                                                            its layout.</p>
+                                                        <a class="main_bt_border" href="#">Order Now</a>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-7">
+                                                    <div class="slider_image full text_align_center">
+                                                        <img class="img-responsive"
+                                                            src="https://alanboy.github.io/spicyo/images/burger_slide.png"
+                                                            alt="#" />
+                                                    </div>
+                                                </div>
                                             </div>
                                         </div>
-                                        <div class="col-md-7 full text_align_center">
-                                            <div class="slider_image">
-                                                <img class="img-responsive" src="https://alanboy.github.io/spicyo/images/burger_slide.png" alt="#" />
+                                        <div class="carousel-item">
+                                            <div class="row">
+                                                <div class="col-md-5">
+                                                    <div class="slider_cont">
+                                                        <h3>Discover Restaurants<br>That deliver near You</h3>
+                                                        <p>It is a long established fact that a reader will be
+                                                            distracted by the readable content of a page when looking at
+                                                            its layout.</p>
+                                                        <a class="main_bt_border" href="#">Order Now</a>
+                                                    </div>
+                                                </div>
+                                                <div class="col-md-7 full text_align_center">
+                                                    <div class="slider_image">
+                                                        <img class="img-responsive"
+                                                            src="https://alanboy.github.io/spicyo/images/burger_slide.png"
+                                                            alt="#" />
+                                                    </div>
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
+                                    <a class="carousel-control-prev" href="#main_slider" role="button"
+                                        data-slide="prev">
+                                        <i class="fa fa-angle-up"></i>
+                                    </a>
+                                    <a class="carousel-control-next" href="#main_slider" role="button"
+                                        data-slide="next">
+                                        <i class="fa fa-angle-down"></i>
+                                    </a>
                                 </div>
                             </div>
-                            <a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
-                                <i class="fa fa-angle-up"></i>
-                            </a>
-                            <a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
-                                <i class="fa fa-angle-down"></i>
-                            </a>
                         </div>
                     </div>
                 </div>
             </div>
-        </div>
-    </div>
-    <!-- end slider section -->
+            <!-- end slider section -->
 
 
 
-    <!-- section -->
-    <section class="resip_section">
-        <div class="container">
-            <div class="row">
-         <div class="col-md-12">
-       <div class="ourheading">
-    <h2>Our Recipes</h2>
-  </div>
-</div>
-<div class="container">
-    <div class="row">
-        <div class="col-md-12">
-            <div class="owl-carousel owl-theme">
+            <!-- section -->
+            <section class="resip_section">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="ourheading">
+                                <h2>Our Recipes</h2>
+                            </div>
+                        </div>
+                        <div class="container">
+                            <div class="row">
+                                <div class="col-md-12">
+                                    <div class="owl-carousel owl-theme">
 
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs1.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Homemade</h3>
-                        <h4><span class="theme_color">$</span>10</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs2.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Noodles</h3>
-                        <h4><span class="theme_color">$</span>20</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs3.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Egg</h3>
-                        <h4><span class="theme_color">$</span>30</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs4.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Sushi Dizzy</h3>
-                        <h4><span class="theme_color">$</span>40</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs5.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>The Coffee Break</h3>
-                        <h4><span class="theme_color">$</span>50</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs1.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Homemade</h3>
-                        <h4><span class="theme_color">$</span>10</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs2.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Noodles</h3>
-                        <h4><span class="theme_color">$</span>20</h4>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs1.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>Homemade</h3>
+                                                <h4><span class="theme_color">$</span>10</h4>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs2.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>Noodles</h3>
+                                                <h4><span class="theme_color">$</span>20</h4>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs3.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>Egg</h3>
+                                                <h4><span class="theme_color">$</span>30</h4>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs4.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>Sushi Dizzy</h3>
+                                                <h4><span class="theme_color">$</span>40</h4>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs5.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>The Coffee Break</h3>
+                                                <h4><span class="theme_color">$</span>50</h4>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs1.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>Homemade</h3>
+                                                <h4><span class="theme_color">$</span>10</h4>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs2.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>Noodles</h3>
+                                                <h4><span class="theme_color">$</span>20</h4>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs3.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>Egg</h3>
+                                                <h4><span class="theme_color">$</span>30</h4>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs4.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>Sushi Dizzy</h3>
+                                                <h4><span class="theme_color">$</span>40</h4>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="product_blog_img">
+                                                <img src="https://alanboy.github.io/spicyo/images/rs5.png" alt="#" />
+                                            </div>
+                                            <div class="product_blog_cont">
+                                                <h3>The Coffee Break</h3>
+                                                <h4><span class="theme_color">$</span>50</h4>
+                                            </div>
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs3.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Egg</h3>
-                        <h4><span class="theme_color">$</span>30</h4>
+            </section>
+            <div class="bg_bg">
+                <!-- about -->
+                <div class="about">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="title">
+                                    <i><img src="https://alanboy.github.io/spicyo/images/title.png" alt="#" /></i>
+                                    <h2>About Our Food & Restaurant</h2>
+                                    <span>It is a long established fact that a reader will be distracted by the readable
+                                        content of a
+                                        <br> page when looking at its layout. The point of using Lorem
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
+                                <div class="about_box">
+                                    <h3>Best Food</h3>
+                                    <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots
+                                        in a piece of classical Latin literature from 45 BC, making it over 2000 years
+                                        old. Richard McClintock, a Latin professor at Hampden-Sydney College in
+                                        Virginia, looked up one of the more obscureContrary to popular belief, Lorem
+                                        Ipsum is not simply random text. It has roots in a piece of classical Latin
+                                        literature from 45 BC, making it over 2000 years old. Richard </p>
+                                    <a href="#">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
+                                </div>
+                            </div>
+                            <div class="col-xl-5 col-lg-5 col-md-10 col-sm-12 about_img_boxpdnt">
+                                <div class="about_img">
+                                    <figure><img src="https://alanboy.github.io/spicyo/images/about-img.jpg" alt="#/">
+                                    </figure>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs4.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Sushi Dizzy</h3>
-                        <h4><span class="theme_color">$</span>40</h4>
+                <!-- end about -->
+
+                <!-- blog -->
+                <div class="blog">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="title">
+                                    <i><img src="https://alanboy.github.io/spicyo/images/title.png" alt="#" /></i>
+                                    <h2>Our Blog</h2>
+                                    <span>when looking at its layout. The point of using Lorem</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mar_bottom">
+                                <div class="blog_box">
+                                    <div class="blog_img_box">
+                                        <figure><img src="https://alanboy.github.io/spicyo/images/blog_img1.png"
+                                                alt="#" />
+                                            <span>02 FEB 2009</span>
+                                        </figure>
+                                    </div>
+                                    <h3>Spicy Barger</h3>
+                                    <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for
+                                        those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et
+                                        Malorum" by Cicero are also reproduced in their exact original form, accompanied
+                                        by English versions from the </p>
+                                </div>
+                            </div>
+                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mar_bottom">
+                                <div class="blog_box">
+                                    <div class="blog_img_box">
+                                        <figure><img src="https://alanboy.github.io/spicyo/images/blog_img2.png"
+                                                alt="#" />
+                                            <span>02 FEB 2009</span>
+                                        </figure>
+                                    </div>
+                                    <h3>Egg & Tosh</h3>
+                                    <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for
+                                        those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et
+                                        Malorum" by Cicero are also reproduced in their exact original form, accompanied
+                                        by English versions from the </p>
+                                </div>
+                            </div>
+                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
+                                <div class="blog_box">
+                                    <div class="blog_img_box">
+                                        <figure><img src="https://alanboy.github.io/spicyo/images/blog_img3.png"
+                                                alt="#" />
+                                            <span>02 FEB 2009</span>
+                                        </figure>
+                                    </div>
+                                    <h3>Pizza</h3>
+                                    <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for
+                                        those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et
+                                        Malorum" by Cicero are also reproduced in their exact original form, accompanied
+                                        by English versions from the </p>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="https://alanboy.github.io/spicyo/images/rs5.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>The Coffee Break</h3>
-                        <h4><span class="theme_color">$</span>50</h4>
+                <!-- end blog -->
+
+                <!-- Our Client -->
+                <div class="Client">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="title">
+                                    <i><img src="https://alanboy.github.io/spicyo/images/title.png" alt="#" /></i>
+                                    <h2>Our Client</h2>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-md-6 offset-md-3">
+                                <div class="Client_box">
+                                    <img src="https://alanboy.github.io/spicyo/images/client.jpg" alt="#" />
+                                    <h3>Alan Gonzalez</h3>
+                                    <p>There are many variations of passages of Lorem Ipsum available, but the majority
+                                        have suffered alteration in some form, by injected humour, or randomised words
+                                        which don’t look even slightly believable. If you are going to use a passage of
+                                        Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the
+                                        middle of text.</p>
+                                    <i><img src="https://alanboy.github.io/spicyo/images/client_icon.png" alt="#" /></i>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
-
+                <!-- end Our Client -->
             </div>
-        </div>
-    </div>
-</div>
-</div>
-</div>
-</section>
-<div class="bg_bg">
-<!-- about -->
-<div class="about">
-    <div class="container">
-      <div class="row">
-         <div class="col-md-12">
-             <div class="title">
-                <i><img src="https://alanboy.github.io/spicyo/images/title.png" alt="#"/></i>
-                <h2>About Our Food & Restaurant</h2>
-                <span>It is a long established fact that a reader will be distracted by the readable content of a
-                   <br> page when looking at its layout. The point of using Lorem
-                </span>
-             </div>
-          </div>
-       </div>
-       <div class="row">
-         <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
-             <div class="about_box">
-                 <h3>Best Food</h3>
-                 <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscureContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard </p>
-                 <a href="#">Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
-             </div>
-         </div>
-          <div class="col-xl-5 col-lg-5 col-md-10 col-sm-12 about_img_boxpdnt">
-             <div class="about_img">
-                 <figure><img src="https://alanboy.github.io/spicyo/images/about-img.jpg" alt="#/"></figure>
-             </div>
-         </div>
-       </div>
-    </div>
-</div>
-<!-- end about -->
-
-<!-- blog -->
-<div class="blog">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-12">
-        <div class="title">
-          <i><img src="https://alanboy.github.io/spicyo/images/title.png" alt="#"/></i>
-          <h2>Our Blog</h2>
-          <span>when looking at its layout. The point of using Lorem</span>
-        </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mar_bottom">
-        <div class="blog_box">
-          <div class="blog_img_box">
-            <figure><img src="https://alanboy.github.io/spicyo/images/blog_img1.png" alt="#"/>
-             <span>02 FEB 2009</span>
-            </figure>
-          </div>
-          <h3>Spicy Barger</h3>
-          <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the </p>
-        </div>
-      </div>
-       <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mar_bottom">
-        <div class="blog_box">
-          <div class="blog_img_box">
-            <figure><img src="https://alanboy.github.io/spicyo/images/blog_img2.png" alt="#"/>
-             <span>02 FEB 2009</span>
-            </figure>
-          </div>
-          <h3>Egg & Tosh</h3>
-          <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the </p>
-        </div>
-      </div>
-       <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
-        <div class="blog_box">
-          <div class="blog_img_box">
-            <figure><img src="https://alanboy.github.io/spicyo/images/blog_img3.png" alt="#"/>
-             <span>02 FEB 2009</span>
-            </figure>
-          </div>
-          <h3>Pizza</h3>
-          <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<!-- end blog -->
-
-<!-- Our Client -->
-<div class="Client">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-12">
-        <div class="title">
-          <i><img src="https://alanboy.github.io/spicyo/images/title.png" alt="#"/></i>
-          <h2>Our Client</h2>
-        </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-md-6 offset-md-3">
-         <div class="Client_box">
-           <img src="https://alanboy.github.io/spicyo/images/client.jpg" alt="#"/>
-           <h3>Alan Gonzalez</h3>
-           <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.</p>
-           <i><img src="https://alanboy.github.io/spicyo/images/client_icon.png" alt="#"/></i>
-         </div>
-      </div>
-    </div>
-  </div>
-</div>
-<!-- end Our Client -->
-</div>
-    <!-- footer -->
-    <footer>
-        <div class="footer">
-            <div class="container-fluid">
-                <div class="row">
-                  <div class=" col-md-12">
-                    <h2>Request  A<strong class="white"> Call  Back</strong></h2>
-                  </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+            <!-- footer -->
+            <footer>
+                <div class="footer">
+                    <div class="container-fluid">
+                        <div class="row">
+                            <div class=" col-md-12">
+                                <h2>Request A<strong class="white"> Call Back</strong></h2>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
 
-                        <form class="main_form">
-                            <div class="row">
+                                <form class="main_form">
+                                    <div class="row">
 
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Name" type="text" name="Name">
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Email" type="text" name="Email">
-                                </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Phone" type="text" name="Phone">
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Name" type="text" name="Name">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Email" type="text" name="Email">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Phone" type="text" name="Phone">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <textarea class="textarea" placeholder="Message" type="text"
+                                                name="Message"></textarea>
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <button class="send">Send</button>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+                                <div class="img-box">
+                                    <figure><img src="https://alanboy.github.io/spicyo/images/img.jpg" alt="img" />
+                                    </figure>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <textarea class="textarea" placeholder="Message" type="text" name="Message"></textarea>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="footer_logo">
+                                    <a href="index.html"><img src="https://alanboy.github.io/spicyo/images/logo1.jpg"
+                                            alt="logo" /></a>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <button class="send">Send</button>
+                            </div>
+                            <div class="col-md-12">
+                                <ul class="lik">
+                                    <li class="active"> <a href="index.html">Home</a></li>
+                                    <li> <a href="about.html">About</a></li>
+                                    <li> <a href="recipe.html">Recipe</a></li>
+                                    <li> <a href="blog.html">Blog</a></li>
+                                    <li> <a href="contact.html">Contact us</a></li>
+                                </ul>
+                            </div>
+                            <div class="col-md-12">
+                                <div class="new">
+                                    <h3>Newsletter</h3>
+                                    <form class="newtetter">
+                                        <input class="tetter" placeholder="Your email" type="text" name="Your email">
+                                        <button class="submit">Subscribe</button>
+                                    </form>
                                 </div>
                             </div>
-                        </form>
-                    </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
-                        <div class="img-box">
-                            <figure><img src="https://alanboy.github.io/spicyo/images/img.jpg" alt="img" /></figure>
                         </div>
                     </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-12">
-                        <div class="footer_logo">
-                          <a href="index.html"><img src="https://alanboy.github.io/spicyo/images/logo1.jpg" alt="logo" /></a>
-                        </div>
-                    </div>
-                    <div class="col-md-12">
-                        <ul class="lik">
-                            <li class="active"> <a href="index.html">Home</a></li>
-                            <li> <a href="about.html">About</a></li>
-                            <li> <a href="recipe.html">Recipe</a></li>
-                            <li> <a href="blog.html">Blog</a></li>
-                            <li> <a href="contact.html">Contact us</a></li>
-                        </ul>
-                    </div>
-                    <div class="col-md-12">
-                        <div class="new">
-                            <h3>Newsletter</h3>
-                            <form class="newtetter">
-                                <input class="tetter" placeholder="Your email" type="text" name="Your email">
-                                <button class="submit">Subscribe</button>
-                            </form>
+                    <div class="copyright">
+                        <div class="container">
+                            <p>© 2020 All Rights Reserved. Design by<a href="https://html.design/"> Free Html
+                                    Templates</a></p>
                         </div>
                     </div>
                 </div>
-            </div>
-            <div class="copyright">
-                <div class="container">
-                    <p>© 2019 All Rights Reserved. Design by<a href="https://html.design/"> Free Html Templates</a></p>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!-- end footer -->
+            </footer>
+            <!-- end footer -->
 
-    </div>
+        </div>
     </div>
     <div class="overlay"></div>
     <!-- Javascript files-->
@@ -463,17 +514,17 @@ <h3>Newsletter</h3>
 
     <script src="https://alanboy.github.io/spicyo/js/jquery-3.0.0.min.js"></script>
     <script type="text/javascript">
-        $(document).ready(function() {
+        $(document).ready(function () {
             $("#sidebar").mCustomScrollbar({
                 theme: "minimal"
             });
 
-            $('#dismiss, .overlay').on('click', function() {
+            $('#dismiss, .overlay').on('click', function () {
                 $('#sidebar').removeClass('active');
                 $('.overlay').removeClass('active');
             });
 
-            $('#sidebarCollapse').on('click', function() {
+            $('#sidebarCollapse').on('click', function () {
                 $('#sidebar').addClass('active');
                 $('.overlay').addClass('active');
                 $('.collapse.in').toggleClass('in');
@@ -483,34 +534,36 @@ <h3>Newsletter</h3>
     </script>
 
     <style>
-    #owl-demo .item{
-        margin: 3px;
-    }
-    #owl-demo .item img{
-        display: block;
-        width: 100%;
-        height: auto;
-    }
+        #owl-demo .item {
+            margin: 3px;
+        }
+
+        #owl-demo .item img {
+            display: block;
+            width: 100%;
+            height: auto;
+        }
     </style>
     <script>
-    $(document).ready(function() {
-        $('.owl-carousel').owlCarousel({
-            margin: 10,
-            nav: true,
-            loop: true,
-            responsive: {
-                0: {
-                    items: 1
-                },
-                600: {
-                    items: 2
-                },
-                1000: {
-                    items: 5
+        $(document).ready(function () {
+            $('.owl-carousel').owlCarousel({
+                margin: 10,
+                nav: true,
+                loop: true,
+                responsive: {
+                    0: {
+                        items: 1
+                    },
+                    600: {
+                        items: 2
+                    },
+                    1000: {
+                        items: 5
+                    }
                 }
-            }
+            })
         })
-    })
     </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/recipe.html b/recipe.html
index a1d24fc..3814b64 100644
--- a/recipe.html
+++ b/recipe.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <!-- A change in the devmatch repo -->
+
 <head>
     <!-- basic -->
     <meta charset="utf-8">
@@ -28,7 +29,7 @@
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
 </head>
 <!-- body -->
- 
+
 <body class="main-layout Recipes_page">
     <!-- loader  -->
     <div class="loader_bg">
@@ -36,9 +37,9 @@
     </div>
 
     <div class="wrapper">
-    <!-- end loader -->
+        <!-- end loader -->
 
-     <div class="sidebar">
+        <div class="sidebar">
             <!-- Sidebar  -->
             <nav id="sidebar">
 
@@ -48,7 +49,7 @@
 
                 <ul class="list-unstyled components">
 
-                    <li >
+                    <li>
                         <a href="index.html">Home</a>
                     </li>
                     <li>
@@ -68,230 +69,239 @@
             </nav>
         </div>
 
-    <div id="content">
-    <!-- header -->
-    <header>
-        <div class="container-fluid">
-            <div class="row">
-                <div class="col-md-3">
-                    <div class="full">
-                        <a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
-                    </div>
-                </div>
-                <div class="col-md-9">
-                    <div class="full">
-                        <div class="right_header_info">
-                            <ul>
-                                <li class="dinone">Contact Us : <img style="margin-right: 15px;margin-left: 15px;" src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png" alt="#"><a href="#">demo@gmail.com</a></li>
-                                <li class="dinone"><img style="margin-right: 15px;height: 21px;position: relative;top: -2px;" src="images/location_icon.png" alt="#"><a href="#">104 New york , USA</a></li>
-                                <li class="button_user"><a class="button active" href="#">Login</a><a class="button" href="#">Register</a></li>
-                                <li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
-                                <li>
-                                    <button type="button" id="sidebarCollapse">
-                                        <img src="images/menu_icon.png" alt="#">
-                                    </button>
-                                </li>
-                            </ul>
+        <div id="content">
+            <!-- header -->
+            <header>
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-md-3">
+                            <div class="full">
+                                <a class="logo" href="index.html"><img src="images/logo.png" alt="#" /></a>
+                            </div>
+                        </div>
+                        <div class="col-md-9">
+                            <div class="full">
+                                <div class="right_header_info">
+                                    <ul>
+                                        <li class="dinone">Contact Us : <img
+                                                style="margin-right: 15px;margin-left: 15px;"
+                                                src="images/phone_icon.png" alt="#"><a href="#">987-654-3210</a></li>
+                                        <li class="dinone"><img style="margin-right: 15px;" src="images/mail_icon.png"
+                                                alt="#"><a href="#">demo@gmail.com</a></li>
+                                        <li class="dinone"><img
+                                                style="margin-right: 15px;height: 21px;position: relative;top: -2px;"
+                                                src="images/location_icon.png" alt="#"><a href="#">104 New york ,
+                                                USA</a></li>
+                                        <li class="button_user"><a class="button active" href="#">Login</a><a
+                                                class="button" href="#">Register</a></li>
+                                        <li><img style="margin-right: 15px;" src="images/search_icon.png" alt="#"></li>
+                                        <li>
+                                            <button type="button" id="sidebarCollapse">
+                                                <img src="images/menu_icon.png" alt="#">
+                                            </button>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-        </div>
-    </header>
-    <!-- end header -->
-    
-    <div class="yellow_bg">
-   <div class="container">
-            <div class="row">
-               <div class="col-md-12">
-                  <div class="title">
-                     <h2>Our Recipes</h2>
-                    
-                  </div>
-               </div>
-            </div>
-          </div>
-</div>
-    <!-- section -->
-    <section class="resip_section">
-        <div class="container">
-            <div class="row">
-               
-                <div class="col-md-12">
-            <div class="owl-carousel owl-theme">
+            </header>
+            <!-- end header -->
 
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs1.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Homemade</h3>
-                        <h4><span class="theme_color">$</span>10</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs2.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Noodles</h3>
-                        <h4><span class="theme_color">$</span>20</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs3.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Egg</h3>
-                        <h4><span class="theme_color">$</span>30</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs4.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Sushi Dizzy</h3>
-                        <h4><span class="theme_color">$</span>40</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs5.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>The Coffee Break</h3>
-                        <h4><span class="theme_color">$</span>50</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs1.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Homemade</h3>
-                        <h4><span class="theme_color">$</span>10</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs2.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Noodles</h3>
-                        <h4><span class="theme_color">$</span>20</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs3.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Egg</h3>
-                        <h4><span class="theme_color">$</span>30</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs4.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>Sushi Dizzy</h3>
-                        <h4><span class="theme_color">$</span>40</h4>
-                    </div>
-                </div>
-                <div class="item">
-                    <div class="product_blog_img">
-                        <img src="images/rs5.png" alt="#" />
-                    </div>
-                    <div class="product_blog_cont">
-                        <h3>The Coffee Break</h3>
-                        <h4><span class="theme_color">$</span>50</h4>
+            <div class="yellow_bg">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="title">
+                                <h2>Our Recipes</h2>
+
+                            </div>
+                        </div>
                     </div>
                 </div>
-
             </div>
-        </div>
-            </div>
-        </div>
-    </section>
+            <!-- section -->
+            <section class="resip_section">
+                <div class="container">
+                    <div class="row">
 
+                        <div class="col-md-12">
+                            <div class="owl-carousel owl-theme">
 
-    <!-- footer -->
-    <fooetr>
-        <div class="footer">
-            <div class="container-fluid">
-                <div class="row">
-                  <div class=" col-md-12">
-                    <h2>Request  A<strong class="white"> Call  Back</strong></h2>
-                  </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
-                      
-                        <form class="main_form">
-                            <div class="row">
-                             
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Name" type="text" name="Name">
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs1.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>Homemade</h3>
+                                        <h4><span class="theme_color">$</span>10</h4>
+                                    </div>
+                                </div>
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs2.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>Noodles</h3>
+                                        <h4><span class="theme_color">$</span>20</h4>
+                                    </div>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Email" type="text" name="Email">
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs3.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>Egg</h3>
+                                        <h4><span class="theme_color">$</span>30</h4>
+                                    </div>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <input class="form-control" placeholder="Phone" type="text" name="Phone">
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs4.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>Sushi Dizzy</h3>
+                                        <h4><span class="theme_color">$</span>40</h4>
+                                    </div>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <textarea class="textarea" placeholder="Message" type="text" name="Message"></textarea>
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs5.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>The Coffee Break</h3>
+                                        <h4><span class="theme_color">$</span>50</h4>
+                                    </div>
                                 </div>
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
-                                    <button class="send">Send</button>
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs1.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>Homemade</h3>
+                                        <h4><span class="theme_color">$</span>10</h4>
+                                    </div>
                                 </div>
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs2.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>Noodles</h3>
+                                        <h4><span class="theme_color">$</span>20</h4>
+                                    </div>
+                                </div>
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs3.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>Egg</h3>
+                                        <h4><span class="theme_color">$</span>30</h4>
+                                    </div>
+                                </div>
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs4.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>Sushi Dizzy</h3>
+                                        <h4><span class="theme_color">$</span>40</h4>
+                                    </div>
+                                </div>
+                                <div class="item">
+                                    <div class="product_blog_img">
+                                        <img src="images/rs5.png" alt="#" />
+                                    </div>
+                                    <div class="product_blog_cont">
+                                        <h3>The Coffee Break</h3>
+                                        <h4><span class="theme_color">$</span>50</h4>
+                                    </div>
+                                </div>
+
                             </div>
-                        </form>
-                    </div>
-                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
-                        <div class="img-box">
-                            <figure><img src="images/img.jpg" alt="img" /></figure>
                         </div>
                     </div>
                 </div>
-                <div class="row">
-                    <div class="col-md-12">
-                        <div class="footer_logo">
-                          <a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
+            </section>
+
+
+            <!-- footer -->
+            <fooetr>
+                <div class="footer">
+                    <div class="container-fluid">
+                        <div class="row">
+                            <div class=" col-md-12">
+                                <h2>Request A<strong class="white"> Call Back</strong></h2>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+
+                                <form class="main_form">
+                                    <div class="row">
+
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Name" type="text" name="Name">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Email" type="text" name="Email">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <input class="form-control" placeholder="Phone" type="text" name="Phone">
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <textarea class="textarea" placeholder="Message" type="text"
+                                                name="Message"></textarea>
+                                        </div>
+                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
+                                            <button class="send">Send</button>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
+                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
+                                <div class="img-box">
+                                    <figure><img src="images/img.jpg" alt="img" /></figure>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="footer_logo">
+                                    <a href="index.html"><img src="images/logo1.jpg" alt="logo" /></a>
+                                </div>
+                            </div>
+                            <div class="col-md-12">
+                                <ul class="lik">
+                                    <li> <a href="index.html">Home</a></li>
+                                    <li> <a href="about.html">About</a></li>
+                                    <li class="active"> <a href="recipe.html">Recipe</a></li>
+                                    <li> <a href="blog.html">blog</a></li>
+                                    <li> <a href="contact.html">Contact us</a></li>
+                                </ul>
+                            </div>
+                            <div class="col-md-12">
+                                <div class="new">
+                                    <h3>Newsletter</h3>
+                                    <form class="newtetter">
+                                        <input class="tetter" placeholder="Your email" type="text" name="Your email">
+                                        <button class="submit">Subscribe</button>
+                                    </form>
+                                </div>
+                            </div>
                         </div>
                     </div>
-                    <div class="col-md-12">
-                        <ul class="lik">
-                            <li > <a href="index.html">Home</a></li>
-                            <li> <a href="about.html">About</a></li>
-                            <li class="active"> <a href="recipe.html">Recipe</a></li>
-                            <li> <a href="blog.html">blog</a></li>
-                            <li> <a href="contact.html">Contact us</a></li>
-                        </ul>
-                    </div>
-                    <div class="col-md-12">
-                        <div class="new">
-                            <h3>Newsletter</h3>
-                            <form class="newtetter">
-                                <input class="tetter" placeholder="Your email" type="text" name="Your email">
-                                <button class="submit">Subscribe</button>
-                            </form>
+                    <div class="copyright">
+                        <div class="container">
+                            <p>© 2020 All Rights Reserved. Design by<a href="https://html.design/"> Free Html
+                                    Templates</a></p>
                         </div>
                     </div>
                 </div>
-            </div>
-            <div class="copyright">
-                <div class="container">
-                    <p>© 2019 All Rights Reserved. Design by<a href="https://html.design/"> Free Html Templates</a></p>
-                </div>
-            </div>
-        </div>
-    </fooetr>
-    <!-- end footer -->
+            </fooetr>
+            <!-- end footer -->
 
-    </div>
+        </div>
     </div>
     <div class="overlay"></div>
     <!-- Javascript files-->
@@ -300,21 +310,21 @@ <h3>Newsletter</h3>
     <script src="js/bootstrap.bundle.min.js"></script>
     <script src="js/owl.carousel.min.js"></script>
     <script src="js/custom.js"></script>
-     <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
-    
-     <script src="js/jquery-3.0.0.min.js"></script>
-   <script type="text/javascript">
-        $(document).ready(function() {
+    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
+
+    <script src="js/jquery-3.0.0.min.js"></script>
+    <script type="text/javascript">
+        $(document).ready(function () {
             $("#sidebar").mCustomScrollbar({
                 theme: "minimal"
             });
 
-            $('#dismiss, .overlay').on('click', function() {
+            $('#dismiss, .overlay').on('click', function () {
                 $('#sidebar').removeClass('active');
                 $('.overlay').removeClass('active');
             });
 
-            $('#sidebarCollapse').on('click', function() {
+            $('#sidebarCollapse').on('click', function () {
                 $('#sidebar').addClass('active');
                 $('.overlay').addClass('active');
                 $('.collapse.in').toggleClass('in');
@@ -323,28 +333,28 @@ <h3>Newsletter</h3>
         });
     </script>
 
-<script>
-         $(document).ready(function() {
-           var owl = $('.owl-carousel');
-           owl.owlCarousel({
-             margin: 10,
-             nav: true,
-             loop: true,
-             responsive: {
-               0: {
-                 items: 1
-               },
-               600: {
-                 items: 2
-               },
-               1000: {
-                 items: 5
-               }
-             }
-           })
-         })
-      </script>
+    <script>
+        $(document).ready(function () {
+            var owl = $('.owl-carousel');
+            owl.owlCarousel({
+                margin: 10,
+                nav: true,
+                loop: true,
+                responsive: {
+                    0: {
+                        items: 1
+                    },
+                    600: {
+                        items: 2
+                    },
+                    1000: {
+                        items: 5
+                    }
+                }
+            })
+        })
+    </script>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file