[UPDT] Index Updated 'theme_the_chef'

theme_the_chef/__init__.py

@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER
@@ -19,3 +19,4 @@
 #    If not, see <http://www.gnu.org/licenses/>.
 #
 #############################################################################
+

theme_the_chef/__manifest__.py

@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER
@@ -19,15 +19,16 @@
 #    If not, see <http://www.gnu.org/licenses/>.
 #
 #############################################################################
-
 {
-    'name': 'The Chef Theme',
+    'name': 'Theme The Chef',
-    'description': 'The Chef Theme',
+    'description': 'Theme The Chef is a popular attractive and unique front end theme for your restaurant website.',
+    'summary': 'Theme The Chef is a popular attractive and unique front end theme for your restaurant website',
+    'category': 'Theme/Creative',
     'version': '14.0.1.0.0',
     'author': 'Cybrosys Techno Solutions',
     'company': 'Cybrosys Techno Solutions',
     'maintainer': 'Cybrosys Techno Solutions',
-    'category': 'Theme/Corporate',
+    'website': "https://www.cybrosys.com",
     'depends': ['website'],
     'data': [
         'views/assets.xml',
@@ -43,11 +44,12 @@
         'views/snippets/special_left.xml',
         'views/snippets/team.xml',
     ],
-    'license': 'LGPL-3',
     'images': [
         'static/description/banner.jpg',
         'static/description/theme_screenshot.jpg',
     ],
+    'license': 'LGPL-3',
     'installable': True,
     'application': True,
+    'auto_install': False,
 }

theme_the_chef/static/description/index.html

@@ -11,33 +11,19 @@
             <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">The Chef Theme</h1>
+            <h1 class="mt-4">Theme The Chef</h1>
-      <p class="lead" style="max-width: 700px; margin: 0 auto;">
+            <p class="lead mb-4" style="max-width: 700px; margin: 0 auto;">
-        The Chef is a popular attractive and unique front end theme for your restaurent website. 
+                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.
+        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>
-  <div class="row">
+
-    <div class="col-lg-12 text-center p-4">
-      <a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style="
-            background-color: #b22126;
-            border-style: none;
-            border-radius: 4em;
-            font-weight: bold;
-          "><i class="fa fa-desktop mr-2"></i>Live Demo</a>
-      <a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style="
-            background-color: #576574;
-            border-style: none;
-            border-radius: 4em;
-            font-weight: bold;
-          "><i class="fa fa-download mr-2"></i>Download</a>
-    </div>
-  </div>
     <!-- End of Hero Section -->
-  <!-- Second Section -->
+
+    <!-- Alternate Section -->
     <div class="row p-4">
         <div class="col-lg-6 px-4" style="margin-top: 100px;">
             <h2>Desktop View</h2>
@@ -50,8 +36,6 @@
                 class="mb-4 shadow-sm" alt="Theme Screenshot">
         </div>
     </div>
-  <!-- End of Second Section -->
-  <!-- Third Section -->
     <div class="row p-4">
         <div class="col-lg-6 px-4">
             <img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto"
@@ -64,49 +48,132 @@
             </p>
         </div>
     </div>
-  <!-- End of Third Section -->
+    <!-- End of Alternate Section -->
 
-  <!-- Feature Tiles -->
+
-  <div class="row mt-4">
+    <!-- Two Columns Section -->
-    <div class="col-lg-12 text-center">
+    <div class="row p-4">
-      <h2>Features</h2>
+        <!-- Column 1 -->
-      <hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px">
+        <div class="col-lg-6">
+            <div class="row">
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/1.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
+                </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">Main Banner with Slider</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
                 </div>
             </div>
-  <div class="row p-4" style="margin: 0 6%;">
-    <div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4"
-      style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
-      <i class="fa fa-tablet mb-2" style="font-size: 2em; margin: 0 40%;"></i>
-      <h5 class="text-center" style="margin: 0 5%;">Responsive</h5>
         </div>
+        <!-- End of Column 1 -->
 
-    <div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4"
+        <!-- Column 2 -->
-      style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
+        <div class="col-lg-6">
-      <i class="fa fa-magic mb-2" style="font-size: 2em; margin: 0 40%;"></i>
+            <div class="row">
-      <h5 class="text-center" style="margin: 0 5%;">Modern</h5>
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/2.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
+                </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">Reservation Form</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
+                </div>
             </div>
+        </div>
+        <!-- End of Column 2 -->
+    </div>
+    <!-- End of Two Columns Section -->
+
 
-    <div class="col-lg-3 bg-white mb-4 mr-4 shadow-sm p-4"
+    <!-- One Column Section -->
-      style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
+    <div class="row p-4">
-      <i class="fa fa-arrow-circle-o-right mb-2" style="font-size: 2em; margin: 0 40%;"></i>
+        <div class="col-lg-6">
-      <h5 class="text-center" style="margin: 0 4%;">Built-in Slider</h5>
+            <img style="border-radius: 0.5em;" src="images/3.jpg" width="90%" height="auto" class="mb-4 shadow-sm"
+                alt="Theme Screenshot">
+        </div>
+        <div class="col-lg-6" style="padding-top: 100px;">
+            <h2>Overview</h2>
+            <p class="lead">
+                It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages.
+            </p>
+        </div>
     </div>
+    <!-- End of Two Columns Section -->
 
-    <div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4"
+    <!-- Two Columns Section -->
-      style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
+    <div class="row p-4">
-      <i class="fa fa-shopping-cart mb-2" style="font-size: 2em; margin: 0 40%;"></i>
+        <!-- Column 1 -->
-      <h5 class="text-center" style="margin: 0 5%;">Attractive Sections</h5>
+        <div class="col-lg-4">
+            <div class="row">
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/4.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
+                </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">Testimonial Snippet</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- End of Column 1 -->
+
+        <!-- Column 2 -->
+        <div class="col-lg-4">
+            <div class="row">
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/5.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
+                </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">Main Dishes Snippet</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
                 </div>
+            </div>
+        </div>
+        <!-- End of Column 2 -->
 
+
+        <!-- Column 4 -->
+        <div class="col-lg-4">
+            <div class="row">
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/6.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
+                </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">Menu Snippet</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
                 </div>
-  <!-- End of Feature Tiles -->
+            </div>
+        </div>
+        <!-- End of Column 4 -->
+    </div>
+    <!-- End of Two Columns Section -->
+
 
     <!-- Footer -->
-  <div class="row mt-4">
+    <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 on
+            <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>
     </div>
@@ -115,13 +182,13 @@
             style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
             <div class="row">
                 <div class="col-lg-8">
-          <h6><a href="mailto:info@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i
+                    <h6><a href="mailto:info@cybrosys.com" target="_blank"
+                            style="color: #050505; text-decoration: none;"><i
                                 class="fa fa-envelope mr-2"></i>info@cybrosys.com</a></h6>
                 </div>
-        <div class="col-lg-4" style="position: relative;">
+                <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; position: absolute; right: 10px;"><i
+                            style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a></h6>
-                class="fa fa-chevron-right"></i></a></h6>
                 </div>
             </div>
         </div>
@@ -131,13 +198,13 @@
             style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
             <div class="row">
                 <div class="col-lg-8">
-          <h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i
+                    <h6><a href="https://www.cybrosys.com" target="_blank"
+                            style="color: #050505; text-decoration: none;"><i
                                 class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6>
                 </div>
-        <div class="col-lg-4" style="position: relative;">
+                <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; position: absolute; right: 10px;"><i
+                            style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a></h6>
-                class="fa fa-chevron-right"></i></a></h6>
                 </div>
             </div>
         </div>

theme_the_chef/static/src/css/style.css

@@ -468,6 +468,12 @@ body {
   /*color: #70e000;*/;
 }
 
+.about .about_details .wrapper .recipe .s_c a p {
+    margin-top: 10px;
+    max-width: 150px;
+    text-align: center;
+}
+
 .location {
   margin-top: 0px;
 }
@@ -1115,23 +1121,30 @@ h3 {
   color: #57ad00;
 }
 
+#oe_main_menu_navbar + #wrapwrap .o_header_affixed {
+    background-color: transparent !important;
+}
+
 .navbar {
-  box-shadow: 0px 10px 8px 0px rgba(49, 49, 50, 0.15);
+  box-shadow: 0px 10px 8px 0px rgba(49, 49, 50, 0.15) !important;
+  margin-left: 20px !important;
+  margin-right: 20px !important;
+  margin-top: 20px !important;
 }
 
 .navbar .navbar-collapse {
-  transition: all 0.35s ease-out;
+  transition: all 0.35s ease-out !important;
-  transform-origin: center left;
+  transform-origin: center left !important;
 }
 
 .navbar .navbar-nav {
-  width: 100%;
+  width: 100% !important;
-  background: #ffffff;
+  background: #ffffff !important;
-  display: contents;
+  display: contents !important;
 }
 
 .navbar .navbar-nav .nav-item {
-  padding: 0 15px;
+  padding: 0 15px !important;
   text-align: center;
 }
 
@@ -1140,7 +1153,7 @@ h3 {
 }
 
 .navbar .navbar-nav .nav-link {
-  color: #006d77;
+  color: #006d77 !important;
   /*color: #70e000;*/
   padding-left: 15px;
   transition: all 0.35s ease-out;
@@ -1298,11 +1311,10 @@ h3 {
 }
 
 .banner .banner_contents .banner_left h1 {
-  font-weight: 300;
   font-size: 3.5em;
   padding: 40px 0;
   padding-bottom: 10px;
-  font-weight: 650;
+  font-weight: bold;
 }
 
 .banner .banner_contents .banner_left .service {
@@ -1323,6 +1335,7 @@ h3 {
 .banner .banner_contents .banner_left .service .s_c p {
   font-size: 20px;
   padding-top: 15px;
+  font-weight: bold;
 }
 
 .banner .banner_contents .banner_right .owl-carousel {

theme_the_chef/views/assets.xml

@@ -6,7 +6,7 @@
                 <link rel="stylesheet" type="text/css" href="/theme_the_chef/static/src/css/animate.min.css"/>
                 <link rel="stylesheet" type="text/css" href="/theme_the_chef/static/src/css/owl.carousel.min.css"/>
                 <link rel="stylesheet" type="text/css" href="/theme_the_chef/static/src/css/owl.theme.default.min.css"/>
-<!--                <link rel="stylesheet" type="text/css" href="/theme_the_chef/static/src/css/style.css"/>-->
+                <link rel="stylesheet" type="text/css" href="/theme_the_chef/static/src/css/style.css"/>
                 <!-- <link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/_common.scss"/> -->
                 <!-- <link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/_normalize.scss"/> -->
                 <!-- <link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/_variables.scss"/> -->
@@ -37,7 +37,7 @@
             <xpath expr="." position="inside">
                 <link href='https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&amp;display=swap' rel="stylesheet"/>
                 <link href='https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&amp;family=Satisfy&amp;display=swap' rel="stylesheet"/>
-                <link href="https://fonts.googleapis.com/css2?family=Poppins&amp;display=swap" rel="stylesheet"/>
+                <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;display=swap" rel="stylesheet"/>
             </xpath>
         </template>
     </data>

theme_the_chef/views/layout.xml

@@ -18,7 +18,7 @@
                     <!-- google font css -->
                     <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&amp;display=swap" rel="stylesheet"/>
                     <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&amp;family=Satisfy&amp;display=swap" rel="stylesheet"/>
-                    <link href="https://fonts.googleapis.com/css2?family=Poppins&amp;display=swap" rel="stylesheet"/>
+                    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;display=swap" rel="stylesheet"/>
                     <!-- Owl css -->
                     <link rel="stylesheet" href="/theme_the_chef/static/src/css/owl.carousel.min.css"/>
                     <link rel="stylesheet" href="/theme_the_chef/static/src/css/owl.theme.default.min.css"/>

theme_the_chef/views/snippets/banner.xml

@@ -9,7 +9,7 @@
     <template id="banner" name="Banner">
         <section class="main_body">
             <!-- Banner section starts here -->
-            <section class="banner">
+            <section class="banner" style="padding-top: 20px;">
                 <div class="container">
                     <div class="banner_contents">
                         <div class="row">

theme_the_chef/views/snippets/reservation.xml

@@ -18,7 +18,7 @@
                                     <div class="section_heading">
                                         <p class="sub">Specialities</p>
                                         <h3>
-                                            Our Menus
+                                            Booking
                                         </h3>
                                     </div>
                                     <form>

theme_the_chef/views/snippets/team.xml

@@ -15,7 +15,7 @@
                         <div class="section_heading">
                             <p class="sub">Specialities</p>
                             <h3>
-                                Our Menu
+                                Our Team
                             </h3>
                         </div>
                         <div class="row">

theme_the_chef/views/templates.xml

@@ -4,6 +4,7 @@
             <xpath expr="//div[@id='top_menu_container']" position="replace">
                 <div id="top_menu_container" class="container justify-content-start justify-content-lg-between">
                     <!-- Brand -->
+                    <!--<a class="navbar-brand  d-none d-lg-block d-xl-block " href="/">The Chef</a>-->
                     <t t-call="website.placeholder_header_brand">
                         <t t-set="_link_class" t-value="'mr-4'"/>
                     </t>