[UPDT] Index Updated 'theme_the_chef'

theme_the_chef/static/description/index.html

@@ -11,12 +11,12 @@
             <img src="images/hero.png" width=60% height="auto" class="mb-4" alt="Theme Screenshot">
         </div>
         <div class="col-lg-12 text-center">
-            <h1 class="mt-4">Theme The Chef</h1>
+            <h1 class="mt-4">The Chef</h1>
             <p class="lead mb-4" style="max-width: 700px; margin: 0 auto;">
-                Theme The Chef is a popular attractive and unique front end theme for your restaurent website. 
-        Many custom designed snippets facilitates to add better user experience. 
-        Just drag & drop the building blocks you need to easily build your layout. 
-        All layouts are made of sections, that you can easily combine to fit your specific project.It have simple and more attractive snippets.
+                Theme The Chef is a popular attractive and unique front end theme for your restaurent website. Many
+                custom designed snippets facilitates to add better user experience. Just drag & drop the building
+                blocks you need to easily build your layout. All layouts are made of sections, that you can easily
+                combine to fit your specific project.It have simple and more attractive snippets.
             </p>
         </div>
     </div>
@@ -44,7 +44,7 @@
         <div class="col-lg-6 px-4" style="margin-top: 100px;">
             <h2>Mobile View</h2>
             <p class="lead">
-                User friendly and modern looking makes your page more Stylist And Beautiful.
+                User friendly and modern looking theme makes your page more Stylish And Beautiful.
             </p>
         </div>
     </div>
@@ -166,13 +166,54 @@
     </div>
     <!-- End of Two Columns Section -->
 
+    <!-- Demo Pages -->
+    <section class="oe_container">
+        <div class="row" style="margin: 60px auto -30px;">
+            <div class="col-lg-12 text-center">
+                <h4 class="mt-4">Demo Sections</h4>
+                <hr style="border-width: 3px; border-color: #0984e3; width: 100px;">
+            </div>
+        </div>
+
+        <div class="row" style="margin: 40px auto; border-radius: 15px; padding: 38px;">
+            <div class="col-sm-6 col-md-4 px-2">
+                <div class="bg-white shadow overflow-hidden mb32"
+                    style="border-radius: 15px; width: 300px; padding-bottom: 0; margin-right: 30px;">
+                    <img src="./images/demo-1.jpg" width="300px" height="auto">
+                    <h6 class="text-center my-3">Hero Slider &amp; Blogs</h6>
+                    <hr style="border-width: 5px; border-color: #0984e3; width: 150px; margin-bottom: 0;">
+                </div>
+            </div>
+
+            <div class="col-sm-6 col-md-4 px-2">
+                <div class="bg-white shadow overflow-hidden mb32"
+                    style="border-radius: 15px; width: 300px; padding-bottom: 0;">
+                    <img src="./images/demo-2.jpg" width="300px" height="auto">
+                    <h6 class="text-center my-3">Menu &amp; Testimonial</h6>
+                    <hr style="border-width: 5px; border-color: #05c46b; width: 150px; margin-bottom: 0;">
+                </div>
+            </div>
+
+            <div class="col-sm-6 col-md-4 px-2">
+                <div class="bg-white shadow overflow-hidden mb32"
+                    style="border-radius: 15px; width: 300px; padding-bottom: 0;">
+                    <img src="./images/demo-3.jpg" width="300px" height="auto">
+                    <h6 class="text-center my-3">Reservation Form &amp; Footer</h6>
+                    <hr style="border-width: 5px; border-color: #f44f52; width: 150px; margin-bottom: 0;">
+                </div>
+            </div>
+
+        </div>
+    </section>
+    <!-- End of Demo Pages -->
 
     <!-- Footer -->
     <div class="row" style="margin-top: 4rem;">
         <div class="col-lg-12 text-center">
             <h2>Get Help</h2>
             <hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px">
-            <p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with us based
+            <p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with us
+                based
                 on
                 your use of this module, please let us know. We are ready to offer our support.</p>
         </div>
@@ -188,7 +229,8 @@
                 </div>
                 <div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
                     <h6><a href="mailto:info@cybrosys.com" target="_blank"
-                            style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a></h6>
+                            style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a>
+                    </h6>
                 </div>
             </div>
         </div>
@@ -204,7 +246,8 @@
                 </div>
                 <div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
                     <h6><a href="https://www.cybrosys.com" target="_blank"
-                            style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a></h6>
+                            style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a>
+                    </h6>
                 </div>
             </div>
         </div>
@@ -218,4 +261,4 @@
         </div>
     </div>
     <!-- End of Footer -->
-</div>
+</div>