Ajmal Cybro
4 years ago
100 changed files with 8615 additions and 0 deletions
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2019-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 AFFERO |
|||
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
|||
# (AGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
|
|||
@ -0,0 +1,50 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2019-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 AFFERO |
|||
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE |
|||
# (AGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
{ |
|||
'name': "Odoo Enterprise Functional Tutorial", |
|||
|
|||
'summary': """ |
|||
Full Odoo Enterprise Functional Tutorial""", |
|||
|
|||
'description': """ |
|||
Odoo functional video presentation of all Application: |
|||
CRM, Sales, Purchase, Inventory, Accounting, Point of Sale, Project, Website, E-commerce, Manufacturing, |
|||
Human Resource, Recruitment, Attendance, Appraisal, Payroll, Timeoff, Survey, Expense, Referral, Discuss, |
|||
Contacts, Calender, Notes, Document, Sign, Helpdesk, Live Chat, eLearning, Events, Lunch, Members, Rental, |
|||
Subscription, Fleet, Approvals, Email Marketing, SMS Marketing, Social Marketing and Studio |
|||
""", |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': "Cybrosys Techno Solutions", |
|||
'website': 'https://www.cybrosys.com', |
|||
# 'live_test_url': '', |
|||
'category': 'Extra Tools', |
|||
'version': '14.0.1.0.0', |
|||
'license': 'AGPL-3', |
|||
'depends': ['website_slides'], |
|||
'images': ['static/description/banner.png'], |
|||
'data': [ |
|||
'data/slide_channel_data.xml', |
|||
'data/slide.slide.csv', |
|||
], |
|||
} |
|||
|
@ -0,0 +1,18 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<odoo><data> |
|||
|
|||
<record id="slide_channel_odoo_functional" model="slide.channel"> |
|||
<field name="name">Odoo 14 Enterprise Functional Tutorial</field> |
|||
<field name="user_id" ref="base.user_admin"/> |
|||
<field name="enroll">public</field> |
|||
<field name="channel_type">training</field> |
|||
<field name="allow_comment" eval="False"/> |
|||
<field name="promote_strategy">most_voted</field> |
|||
<field name="is_published" eval="True"/> |
|||
<field name="tag_ids" eval="[]"/> |
|||
<field name="description">Learn Odoo 14 Enterprise Functionality in Detail</field> |
|||
<field name="create_date" eval="DateTime.now() - relativedelta(days=8)"/> |
|||
</record> |
|||
|
|||
</data> |
|||
</odoo> |
|||
|
After Width: | Height: | Size: 129 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 131 KiB |
@ -0,0 +1,134 @@ |
|||
<div class="row" style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;"> <a href="https://www.cybrosys.com/" target="_blank"><img src="images/cybrosys.png" style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="cybrosys-logo"></a> </div> |
|||
<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;"> |
|||
<div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px"> |
|||
<div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;"> |
|||
<h2 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Odoo Enterprise Functional Tutorial</h2> |
|||
<h3 style="font-size: 30px;font-weight: 600;margin: 0px !important; font-style: italic;">Learn Odoo Using Odoo</h3> |
|||
<h3 style="font-size: 21px;margin-top: 8px;position: relative;">Full video tutorial of all Odoo enterprise addons using Odoo e-learning </h3> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;"> |
|||
<div class="col-md-12 col-sm-12 col-xs-12"> <img src="images/developer_tuorial.gif" class="img-responsive" alt="" align="middle"/> |
|||
</div> |
|||
<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;"> |
|||
<div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0px"> |
|||
<h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">What you will learn?</h2> |
|||
<ul style=" padding: 0 1px; list-style: none; "> |
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700; display: flex;justify-content: center;"></i> CRM |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Sales |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Purchase |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Inventory |
|||
</li> |
|||
|
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
|
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Accounting |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Point of Sale |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Project |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Website |
|||
</li> |
|||
|
|||
|
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700; display: flex;justify-content: center;"> |
|||
</i> Timeoff <i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> E-commerce |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Manufacturing |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Human Resource |
|||
|
|||
|
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
|
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Recruitment |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Attendance |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Appraisal |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Payroll |
|||
</li> |
|||
|
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700; display: flex;justify-content: center;"></i>Survey |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Expense |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Referral |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Discuss |
|||
</li> |
|||
|
|||
|
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Contacts |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Calender |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Notes |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i>Document |
|||
</li> |
|||
|
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700; display: flex;justify-content: center;"></i>Sign |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Helpdesk |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Live Chat |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> eLearning |
|||
|
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Events |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Lunch |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Members |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i>Rental |
|||
</li> |
|||
|
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700; display: flex;justify-content: center;"></i>Subscription |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Fleet |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Approvals |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Email Marketing |
|||
</li> |
|||
|
|||
|
|||
<li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"> |
|||
|
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> SMS Marketing |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Social Marketing |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Marketing Automation |
|||
<i class="fa fa-check-circle-o" style="width:40px; color:#07B700;display: flex;justify-content: center;"></i> Studio |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
|
|||
<div> |
|||
|
|||
<section class="oe_container" style="padding: 0% 0% 6% 0%;"> |
|||
<center> |
|||
<div class="col-md-12" style="margin: auto !important; |
|||
width: 70%; |
|||
padding: 30px;"> |
|||
<h2 style="font-weight: 600;text-align: center;width: 100%;">Need Any Help?</h2> |
|||
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;"> |
|||
<h4 style="font-size:16px;"> 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. </h4> |
|||
<div class="col-md-6" style="float:left; padding:20px;"> |
|||
<h4><i class="fa fa-envelope"></i>Email us </h4> |
|||
<p>odoo@cybrosys.com / info@cybrosys.com</p> |
|||
</div> |
|||
<div class="col-md-6" style="float:left; padding:20px;"> |
|||
<h4><i class="fa fa-phone"></i> Contact Us </h4> |
|||
<a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com</a> |
|||
</div> |
|||
</div> |
|||
</center> |
|||
</section> |
|||
<section class="oe_container" style="padding: 0% 0% 6% 0%;"> |
|||
<div class="oe_slogan" style="margin-bottom: 0px;"> |
|||
<div style=" display: flex; justify-content: center; flex-wrap: wrap; "> |
|||
</div> |
|||
<br> |
|||
<img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block"> |
|||
<div style=" display: flex; justify-content: center; flex-wrap: wrap; "> <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a> |
|||
</td> |
|||
<a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a> |
|||
</td> |
|||
<a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a> |
|||
</td> |
|||
<a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a> |
|||
</td> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
@ -0,0 +1,2 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
@ -0,0 +1,25 @@ |
|||
# -*- coding: utf-8 -*- |
|||
{ |
|||
'name': "Odoo Community Functional Tutorial", |
|||
|
|||
'summary': """ |
|||
Full Odoo Community Functional Tutorial""", |
|||
|
|||
'description': """ |
|||
Odoo functional video presentation of all Application: |
|||
""", |
|||
|
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'website': 'https://www.cybrosys.com', |
|||
# 'live_test_url': '', |
|||
'category': 'Extra Tools', |
|||
'version': '14.0.1.0.0', |
|||
'license': 'AGPL-3', |
|||
'depends': ['website_slides'], |
|||
'images': ['static/description/banner.png'], |
|||
'data': [ |
|||
'data/slide_channel_data.xml', |
|||
'data/slide.slide.csv', |
|||
], |
|||
} |
|||
|
@ -0,0 +1,18 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<odoo><data> |
|||
|
|||
<record id="slide_channel_odoo_functional_com" model="slide.channel"> |
|||
<field name="name">Odoo 14 Community Functional Tutorial</field> |
|||
<field name="user_id" ref="base.user_admin"/> |
|||
<field name="enroll">public</field> |
|||
<field name="channel_type">training</field> |
|||
<field name="allow_comment" eval="False"/> |
|||
<field name="promote_strategy">most_voted</field> |
|||
<field name="is_published" eval="True"/> |
|||
<field name="tag_ids" eval="[]"/> |
|||
<field name="description">Learn Odoo 14 Community Functionality in Detail</field> |
|||
<field name="create_date" eval="DateTime.now() - relativedelta(days=8)"/> |
|||
</record> |
|||
|
|||
</data> |
|||
</odoo> |
|||
|
After Width: | Height: | Size: 118 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 131 KiB |
@ -0,0 +1,119 @@ |
|||
<div class="row" style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;"> <a href="https://www.cybrosys.com/" target="_blank"><img src="images/cybrosys.png" style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="cybrosys-logo"></a> </div> |
|||
<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;"> |
|||
<div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px"> |
|||
<div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;"> |
|||
<h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Odoo Community Functional Tutorial</h1> |
|||
<h2 style="font-size: 30px;font-weight: 600;margin: 0px !important; font-style: italic;">Learn Odoo Using Odoo</h2> |
|||
<h3 style="font-size: 21px;margin-top: 8px;position: relative;">Full video tutorial of all Odoo community apps using Odoo e-learning </h3> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;"> |
|||
<div class="col-md-7 col-sm-12 col-xs-12"> <img src="images/enterprise_functional.gif" class="img-responsive" alt="" align="middle"/> |
|||
</div> |
|||
<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;"> |
|||
<div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px"> |
|||
<h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">What you will learn?</h2> |
|||
<span style="display: padding: 8px 0;font-size: 18px;"> |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>CRM |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Sales |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Purchase |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Inventory |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Invoicing |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Point of Sale |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Project |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Website |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>E-commerce |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Manufacturing |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Human Resource |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Recruitment |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Attendance, |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Timeoff |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Survey |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Expense |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Employee |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Discuss |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Contacts |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Calender |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Notes |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Live Chat |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>eLearning |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Events |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Lunch |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Members |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Fleet |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>Email Marketing |
|||
<i class="fa fa-check-circle-o" style="width:20px; color:#07B700; margin-left: 20px"/>SMS Marketing |
|||
</span> |
|||
</div> |
|||
</div> |
|||
|
|||
<div> |
|||
<section class="row" style="padding: 2rem 3rem 1rem;margin:0px"> |
|||
<h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2> |
|||
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;"> |
|||
<div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; "> |
|||
<!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> --> |
|||
<div class="col-md-2 col-sm-6 col-xs-12"> |
|||
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/> </a> </div> |
|||
<h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Customization </a> </h3> |
|||
</div> |
|||
<div class="col-md-2 col-sm-6 col-xs-12"> |
|||
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/> </a> </div> |
|||
<h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Implementation </a> </h3> |
|||
</div> |
|||
<div class="col-md-2 col-sm-6 col-xs-12"> |
|||
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/> </a> </div> |
|||
<h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Integration </a> </h3> |
|||
</div> |
|||
<div class="col-md-2 col-sm-6 col-xs-12"> |
|||
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/> </a> </div> |
|||
<h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Support</a> </h3> |
|||
</div> |
|||
<div class="col-md-2 col-sm-6 col-xs-12"> |
|||
<div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"> <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/> </a> </div> |
|||
<h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hire Odoo Developers</a> </h3> |
|||
</a> |
|||
</div> |
|||
<!-- </div> --> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container" style="padding: 0% 0% 6% 0%;"> |
|||
<center> |
|||
<div class="col-md-12" style="margin: auto !important; |
|||
width: 70%; |
|||
padding: 30px;"> |
|||
<h2 style="font-weight: 600;text-align: center;width: 100%;">Need Any Help?</h2> |
|||
<hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;"> |
|||
<h4 style="font-size:16px;"> 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. </h4> |
|||
<div class="col-md-6" style="float:left; padding:20px;"> |
|||
<h4><i class="fa fa-envelope"></i>Email us </h4> |
|||
<p>odoo@cybrosys.com / info@cybrosys.com</p> |
|||
</div> |
|||
<div class="col-md-6" style="float:left; padding:20px;"> |
|||
<h4><i class="fa fa-phone"></i> Contact Us </h4> |
|||
<a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com</a> |
|||
</div> |
|||
</div> |
|||
</center> |
|||
</section> |
|||
<section class="oe_container" style="padding: 0% 0% 6% 0%;"> |
|||
<div class="oe_slogan" style="margin-bottom: 0px;"> |
|||
<div style=" display: flex; justify-content: center; flex-wrap: wrap; "> |
|||
</div> |
|||
<br> |
|||
<img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block"> |
|||
<div style=" display: flex; justify-content: center; flex-wrap: wrap; "> <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a> |
|||
</td> |
|||
<a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a> |
|||
</td> |
|||
<a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a> |
|||
</td> |
|||
<a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a> |
|||
</td> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
@ -0,0 +1,21 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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 |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
@ -0,0 +1,53 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2020-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 |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
{ |
|||
'name': 'The Chef Theme', |
|||
'description': 'The Chef Theme', |
|||
'version': '14.0.1.0.0', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'category': 'Theme/Corporate', |
|||
'depends': ['website'], |
|||
'data': [ |
|||
'views/assets.xml', |
|||
'views/layout.xml', |
|||
'views/templates.xml', |
|||
'views/snippets/about.xml', |
|||
'views/snippets/banner.xml', |
|||
'views/snippets/branches.xml', |
|||
'views/snippets/happy.xml', |
|||
'views/snippets/menu.xml', |
|||
'views/snippets/reservation.xml', |
|||
'views/snippets/special.xml', |
|||
'views/snippets/special_left.xml', |
|||
'views/snippets/team.xml', |
|||
], |
|||
'license': 'LGPL-3', |
|||
'images': [ |
|||
'static/description/banner.jpg', |
|||
'static/description/theme_screenshot.jpg', |
|||
], |
|||
'installable': True, |
|||
'application': True, |
|||
} |
|||
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 458 KiB |
|
After Width: | Height: | Size: 581 KiB |
|
After Width: | Height: | Size: 737 KiB |
@ -0,0 +1,154 @@ |
|||
<!-- Hero Section --> |
|||
<div class="container pt-4 mt-4 rounded" style="background-color: #f0f2f4; font-family: Montserrat, 'sans-serif';"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 mb-4"> |
|||
<img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;"> |
|||
<hr style="border-color: #e1e5e9;" /> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 text-center"> |
|||
<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> |
|||
<p class="lead" style="max-width: 700px; margin: 0 auto;"> |
|||
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. |
|||
</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 --> |
|||
<div class="row p-4"> |
|||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
|||
<h2>Desktop View</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 class="col-lg-6 px-4"> |
|||
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto" |
|||
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" |
|||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
<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. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<!-- End of Third Section --> |
|||
|
|||
<!-- Feature Tiles --> |
|||
<div class="row mt-4"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h2>Features</h2> |
|||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
|||
</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> |
|||
|
|||
<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-magic mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
|||
<h5 class="text-center" style="margin: 0 5%;">Modern</h5> |
|||
</div> |
|||
|
|||
<div class="col-lg-3 bg-white mb-4 mr-4 shadow-sm p-4" |
|||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
|||
<i class="fa fa-arrow-circle-o-right mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
|||
<h5 class="text-center" style="margin: 0 4%;">Built-in Slider</h5> |
|||
</div> |
|||
|
|||
<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-shopping-cart mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
|||
<h5 class="text-center" style="margin: 0 5%;">Attractive Sections</h5> |
|||
</div> |
|||
|
|||
</div> |
|||
<!-- End of Feature Tiles --> |
|||
|
|||
<!-- Footer --> |
|||
<div class="row mt-4"> |
|||
<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 |
|||
your use of this module, please let us know. We are ready to offer our support.</p> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
|||
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 |
|||
class="fa fa-envelope mr-2"></i>info@cybrosys.com</a></h6> |
|||
</div> |
|||
<div class="col-lg-4" style="position: relative;"> |
|||
<h6><a href="mailto:info@cybrosys.com" target="_blank" |
|||
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i |
|||
class="fa fa-chevron-right"></i></a></h6> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
|||
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 |
|||
class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6> |
|||
</div> |
|||
<div class="col-lg-4" style="position: relative;"> |
|||
<h6><a href="https://www.cybrosys.com" target="_blank" |
|||
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i |
|||
class="fa fa-chevron-right"></i></a></h6> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 mt-4 mb-2 text-center"> |
|||
<p style="font-weight: bold">A Quality Theme From</p> |
|||
</div> |
|||
<div class="col-lg-12 text-center"> |
|||
<img src="images/cybro-logo-oca.png" width="80px" height="auto"> |
|||
</div> |
|||
</div> |
|||
<!-- End of Footer --> |
|||
</div> |
|||
|
After Width: | Height: | Size: 152 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,6 @@ |
|||
/** |
|||
* Owl Carousel v2.3.4 |
|||
* Copyright 2013-2018 David Deutsch |
|||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE |
|||
*/ |
|||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} |
|||
@ -0,0 +1,6 @@ |
|||
/** |
|||
* Owl Carousel v2.3.4 |
|||
* Copyright 2013-2018 David Deutsch |
|||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE |
|||
*/ |
|||
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 487 KiB |
|
After Width: | Height: | Size: 294 KiB |
|
After Width: | Height: | Size: 416 KiB |
|
After Width: | Height: | Size: 282 KiB |
|
After Width: | Height: | Size: 2.2 MiB |
|
After Width: | Height: | Size: 2.2 MiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 308 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 245 KiB |
|
After Width: | Height: | Size: 232 KiB |
|
After Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 362 KiB |
@ -0,0 +1,76 @@ |
|||
odoo.define('theme_the_chef.theme_the_chef', function (require) { |
|||
$(document).ready(function () { |
|||
$("#slider").owlCarousel( |
|||
{ |
|||
items: 1, |
|||
loop: true, |
|||
margin: 30, |
|||
stagePadding: 30, |
|||
smartSpeed: 450, |
|||
autoplay: true, |
|||
autoPlaySpeed: 1000, |
|||
autoPlayTimeout: 1000, |
|||
autoplayHoverPause: true, |
|||
dots: false, |
|||
nav: true, |
|||
navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'] |
|||
} |
|||
); |
|||
}); |
|||
function counter() { |
|||
var buttons = $('.owl-dots button'); |
|||
buttons.each(function (index, item) { |
|||
$(item).find('span').text(index + 1); |
|||
}); |
|||
} |
|||
|
|||
$(document).ready(function () { |
|||
$("#slider2").owlCarousel( |
|||
{ |
|||
// animateOut: 'slideOutDown',
|
|||
// animateIn: 'flipInX',
|
|||
items: 1, |
|||
loop: true, |
|||
// margin: 30,
|
|||
// stagePadding: 30,
|
|||
smartSpeed: 450, |
|||
autoplay: true, |
|||
autoPlaySpeed: 1000, |
|||
autoPlayTimeout: 1000, |
|||
autoplayHoverPause: true, |
|||
onInitialized: counter, |
|||
dots: true, |
|||
} |
|||
); |
|||
}); |
|||
function counter() { |
|||
var buttons = $('.owl-dots button'); |
|||
buttons.each(function (index, item) { |
|||
$(item).find('span').index + 1; |
|||
}); |
|||
} |
|||
|
|||
var inputEle = document.getElementById('timeInput'); |
|||
|
|||
|
|||
function onTimeChange() { |
|||
var timeSplit = inputEle.value.split(':'), |
|||
hours, |
|||
minutes, |
|||
meridian; |
|||
hours = timeSplit[0]; |
|||
minutes = timeSplit[1]; |
|||
if (hours > 12) { |
|||
meridian = 'PM'; |
|||
hours -= 12; |
|||
} else if (hours < 12) { |
|||
meridian = 'AM'; |
|||
if (hours == 0) { |
|||
hours = 12; |
|||
} |
|||
} else { |
|||
meridian = 'PM'; |
|||
} |
|||
alert(hours + ':' + minutes + ' ' + meridian); |
|||
} |
|||
}); |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,46 @@ |
|||
*{ |
|||
list-style-type:none; |
|||
|
|||
font-family: $font-main; |
|||
|
|||
&:focus,&:active{ |
|||
outline: none !important; |
|||
} |
|||
} |
|||
img{width: 100%;} |
|||
|
|||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { |
|||
margin-bottom: 0.5rem; |
|||
font-family: $font-main !important; |
|||
font-weight: 500; |
|||
line-height: 1.2; |
|||
} |
|||
|
|||
body{ |
|||
background:$color-body-bg; |
|||
} |
|||
|
|||
|
|||
*:hover{ |
|||
-webkit-transition: 0.5s; |
|||
transition: 0.5s; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
*::selection { |
|||
color: rgb(0, 204, 255); |
|||
|
|||
} |
|||
|
|||
.main_body{ |
|||
margin-top: 0px !important; |
|||
margin-bottom: 0px !important; |
|||
margin-left: 20px !important; |
|||
margin-right: 20px !important; |
|||
|
|||
background-color: $color-white; |
|||
|
|||
height: auto; |
|||
} |
|||
@ -0,0 +1,352 @@ |
|||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ |
|||
|
|||
/* Document |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* 1. Correct the line height in all browsers. |
|||
* 2. Prevent adjustments of font size after orientation changes in iOS. |
|||
*/ |
|||
|
|||
html { |
|||
line-height: 1.15; /* 1 */ |
|||
-webkit-text-size-adjust: 100%; /* 2 */ |
|||
} |
|||
|
|||
/* Sections |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Remove the margin in all browsers. |
|||
*/ |
|||
|
|||
body { |
|||
margin: 0; |
|||
} |
|||
|
|||
/** |
|||
* Render the `main` element consistently in IE. |
|||
*/ |
|||
|
|||
main { |
|||
display: block; |
|||
} |
|||
|
|||
/** |
|||
* Correct the font size and margin on `h1` elements within `section` and |
|||
* `article` contexts in Chrome, Firefox, and Safari. |
|||
*/ |
|||
|
|||
h1 { |
|||
font-size: 2em; |
|||
margin: 0.67em 0; |
|||
} |
|||
|
|||
/* Grouping content |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* 1. Add the correct box sizing in Firefox. |
|||
* 2. Show the overflow in Edge and IE. |
|||
*/ |
|||
|
|||
hr { |
|||
box-sizing: content-box; /* 1 */ |
|||
height: 0; /* 1 */ |
|||
overflow: visible; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inheritance and scaling of font size in all browsers. |
|||
* 2. Correct the odd `em` font sizing in all browsers. |
|||
*/ |
|||
|
|||
pre { |
|||
font-family: monospace, monospace; /* 1 */ |
|||
font-size: 1em; /* 2 */ |
|||
} |
|||
|
|||
/* Text-level semantics |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Remove the gray background on active links in IE 10. |
|||
*/ |
|||
|
|||
a { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
/** |
|||
* 1. Remove the bottom border in Chrome 57- |
|||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
|||
*/ |
|||
|
|||
abbr[title] { |
|||
border-bottom: none; /* 1 */ |
|||
text-decoration: underline; /* 2 */ |
|||
text-decoration: underline dotted; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct font weight in Chrome, Edge, and Safari. |
|||
*/ |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inheritance and scaling of font size in all browsers. |
|||
* 2. Correct the odd `em` font sizing in all browsers. |
|||
*/ |
|||
|
|||
code, |
|||
kbd, |
|||
samp { |
|||
font-family: monospace, monospace; /* 1 */ |
|||
font-size: 1em; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct font size in all browsers. |
|||
*/ |
|||
|
|||
small { |
|||
font-size: 80%; |
|||
} |
|||
|
|||
/** |
|||
* Prevent `sub` and `sup` elements from affecting the line height in |
|||
* all browsers. |
|||
*/ |
|||
|
|||
sub, |
|||
sup { |
|||
font-size: 75%; |
|||
line-height: 0; |
|||
position: relative; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
sub { |
|||
bottom: -0.25em; |
|||
} |
|||
|
|||
sup { |
|||
top: -0.5em; |
|||
} |
|||
|
|||
/* Embedded content |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Remove the border on images inside links in IE 10. |
|||
*/ |
|||
|
|||
img { |
|||
border-style: none; |
|||
} |
|||
|
|||
/* Forms |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* 1. Change the font styles in all browsers. |
|||
* 2. Remove the margin in Firefox and Safari. |
|||
*/ |
|||
|
|||
button, |
|||
input, |
|||
optgroup, |
|||
select, |
|||
textarea { |
|||
font-family: inherit; /* 1 */ |
|||
font-size: 100%; /* 1 */ |
|||
line-height: 1.15; /* 1 */ |
|||
margin: 0; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Show the overflow in IE. |
|||
* 1. Show the overflow in Edge. |
|||
*/ |
|||
|
|||
button, |
|||
input { /* 1 */ |
|||
overflow: visible; |
|||
} |
|||
|
|||
/** |
|||
* Remove the inheritance of text transform in Edge, Firefox, and IE. |
|||
* 1. Remove the inheritance of text transform in Firefox. |
|||
*/ |
|||
|
|||
button, |
|||
select { /* 1 */ |
|||
text-transform: none; |
|||
} |
|||
|
|||
/** |
|||
* Correct the inability to style clickable types in iOS and Safari. |
|||
*/ |
|||
|
|||
button, |
|||
[type="button"], |
|||
[type="reset"], |
|||
[type="submit"] { |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
/** |
|||
* Remove the inner border and padding in Firefox. |
|||
*/ |
|||
|
|||
button::-moz-focus-inner, |
|||
[type="button"]::-moz-focus-inner, |
|||
[type="reset"]::-moz-focus-inner, |
|||
[type="submit"]::-moz-focus-inner { |
|||
border-style: none; |
|||
padding: 0; |
|||
} |
|||
|
|||
/** |
|||
* Restore the focus styles unset by the previous rule. |
|||
*/ |
|||
|
|||
button:-moz-focusring, |
|||
[type="button"]:-moz-focusring, |
|||
[type="reset"]:-moz-focusring, |
|||
[type="submit"]:-moz-focusring { |
|||
outline: 1px dotted ButtonText; |
|||
} |
|||
|
|||
/** |
|||
* Correct the padding in Firefox. |
|||
*/ |
|||
|
|||
fieldset { |
|||
padding: 0.35em 0.75em 0.625em; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the text wrapping in Edge and IE. |
|||
* 2. Correct the color inheritance from `fieldset` elements in IE. |
|||
* 3. Remove the padding so developers are not caught out when they zero out |
|||
* `fieldset` elements in all browsers. |
|||
*/ |
|||
|
|||
legend { |
|||
box-sizing: border-box; /* 1 */ |
|||
color: inherit; /* 2 */ |
|||
display: table; /* 1 */ |
|||
max-width: 100%; /* 1 */ |
|||
padding: 0; /* 3 */ |
|||
white-space: normal; /* 1 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct vertical alignment in Chrome, Firefox, and Opera. |
|||
*/ |
|||
|
|||
progress { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
/** |
|||
* Remove the default vertical scrollbar in IE 10+. |
|||
*/ |
|||
|
|||
textarea { |
|||
overflow: auto; |
|||
} |
|||
|
|||
/** |
|||
* 1. Add the correct box sizing in IE 10. |
|||
* 2. Remove the padding in IE 10. |
|||
*/ |
|||
|
|||
[type="checkbox"], |
|||
[type="radio"] { |
|||
box-sizing: border-box; /* 1 */ |
|||
padding: 0; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Correct the cursor style of increment and decrement buttons in Chrome. |
|||
*/ |
|||
|
|||
[type="number"]::-webkit-inner-spin-button, |
|||
[type="number"]::-webkit-outer-spin-button { |
|||
height: auto; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the odd appearance in Chrome and Safari. |
|||
* 2. Correct the outline style in Safari. |
|||
*/ |
|||
|
|||
[type="search"] { |
|||
-webkit-appearance: textfield; /* 1 */ |
|||
outline-offset: -2px; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Remove the inner padding in Chrome and Safari on macOS. |
|||
*/ |
|||
|
|||
[type="search"]::-webkit-search-decoration { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inability to style clickable types in iOS and Safari. |
|||
* 2. Change font properties to `inherit` in Safari. |
|||
*/ |
|||
|
|||
::-webkit-file-upload-button { |
|||
-webkit-appearance: button; /* 1 */ |
|||
font: inherit; /* 2 */ |
|||
} |
|||
|
|||
/* Interactive |
|||
=========================================== |
|||
=============================== */ |
|||
|
|||
/* |
|||
* Add the correct display in Edge, IE 10+, and Firefox. |
|||
*/ |
|||
|
|||
details { |
|||
display: block; |
|||
} |
|||
|
|||
/* |
|||
* Add the correct display in all browsers. |
|||
*/ |
|||
|
|||
summary { |
|||
display: list-item; |
|||
} |
|||
|
|||
/* Misc |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Add the correct display in IE 10+. |
|||
*/ |
|||
|
|||
template { |
|||
display: none; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct display in IE 10. |
|||
*/ |
|||
|
|||
[hidden] { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,33 @@ |
|||
// Fonts` |
|||
$font-main: 'Josefin Sans', sans-serif; |
|||
$font-heading: 'Satisfy', cursive; |
|||
|
|||
|
|||
// Font-size |
|||
|
|||
$font-size-h1: 36px; |
|||
$font-size-h4:18px; |
|||
$font-size-subheading:25px; |
|||
$font-size-text: 14px; |
|||
$font-size-s:15px; |
|||
$font-size-banner:53px; |
|||
$font-size-form:12px; |
|||
$font-bold:18px; |
|||
|
|||
|
|||
// Color |
|||
|
|||
// $color-brand: #70e000; |
|||
$color-brand: #59b300; |
|||
// $color-brand1: #38b000; |
|||
$color-brand1: #206600; |
|||
$color-body-bg:#C6F679; |
|||
$color-black: #000000; |
|||
$color-grey: #858585; |
|||
$color-white:#ffffff; |
|||
$color-footer:#fdeaea; |
|||
// $color-hover:#38B000; |
|||
$color-hover: #206600, |
|||
$color-border:#cfcdcd; |
|||
$color-bg-heading:#e6e4e4d1; |
|||
$color-whitesmoke:#8d8d8d; |
|||
@ -0,0 +1,73 @@ |
|||
.banner{ |
|||
.banner_contents{ |
|||
font-family: $font-main !important; |
|||
|
|||
margin-top: 40px; |
|||
.banner_left{ |
|||
margin-top: 20px; |
|||
h1{ |
|||
font-weight: 300; |
|||
font-family: $font-main !important; |
|||
font-size: 3.5em; |
|||
padding: 40px 0; |
|||
padding-bottom: 10px; |
|||
} |
|||
.service{ |
|||
display: flex; |
|||
margin-top:100px; |
|||
.s_c{ |
|||
padding-top: 40px; |
|||
text-align: center; |
|||
margin-right: 25px; |
|||
span{ |
|||
font-size: 32px; |
|||
} |
|||
|
|||
p{ |
|||
font-size: 20px; |
|||
padding-top: 15px; |
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
.banner_right{ |
|||
.owl-carousel { |
|||
position: relative; |
|||
.owl-nav { |
|||
position: absolute; |
|||
right: 0%; |
|||
bottom: 0; |
|||
background-color: #ffffff; |
|||
height: 17%; |
|||
width: 42%; |
|||
text-align: center; |
|||
padding-top: 23px; |
|||
} |
|||
.owl-prev { |
|||
color: $color-brand; |
|||
&:hover { |
|||
color: $color-black; |
|||
|
|||
padding-right: 10px !important; |
|||
} |
|||
i { |
|||
font-size: 27px; |
|||
padding: 10px; |
|||
} |
|||
} |
|||
.owl-next { |
|||
color: $color-brand; |
|||
&:hover { |
|||
color: $color-black; |
|||
padding-left: 10px !important; |
|||
} |
|||
i { |
|||
font-size: 27px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
// } |
|||
@ -0,0 +1,147 @@ |
|||
.btn { |
|||
background: none; |
|||
|
|||
cursor: pointer; |
|||
line-height: 1.5; |
|||
color: $color-black; |
|||
padding: 12px 36px; |
|||
letter-spacing: 0.05rem; |
|||
|
|||
&-video { |
|||
background-color: transparent !important; |
|||
border-color: $color-brand !important; |
|||
padding: 8px 36px; |
|||
color: $color-black !important; |
|||
border-radius: 0; |
|||
border: 4px solid !important; |
|||
margin-left: 10px; |
|||
&:hover |
|||
{ |
|||
|
|||
color: $color-brand !important; |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
&-order { |
|||
background-color: transparent !important; |
|||
border-color: $color-brand !important; |
|||
padding: 8px 36px; |
|||
color: $color-brand !important; |
|||
border-radius: 0; |
|||
border: 4px solid !important; |
|||
&:hover |
|||
{ |
|||
|
|||
color:darken($color-brand, 10%) !important; |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
&-booking { |
|||
background-color: transparent !important; |
|||
border-color: $color-brand !important; |
|||
padding: 8px 36px; |
|||
color: $color-brand !important; |
|||
border-radius: 0; |
|||
border: 4px solid !important; |
|||
margin:auto; |
|||
&:hover |
|||
{ |
|||
|
|||
color:darken($color-brand, 10%) !important; |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
&-submit { |
|||
background-color: $color-brand !important; |
|||
|
|||
padding: 8px 36px; |
|||
color: $color-white !important; |
|||
border-radius: 0; |
|||
border: none !important; |
|||
display: block; |
|||
&:hover |
|||
{ |
|||
|
|||
background:darken($color-brand, 10%) !important; |
|||
} |
|||
|
|||
|
|||
} |
|||
} |
|||
|
|||
@mixin btn-border-drawing( |
|||
$color: rgb(248, 101, 101), |
|||
// $hover: #38B000, |
|||
$hover: #206600, |
|||
$width: 2px, |
|||
$vertical: top, |
|||
$horizontal: left, |
|||
$duration: 0.25s |
|||
) { |
|||
border: $width $color; |
|||
color: $color; |
|||
transition: color $duration $duration/3; |
|||
position: relative; |
|||
|
|||
&::before, |
|||
&::after { |
|||
border: 0 solid transparent; |
|||
box-sizing: border-box; |
|||
content: ""; |
|||
pointer-events: none; |
|||
position: absolute; |
|||
width: 0; |
|||
height: 0; |
|||
|
|||
#{$vertical}: 0; |
|||
#{$horizontal}: 0; |
|||
} |
|||
|
|||
&::before { |
|||
$h-side: if($horizontal == "left", "right", "left"); |
|||
|
|||
border-#{$vertical}-width: $width; |
|||
border-#{$h-side}-width: $width; |
|||
} |
|||
|
|||
&::after { |
|||
$v-side: if($vertical == "top", "bottom", "top"); |
|||
|
|||
border-#{$v-side}-width: $width; |
|||
border-#{$horizontal}-width: $width; |
|||
} |
|||
|
|||
&:hover { |
|||
color: $hover; |
|||
&::before, |
|||
&::after { |
|||
border-color: $hover; |
|||
transition: border-color 0s, width $duration, height $duration; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
&::before { |
|||
transition-delay: 0s, 0s, $duration; |
|||
} |
|||
|
|||
&::after { |
|||
transition-delay: 0s, $duration, 0s; |
|||
} |
|||
} |
|||
} |
|||
|
|||
// .draw-border { |
|||
// @include btn-border-drawing(#70e000, #38B000, 4px, bottom, right); |
|||
// } |
|||
.draw-border { |
|||
@include btn-border-drawing(#59b300, #206600, 4px, bottom, right); |
|||
} |
|||
@ -0,0 +1,3 @@ |
|||
@import './banner'; |
|||
@import './buttons'; |
|||
@import './products'; |
|||
@ -0,0 +1,89 @@ |
|||
.o_footer { |
|||
background-color: transparent !important; |
|||
color: #000000 !important; |
|||
} |
|||
.footer{ |
|||
// margin-top: 10px; |
|||
padding-top: 100px !important; |
|||
background-color: #ffffff !important; |
|||
color: #000000 !important; |
|||
.footer_content{ |
|||
@media screen and(max-width:768px) { |
|||
padding: 0 50px; |
|||
} |
|||
@media screen and(max-width:400px) { |
|||
padding: 0; |
|||
} |
|||
|
|||
.wrapper{ |
|||
h4{ |
|||
padding-bottom:25px ; |
|||
color: black !important; |
|||
} |
|||
.open-hours{ |
|||
ul{ |
|||
li{ |
|||
span{ |
|||
color: black !important; |
|||
} |
|||
} |
|||
} |
|||
@media screen and(max-width:992px) { |
|||
padding-right: 30px; |
|||
} |
|||
@media screen and(max-width:790px) { |
|||
padding-right: 5px !important; |
|||
} |
|||
} |
|||
} |
|||
.brand{ |
|||
.navbar-brand{ |
|||
color: black !important; |
|||
font-size: 35px; |
|||
font-family: $font-heading; |
|||
margin: auto; |
|||
@media screen and(max-width:768px) { |
|||
font-size: 25px; |
|||
} |
|||
} |
|||
p{ |
|||
padding-top: 15px; |
|||
color: black !important; |
|||
} |
|||
.footer_icon { |
|||
display: flex; |
|||
margin-top: 30px; |
|||
// @media screen and(max-width:768px) { |
|||
// margin-top: 40px; |
|||
// } |
|||
a { |
|||
color: $color-black; |
|||
margin-right: 25px; |
|||
|
|||
&:hover { |
|||
color: $color-hover; |
|||
} |
|||
span { |
|||
font-size: 15px; |
|||
|
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.footer_bottom{ |
|||
padding-bottom: 50px; |
|||
padding-top:40px ; |
|||
p{ |
|||
text-align: center; |
|||
a{ |
|||
text-decoration: none; |
|||
color: $color-black; |
|||
&:hover{ |
|||
color: $color-brand; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,3 @@ |
|||
@import './footer'; |
|||
@import './navigation'; |
|||
@import './header'; |
|||
@ -0,0 +1,200 @@ |
|||
.navbar { |
|||
-webkit-box-shadow: 0px 10px 8px 0px rgba(49, 49, 50, 0.15); |
|||
-moz-box-shadow: 0px 10px 8px 0px rgba(49, 49, 50, 0.15); |
|||
box-shadow: 0px 10px 8px 0px rgba(49, 49, 50, 0.15); |
|||
.navbar-collapse { |
|||
transition: all 0.35s ease-out; |
|||
transform-origin: center left; |
|||
} |
|||
.navbar-nav { |
|||
width: 100%; |
|||
background: $color-white; |
|||
display: contents; |
|||
|
|||
|
|||
|
|||
.nav-item { |
|||
padding: 0 15px; |
|||
text-align: center; |
|||
|
|||
.active{ |
|||
color: $color-black !important; |
|||
} |
|||
} |
|||
.nav-link { |
|||
color: $color-brand1; |
|||
padding-left: 15px; |
|||
transition: all 0.35s ease-out; |
|||
transform-origin: center left; |
|||
&:hover { |
|||
color: $color-black; |
|||
} |
|||
img { |
|||
width: 100%; |
|||
max-width: 25px; |
|||
} |
|||
} |
|||
} |
|||
.nav-shop { |
|||
margin-left: auto; |
|||
.nav-link { |
|||
color: $color-black; |
|||
padding-left: 15px; |
|||
&:hover { |
|||
color: rgba(0, 0, 0, 0.747); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.bg-light { |
|||
background-color: transparent !important; |
|||
} |
|||
.navbar-light { |
|||
.navbar-brand { |
|||
color: black !important; |
|||
font-size: 35px; |
|||
font-family: $font-heading; |
|||
margin: auto; |
|||
|
|||
@media screen and(max-width:992px) { |
|||
margin: 0 !important; |
|||
} |
|||
@media screen and(max-width:768px) { |
|||
font-size: 25px; |
|||
} |
|||
} |
|||
|
|||
.brand-shop { |
|||
color: $color-black !important; |
|||
} |
|||
} |
|||
.navbar-light .navbar-nav .active > .nav-link, |
|||
.navbar-light .navbar-nav .nav-link.active, |
|||
.navbar-light .navbar-nav .nav-link.show, |
|||
.navbar-light .navbar-nav .show > .nav-link { |
|||
color: $color-brand; |
|||
border: 1px solid; |
|||
border-color: transparent; |
|||
|
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
.new { |
|||
fill: black; |
|||
&:hover { |
|||
fill: rgba(75, 75, 75, 0.747) !important; |
|||
} |
|||
} |
|||
|
|||
.navbar-toggler span { |
|||
display: block; |
|||
background-color: #4f4f4f; |
|||
height: 3px; |
|||
width: 25px; |
|||
margin-top: 5px; |
|||
margin-bottom: 5px; |
|||
position: relative; |
|||
left: 0; |
|||
opacity: 1; |
|||
transition: all 0.35s ease-out; |
|||
transform-origin: center left; |
|||
} |
|||
|
|||
// li { |
|||
// float: left; |
|||
// } |
|||
|
|||
// li a, .nav-link { |
|||
// display: block; |
|||
// color: rgb(0, 0, 0); |
|||
// text-align: center; |
|||
// transition: all 0.35s ease-out; |
|||
// transform-origin: center left; |
|||
// text-decoration: none !important; |
|||
// } |
|||
|
|||
// li.nav-item { |
|||
// display: block; |
|||
// position: relative; |
|||
// } |
|||
|
|||
// .dropdown-content { |
|||
// display: none; |
|||
// position: absolute; |
|||
// background-color: #f9f9f9; |
|||
// min-width: 160px; |
|||
// box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); |
|||
// z-index: 1; |
|||
|
|||
// @media screen AND(max-width:992px) { |
|||
// position: unset; |
|||
// } |
|||
// } |
|||
|
|||
// .dropdown-content a { |
|||
// color: black; |
|||
// padding: 12px 16px; |
|||
// text-decoration: none; |
|||
// display: block; |
|||
|
|||
// } |
|||
|
|||
// .dropdown-content a:hover {background-color: #636363} |
|||
|
|||
.nav-item:hover .dropdown-menu { |
|||
display: block; |
|||
text-align: center; |
|||
-webkit-box-shadow: 0px 10px 18px 2px rgba(0, 0, 0, 0.35); |
|||
-moz-box-shadow: 0px 10px 18px 2px rgba(0, 0, 0, 0.35); |
|||
box-shadow: 0px 10px 18px 2px rgba(0, 0, 0, 0.35); |
|||
|
|||
border-color: transparent !important; |
|||
border-bottom-color: $color-brand !important; |
|||
border: 2px solid; |
|||
|
|||
.dropdown-item { |
|||
&:hover { |
|||
color: $color-brand; |
|||
} |
|||
} |
|||
} |
|||
|
|||
/* top line needs a little padding */ |
|||
.navbar-toggler span:nth-child(1) { |
|||
margin-top: 0.3em; |
|||
} |
|||
|
|||
/** |
|||
* Animate collapse into X. |
|||
*/ |
|||
|
|||
/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */ |
|||
.navbar-toggler:not(.collapsed) span:nth-child(1) { |
|||
transform: translate(15%, -33%) rotate(45deg); |
|||
} |
|||
/* center line goes transparent */ |
|||
.navbar-toggler:not(.collapsed) span:nth-child(2) { |
|||
opacity: 0; |
|||
} |
|||
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button */ |
|||
.navbar-toggler:not(.collapsed) span:nth-child(3) { |
|||
transform: translate(15%, 33%) rotate(-45deg); |
|||
} |
|||
|
|||
/** |
|||
* Animate collapse open into hamburger menu |
|||
*/ |
|||
|
|||
/* top line moves back to initial position and rotates back to 0 degrees */ |
|||
.navbar-toggler span:nth-child(1) { |
|||
transform: translate(0%, 0%) rotate(0deg); |
|||
} |
|||
/* middle line goes back to regular color and opacity */ |
|||
.navbar-toggler span:nth-child(2) { |
|||
opacity: 1; |
|||
} |
|||
/* bottom line goes back to initial position and rotates back to 0 degrees */ |
|||
.navbar-toggler span:nth-child(3) { |
|||
transform: translate(0%, 0%) rotate(0deg); |
|||
} |
|||
@ -0,0 +1 @@ |
|||
@import './home/home'; |
|||
@ -0,0 +1,98 @@ |
|||
// .main_body{ |
|||
// margin-top: 0px !important; |
|||
// margin-bottom: 0px !important; |
|||
// margin-left: 20px !important; |
|||
// margin-right: 20px !important; |
|||
.about{ |
|||
margin-top: 90px; |
|||
box-sizing: border-box; |
|||
padding-bottom: 50px; |
|||
.about_img{ |
|||
padding-top: 20px; |
|||
img{ |
|||
width: 100%; |
|||
} |
|||
} |
|||
.about_details{ |
|||
@media screen and(max-width:768px) { |
|||
margin-top: 50px; |
|||
} |
|||
.wrapper{ |
|||
margin-left: 50px; |
|||
|
|||
@media screen and(max-width:992px) { |
|||
margin-left: 0; |
|||
} |
|||
.red{ |
|||
color: $color-brand; |
|||
font-size: 16px; |
|||
} |
|||
h3{ |
|||
font-size: 30px; |
|||
font-weight: 700; |
|||
color: $color-black; |
|||
} |
|||
.para{ |
|||
line-height: 25px; |
|||
padding-top: 25px; |
|||
letter-spacing: 1px; |
|||
padding-bottom: 20px; |
|||
} |
|||
.recipe{ |
|||
display: flex; |
|||
margin-top: 15px; |
|||
.s_c{ |
|||
padding-right: 20px; |
|||
.abt_img{ |
|||
max-width: 150px; |
|||
display: block; |
|||
img{ |
|||
width: 100%; |
|||
} |
|||
} |
|||
a{ |
|||
color: $color-brand; |
|||
text-decoration: none; |
|||
&:hover{ |
|||
color: $color-hover |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.location{ |
|||
// margin-top: 100px; |
|||
.section_heading |
|||
h3{ |
|||
font-size: 30px; |
|||
font-weight: 700; |
|||
color: $color-black; |
|||
text-align: center; |
|||
} |
|||
} |
|||
.location_content{ |
|||
padding-top: 50px; |
|||
.wrapper{ |
|||
.flag{ |
|||
max-width: 100px; |
|||
img{ |
|||
width: 100%; |
|||
border-radius: 50%; |
|||
} |
|||
} |
|||
.address{ |
|||
margin-top: 20px; |
|||
padding-top: 20px; |
|||
ul{ |
|||
margin-top: 15px; |
|||
padding-left: 0; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
// } |
|||
|
|||
|
|||
@ -0,0 +1,101 @@ |
|||
.booking{ |
|||
// margin-top: 100px; |
|||
padding-bottom:220px ; |
|||
.booking_bg{ |
|||
background-image: linear-gradient(#11111191, #11111191), url(/theme_the_chef/static/src/img/reservation/reservation-bg.jpg); |
|||
background-size: cover; |
|||
background-position: unset; |
|||
background-repeat: no-repeat; |
|||
width: 100%; |
|||
height: 80vh; |
|||
position: relative; |
|||
|
|||
.booking_form{ |
|||
background-color: $color-white; |
|||
margin-top: 80px; |
|||
padding: 5px 20px; |
|||
margin-bottom: 50px; |
|||
.section_heading{ |
|||
text-align: center; |
|||
padding-bottom: 40px; |
|||
padding-top: 20px; |
|||
|
|||
p{ |
|||
color: $color-black !important; |
|||
margin-bottom: 0; |
|||
font-size: 20px; |
|||
} |
|||
h3{ |
|||
font-size: 30px; |
|||
font-weight: 700; |
|||
color: $color-black; |
|||
|
|||
} |
|||
} |
|||
|
|||
form{ |
|||
padding: 0px 30px 30px 30px; |
|||
-webkit-box-shadow: 0px 10px 8px 0px rgba(49, 49, 50, 0.15); |
|||
-moz-box-shadow: 0px 10px 8px 0px rgba(49, 49, 50, 0.15); |
|||
box-shadow: 0px 10px 8px 0px rgba(49, 49, 50, 0.15); |
|||
#datepicker > span:hover{cursor: pointer;} |
|||
|
|||
.input-group-addon{ |
|||
position: absolute; |
|||
right: 9px; |
|||
top: 10px; |
|||
} |
|||
|
|||
.form-group{ |
|||
|
|||
.form-control { |
|||
display: block; |
|||
width: 100%; |
|||
height: calc(1.5em + .75rem + 2px); |
|||
padding: .375rem .75rem; |
|||
font-size: 1rem; |
|||
font-weight: 400; |
|||
line-height: 1.5; |
|||
color: $color-grey !important; |
|||
background-color: #fff; |
|||
background-clip: padding-box; |
|||
border: 1px solid c8dcf1; |
|||
// border-color:#70e000; |
|||
border-color: #59b300; |
|||
border-radius: .25rem; |
|||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; |
|||
box-shadow: none !important;} |
|||
.dropdown-toggle{ |
|||
width: 100%; |
|||
text-align: left; |
|||
// border-color: #70e000 !important; |
|||
border-color: #59b300 !important; |
|||
} |
|||
.btn-secondary.focus{ |
|||
background-color: transparent !important; |
|||
} |
|||
.btn-secondary{ |
|||
&:hover{ |
|||
background-color: transparent !important; |
|||
color: $color-black; |
|||
} |
|||
|
|||
&:active{ |
|||
background-color: transparent !important; |
|||
color: $color-black; |
|||
} |
|||
} |
|||
textarea{ |
|||
border-radius: 2px; |
|||
// border-color: #70e000; |
|||
border-color: #59b300; |
|||
margin-bottom: 15px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,101 @@ |
|||
.dishes { |
|||
// margin-top: 100px; |
|||
padding-bottom: 100px; |
|||
.section_heading { |
|||
text-align: center; |
|||
padding-bottom: 40px; |
|||
sub { |
|||
color: $color-brand; |
|||
margin-bottom: 0; |
|||
} |
|||
h3 { |
|||
font-size: 30px; |
|||
font-weight: 700; |
|||
color: $color-black; |
|||
} |
|||
} |
|||
|
|||
.dishes_details { |
|||
margin-top: 50px; |
|||
.dishes_left { |
|||
padding: 20px 10px; |
|||
h2 { |
|||
color: $color-black; |
|||
font-size: 60px; |
|||
font-weight: 700; |
|||
text-align: left; |
|||
position: relative; |
|||
padding-top: 50px; |
|||
|
|||
&::after { |
|||
content: " "; |
|||
position: absolute; |
|||
height: 2px; |
|||
width: 150px; |
|||
background-color: $color-brand; |
|||
bottom: 20%; |
|||
left: 20%; |
|||
@media screen and(max-width:992px) { |
|||
left: 30%; |
|||
bottom: 25%; |
|||
} |
|||
@media screen and(max-width:768px) { |
|||
left: 20%; |
|||
bottom: 25%; |
|||
} |
|||
@media screen and(max-width:572px) { |
|||
left: 18% !important; |
|||
bottom: 20% !important; |
|||
} |
|||
@media screen and(max-width:480px) { |
|||
left: 21% !important; |
|||
bottom: 20% !important; |
|||
} |
|||
@media screen and(max-width:420px) { |
|||
left: 25% !important; |
|||
bottom: 20% !important; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.dish_info { |
|||
padding-left: 80px; |
|||
margin-top: 40px; |
|||
text-align: left; |
|||
@media screen and(max-width:992px) { |
|||
padding-left: 0; |
|||
} |
|||
h3 { |
|||
font-size: 30px; |
|||
font-weight: normal; |
|||
color: $color-black; |
|||
padding-bottom: 20px; |
|||
span { |
|||
color: $color-brand; |
|||
} |
|||
} |
|||
|
|||
p { |
|||
line-height: 25px; |
|||
letter-spacing: 1px; |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
.price { |
|||
color: $color-black; |
|||
font-size: 25px; |
|||
padding-bottom: 20px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.dish_img { |
|||
|
|||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; |
|||
margin-top: 40px; |
|||
img { |
|||
width: 100%; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,115 @@ |
|||
.happy{ |
|||
// margin-top: 100px; |
|||
padding-bottom: 50px; |
|||
.happy_img{ |
|||
|
|||
background-image: linear-gradient(#11111191, #11111191), url(/theme_the_chef/static/src/img/testimonial/testi-bg.jpg); |
|||
background-size: cover; |
|||
background-position: center; |
|||
background-repeat: no-repeat; |
|||
width: 100%; |
|||
|
|||
position: relative; |
|||
|
|||
.test_slider{ |
|||
padding:50px 50px; |
|||
position: relative; |
|||
.section_heading{ |
|||
text-align: center; |
|||
padding-bottom: 40px; |
|||
margin-top: 80px; |
|||
p{ |
|||
color: $color-black !important; |
|||
margin-bottom: 0; |
|||
font-size: 20px; |
|||
} |
|||
h3{ |
|||
font-size: 35px; |
|||
font-weight: 700; |
|||
color: $color-white; |
|||
|
|||
} |
|||
} |
|||
|
|||
.test_content{ |
|||
|
|||
text-align: center; |
|||
padding-bottom: 100px; |
|||
span{ |
|||
font-size: 50px; |
|||
color:$color-white ; |
|||
} |
|||
p{ |
|||
font-size: 30px; |
|||
font-weight: 400; |
|||
color: $color-white; |
|||
font-style: italic; |
|||
padding-top: 20px; |
|||
margin-top: 20px; |
|||
|
|||
@media screen and(max-width:992px) { |
|||
padding: 20px 20px; |
|||
font-size: 25px; |
|||
margin-bottom: 0; |
|||
|
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.name{ |
|||
color: $color-white; |
|||
p{ |
|||
font-size: 25px; |
|||
} |
|||
|
|||
.position{ |
|||
|
|||
|
|||
.nn{ |
|||
color:$color-brand; |
|||
font-size: 14px; |
|||
|
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
.owl-carousel button.owl-dot span { |
|||
height: 15px; |
|||
width: 15px; |
|||
border: 1px solid; |
|||
background: transparent; |
|||
border-radius: 50%; |
|||
display: block; |
|||
border-color: color-brand1; |
|||
margin: 5px; |
|||
} |
|||
.owl-carousel button.owl-dot.active span{ |
|||
background-color: transparent; |
|||
border-color: $color-white !important; |
|||
height: 18px; |
|||
width: 18px; |
|||
} |
|||
|
|||
|
|||
.owl-carousel{ |
|||
|
|||
.owl-dots{ |
|||
position: absolute; |
|||
bottom:10%; |
|||
left: 48%; |
|||
background-color: transparent; |
|||
@media screen and(max-width:992px) { |
|||
left: 43%; |
|||
bottom: 5%; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,6 @@ |
|||
@import './about'; |
|||
@import './dishe'; |
|||
@import './menu'; |
|||
@import './happy'; |
|||
@import './team'; |
|||
@import './booking'; |
|||
@ -0,0 +1,65 @@ |
|||
.menu{ |
|||
// margin-top: 100px; |
|||
padding-bottom:100px ; |
|||
.section_heading{ |
|||
text-align: center; |
|||
padding-bottom: 40px; |
|||
sub{ |
|||
color: $color-brand; |
|||
margin-bottom: 0; |
|||
} |
|||
h3{ |
|||
font-size: 30px; |
|||
font-weight: 700; |
|||
color: $color-black; |
|||
} |
|||
} |
|||
|
|||
.menu_iems{ |
|||
h4{ |
|||
text-align: center; |
|||
color: $color-black; |
|||
font-size: 30px; |
|||
padding-top: 20px; |
|||
} |
|||
.wrapper{ |
|||
padding-top: 50px; |
|||
|
|||
.items{ |
|||
justify-content: center; |
|||
|
|||
.item_img{ |
|||
max-width: 85px; |
|||
|
|||
@media screen and(max-width:768px) { |
|||
max-width: 100px; |
|||
margin-right: 15px; |
|||
} |
|||
|
|||
img{ |
|||
width: 100%; |
|||
border-radius: 50%; |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
.item_info{ |
|||
display: flex; |
|||
margin-top: 10px; |
|||
padding-left: 10px; |
|||
li{ |
|||
font-size: 25px; |
|||
font-weight: normal; |
|||
&:nth-child(2) { |
|||
padding-left: 40px; |
|||
color: $color-grey; |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,100 @@ |
|||
.team{ |
|||
margin-top: 100px; |
|||
|
|||
.wrapper{ |
|||
.section_heading{ |
|||
text-align: center; |
|||
padding-bottom: 40px; |
|||
sub{ |
|||
color: $color-brand; |
|||
margin-bottom: 0; |
|||
} |
|||
h3{ |
|||
font-size: 30px; |
|||
font-weight: 700; |
|||
color: $color-black; |
|||
} |
|||
} |
|||
.team_wrapper{ |
|||
.team_img{ |
|||
height: 450px; |
|||
background-size: cover; |
|||
background-position: center; |
|||
background-repeat: no-repeat; |
|||
width: 100%; |
|||
position: relative; |
|||
|
|||
@media screen and(max-width:992px) { |
|||
height: 375px !important; |
|||
|
|||
} |
|||
|
|||
@media screen and(max-width:768px) { |
|||
height: 760px !important; |
|||
margin-bottom: 40px; |
|||
} |
|||
|
|||
@media screen and(max-width:540px) { |
|||
height: 560px !important; |
|||
margin-bottom: 40px; |
|||
} |
|||
|
|||
|
|||
.details{ |
|||
|
|||
background: $color-white; |
|||
padding: 20px 20px; |
|||
position:absolute; |
|||
bottom: 5%; |
|||
margin-left:15px; |
|||
margin-right:15px; |
|||
text-align: center; |
|||
width: 91%; |
|||
height: auto; |
|||
.name{ |
|||
font-weight: 600; |
|||
font-size: 20px; |
|||
} |
|||
p{ |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.footer_icon { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
margin-top: 30px; |
|||
display:none; |
|||
opacity: 0; |
|||
transition: all 0.35s ease-out !important; |
|||
// @media screen and(max-width:768px) { |
|||
// margin-top: 40px; |
|||
// } |
|||
a { |
|||
color: $color-black; |
|||
margin-right: 15px; |
|||
|
|||
&:hover { |
|||
color: $color-hover; |
|||
} |
|||
span { |
|||
font-size: 15px; |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
&:hover{ |
|||
|
|||
.footer_icon{ |
|||
display: block; |
|||
opacity: 1; |
|||
transition: all 0.35s ease-out !important; |
|||
|
|||
|
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,19 @@ |
|||
// Font style |
|||
|
|||
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap'); |
|||
|
|||
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Satisfy&display=swap'); |
|||
//Global |
|||
|
|||
|
|||
|
|||
@import './normalize'; |
|||
@import './variables'; |
|||
@import './common'; |
|||
|
|||
|
|||
// Folders |
|||
|
|||
@import './pages/pages'; |
|||
@import './layouts/layouts'; |
|||
@import './components/components'; |
|||
@ -0,0 +1,44 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<odoo> |
|||
<data> |
|||
<template id="assets_frontend_chef" name="My style" inherit_id="website.assets_frontend"> |
|||
<xpath expr="//link[last()]" position="after"> |
|||
<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/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"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/style.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/components/_banner.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/components/_buttons.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/components/_components.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/components/_products.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/layout/_footer.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/layout/_header.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/layout/_layouts.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/layout/_navigation.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/layout/_sidebar.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/pages/_pages.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/pages/home/_about.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/pages/home/_booking.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/pages/home/_dishe.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/pages/home/_happy.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/pages/home/_home.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/pages/home/_menu.scss"/>--> |
|||
<!--<link rel="stylesheet" type="text/scss" href="/theme_the_chef/static/src/scss/pages/home/_team.scss"/>--> |
|||
</xpath> |
|||
<xpath expr="//script[last()]" position="after"> |
|||
<script type="text/javascript" src="/theme_the_chef/static/src/js/custom.js"/> |
|||
<script type="text/javascript" src="/theme_the_chef/static/src/js/owl.carousel.js"/> |
|||
<!--<script type="text/javascript" src="/theme_the_chef/static/src/js/owl.carousal.min.js"/>--> |
|||
</xpath> |
|||
<xpath expr="." position="inside"> |
|||
<link href='https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap' rel="stylesheet"/> |
|||
<link href='https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Satisfy&display=swap' rel="stylesheet"/> |
|||
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet"/> |
|||
</xpath> |
|||
</template> |
|||
</data> |
|||
</odoo> |
|||
@ -0,0 +1,46 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="custom_message" inherit_id="website.layout" name="Custom head"> |
|||
<!-- Add an element after the top menu --> |
|||
<xpath expr="//div[@id='wrapwrap']/main" position="after"> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"/> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
|||
<title>The Chef</title> |
|||
<!-- bootstrap css` --> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" |
|||
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"/> |
|||
<!-- google icon css` --> |
|||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/> |
|||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" |
|||
integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous"/> |
|||
<!-- google font css --> |
|||
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet"/> |
|||
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Satisfy&display=swap" rel="stylesheet"/> |
|||
<link href="https://fonts.googleapis.com/css2?family=Poppins&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"/> |
|||
<link rel="stylesheet" href="/theme_the_chef/static/src/css/style.css"/> |
|||
<link rel="stylesheet" type="text/css" href="/theme_the_chef/static/src/css/animate.min.css"/> |
|||
</head> |
|||
<body> |
|||
<section class="main_body"> |
|||
</section> |
|||
</body> |
|||
<!--<!–Bootstrap Js –>--> |
|||
<!--<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"--> |
|||
<!-- integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"--> |
|||
<!-- crossorigin="anonymous"/>--> |
|||
<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"--> |
|||
<!-- integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"--> |
|||
<!-- crossorigin="anonymous"/>--> |
|||
<!-- Owl JS --> |
|||
<script type="text/javascript" src="/theme_the_chef/static/src/js/owl.carousel.js"/> |
|||
<!-- Owl JS custome script --> |
|||
<script type="text/javascript" src="/theme_the_chef/static/src/js/custom.js"/> |
|||
</html> |
|||
</xpath> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,73 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="about_banner" inherit_id="website.snippets" name="About banner"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside"> |
|||
<t t-snippet="theme_the_chef.about" t-thumbnail="/theme_the_chef/static/src/img/snippets/about.jpg"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="about" name="About"> |
|||
<section class="main_body"> |
|||
<!-- Section about starts here --> |
|||
<section class="about pt-5"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<!-- Section about starts here --> |
|||
<div class="col-lg-5 col-md-6 col-12"> |
|||
<div class="about_img"> |
|||
<img src="/theme_the_chef/static/src/img/about/hero-2.jpg"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-7 col-md-6 col-12"> |
|||
<div class="about_details"> |
|||
<div class="wrapper"> |
|||
<p class="red">About</p> |
|||
<h3> |
|||
Welcome to The Chef |
|||
</h3> |
|||
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor |
|||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation |
|||
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in |
|||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non |
|||
proident, |
|||
sunt in culpa qui officia deserunt mollit anim id est laborum. |
|||
</p> |
|||
<h4> |
|||
Special Recipe |
|||
</h4> |
|||
<div class="recipe"> |
|||
<div class="s_c"> |
|||
<a href="#" class="abt_img"> |
|||
<img src="/theme_the_chef/static/src/img/about/abt1.jpg"/> |
|||
</a> |
|||
<a href="#"> |
|||
<p>Australian Organic Beef</p> |
|||
</a> |
|||
</div> |
|||
<div class="s_c"> |
|||
<a href="#" class="abt_img"> |
|||
<img src="/theme_the_chef/static/src/img/about/abt2.jpg"/> |
|||
</a> |
|||
<a href="#"> |
|||
<p>Australian Organic Beef</p> |
|||
</a> |
|||
</div> |
|||
<div class="s_c"> |
|||
<a href="#" class="abt_img"> |
|||
<img src="/theme_the_chef/static/src/img/about/abt3.jpg"/> |
|||
</a> |
|||
<a href="#"> |
|||
<p>Australian Organic Beef</p> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- Section about ends here --> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,62 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="index_banner" inherit_id="website.snippets" name="Index banner"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside"> |
|||
<t t-snippet="theme_the_chef.banner" t-thumbnail="/theme_the_chef/static/src/img/snippets/banner.jpg"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="banner" name="Banner"> |
|||
<section class="main_body"> |
|||
<!-- Banner section starts here --> |
|||
<section class="banner"> |
|||
<div class="container"> |
|||
<div class="banner_contents"> |
|||
<div class="row"> |
|||
<div class="col-lg-6 col-12"> |
|||
<div class="banner_left"> |
|||
<h1>We Serve |
|||
<br/> Delicious Foods!</h1> |
|||
<a href="#" class="btn draw-border">Explore Menu</a> |
|||
<a href="#" class="btn btn-video"> |
|||
<i class="fa fa-play"/> |
|||
Play video</a> |
|||
<div class="service"> |
|||
<div class="s_c"> |
|||
<span class="fa fa-truck"/> |
|||
<p>Fast Delivery</p> |
|||
</div> |
|||
<div class="s_c"> |
|||
<span class="fa fa-leaf"/> |
|||
<p>Fresh Food</p> |
|||
</div> |
|||
<div class="s_c"> |
|||
<span class="fa fa-headphones"/> |
|||
<p>24/7 Support</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6 col-12"> |
|||
<div class="banner_right"> |
|||
<div class="owl-carousel" id="slider"> |
|||
<div> |
|||
<div class="right_bg"> |
|||
<img src="/theme_the_chef/static/src/img/banner/hero-1.jpg"/> |
|||
</div> |
|||
</div> |
|||
<div> <img src="/theme_the_chef/static/src/img/banner/hero-2.jpg"/></div> |
|||
<div> <img src="/theme_the_chef/static/src/img/banner/hero-3.jpg"/></div> |
|||
</div> |
|||
<div class="slider-counter"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- Banner section starts here --> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,81 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="branches_banner" inherit_id="website.snippets" name="Branches banner"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside"> |
|||
<t t-snippet="theme_the_chef.branches" t-thumbnail="/theme_the_chef/static/src/img/snippets/branches.jpg"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="branches" name="Branches"> |
|||
<section class="main_body"> |
|||
<!-- loaction --> |
|||
<section class="location"> |
|||
<div class="container"> |
|||
<div class="wrapper"> |
|||
<div class="section_heading"> |
|||
<br/> |
|||
<h3> |
|||
Our Branches |
|||
</h3> |
|||
</div> |
|||
<div class="location_content"> |
|||
<div class="row"> |
|||
|
|||
<div class="col-lg-4 col-md-4 col-sm-12 pb-5 pb-md-0 pb-lg-0 "> |
|||
<div class="wrapper"> |
|||
<div class="flag"> |
|||
<img src="/theme_the_chef/static/src/img/flag/1.jpg"/> |
|||
</div> |
|||
<div class="address"> |
|||
<h5>HQ - San Mateo, CA</h5> |
|||
<ul> |
|||
<li>2950 S. Delaware Street, Suite 201</li> |
|||
<li>San Mateo CA 94403</li> |
|||
<li>Reception/General enquiries: +1 650 513 0514</li> |
|||
<li>Availability: (Mon-Fri) 9AM to 5PM PST</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 col-md-4 col-sm-12 pb-5 pb-md-0 pb-lg-0"> |
|||
<div class="wrapper"> |
|||
<div class="flag"> |
|||
<img src="/theme_the_chef/static/src/img/flag/2.jpg"/> |
|||
</div> |
|||
<div class="address"> |
|||
<h5>UAE Dubai</h5> |
|||
<ul> |
|||
<li>2950 S. Delaware Street, Suite 201</li> |
|||
<li>San Mateo CA 94403</li> |
|||
<li>Reception/General enquiries: +1 650 513 0514</li> |
|||
<li>Availability: (Mon-Fri) 9AM to 5PM PST</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 col-md-4 col-sm-12 pb-5 pb-md-0 pb-lg-0"> |
|||
<div class="wrapper"> |
|||
<div class="flag"> |
|||
<img src="/theme_the_chef/static/src/img/flag/3.jpg"/> |
|||
</div> |
|||
<div class="address"> |
|||
<h5>Chennai, India</h5> |
|||
<ul> |
|||
<li>2950 S. Delaware Street, Suite 201</li> |
|||
<li>San Mateo CA 94403</li> |
|||
<li>Reception/General enquiries: +1 650 513 0514</li> |
|||
<li>Availability: (Mon-Fri) 9AM to 5PM PST</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,91 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="happy_banner" inherit_id="website.snippets" name="Happy banner"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside"> |
|||
<t t-snippet="theme_the_chef.happy" t-thumbnail="/theme_the_chef/static/src/img/snippets/happy.jpg"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="happy" name="Happy"> |
|||
<section class="main_body"> |
|||
<!-- Section testimonial starts here --> |
|||
<section class="happy"> |
|||
<div class="container-fluid p-0"> |
|||
<div class="happy_img"> |
|||
<div class="test_slider"> |
|||
<div class="section_heading"> |
|||
<p>Testimony</p> |
|||
<h3> |
|||
Happy Customer |
|||
</h3> |
|||
</div> |
|||
<div class="owl-carousel" id="slider2"> |
|||
<div> |
|||
<div class="test_content"> |
|||
<i class="fa fa-quote-left"/> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. animi doloribus voluptates |
|||
<br/> |
|||
ea vero alias perferendis quas animi doloribus voluptates.consectetur adipisicing elit. |
|||
</p> |
|||
<div class="name"> |
|||
<p> |
|||
Jhon Doe |
|||
</p> |
|||
<div class="position"> |
|||
CEO of <span class="nn"> |
|||
Cybrosys |
|||
</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<div class="test_content"> |
|||
<i class="fa fa-quote-left"/> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. animi doloribus voluptates |
|||
<br/> |
|||
ea vero alias perferendis quas animi doloribus voluptates.consectetur adipisicing elit. |
|||
</p> |
|||
<div class="name"> |
|||
<p> |
|||
Jhon Doe |
|||
</p> |
|||
<div class="position"> |
|||
CEO of <span class="nn"> |
|||
Cybrosys |
|||
</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<div class="test_content"> |
|||
<i class="fa fa-quote-left"/> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. animi doloribus voluptates |
|||
<br/> |
|||
ea vero alias perferendis quas animi doloribus voluptates.consectetur adipisicing elit. |
|||
</p> |
|||
<div class="name"> |
|||
<p> |
|||
Jhon Doe |
|||
</p> |
|||
<div class="position"> |
|||
CEO of <span class="nn"> |
|||
Cybrosys |
|||
</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- Section testimonial ends here --> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,256 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="menu_banner" inherit_id="website.snippets" name="Menu banner"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside"> |
|||
<t t-snippet="theme_the_chef.menu" t-thumbnail="/theme_the_chef/static/src/img/snippets/menu.jpg"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="menu" name="Menu"> |
|||
<section class="main_body"> |
|||
<!-- Section menu starts here --> |
|||
<section class="menu pt-5"> |
|||
<div class="container"> |
|||
<div class="section_heading"> |
|||
<p class="sub">Specialities</p> |
|||
<h3> |
|||
Our Menus |
|||
</h3> |
|||
</div> |
|||
<div class="menu_iems"> |
|||
<div class="row"> |
|||
<div class="col-lg-4 col-md-6 col-12 pb-md-5 pb-sm-5"> |
|||
|
|||
<h4> |
|||
Breakfast |
|||
</h4> |
|||
<div class="col-lg-12 col-sm-12 col-12"> |
|||
|
|||
<div class="wrapper"> |
|||
|
|||
<div class="items d-flex"> |
|||
<div class="item_img"> |
|||
<img src="/theme_the_chef/static/src/img/menu/breakfast-1.jpg" alt=""/> |
|||
</div> |
|||
<div class="wrapper2"> |
|||
<ul class="item_info"> |
|||
<li> |
|||
Egg Sandwich |
|||
</li> |
|||
<li> |
|||
$30 |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Meat Ball, Mie |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-12 col-sm-12 col-12"> |
|||
<div class="wrapper"> |
|||
|
|||
<div class="items d-flex"> |
|||
<div class="item_img"> |
|||
<img src="/theme_the_chef/static/src/img/menu/breakfast-2.jpg" alt=""/> |
|||
</div> |
|||
<div class="wrapper2"> |
|||
<ul class="item_info"> |
|||
<li> |
|||
Egg Sandwich |
|||
</li> |
|||
<li> |
|||
$30 |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Meat Ball, Mie |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-12 col-sm-12 col-12"> |
|||
<div class="wrapper"> |
|||
|
|||
<div class="items d-flex"> |
|||
<div class="item_img"> |
|||
<img src="/theme_the_chef/static/src/img/menu/breakfast-3.jpg" alt=""/> |
|||
</div> |
|||
<div class="wrapper2"> |
|||
<ul class="item_info"> |
|||
<li> |
|||
Egg Sandwich |
|||
</li> |
|||
<li> |
|||
$30 |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Meat Ball, Mie |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 col-md-6 col-12 pb-md-5 pb-sm-5"> |
|||
|
|||
<h4> |
|||
Breakfast |
|||
</h4> |
|||
<div class="col-lg-12 col-sm-12 col-12"> |
|||
<div class="wrapper"> |
|||
|
|||
<div class="items d-flex"> |
|||
<div class="item_img"> |
|||
<img src="/theme_the_chef/static/src/img/menu/breakfast-1.jpg" alt=""/> |
|||
</div> |
|||
<div class="wrapper2"> |
|||
<ul class="item_info"> |
|||
<li> |
|||
Egg Sandwich |
|||
</li> |
|||
<li> |
|||
$30 |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Meat Ball, Mie |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-12 col-sm-12 col-12"> |
|||
<div class="wrapper"> |
|||
|
|||
<div class="items d-flex"> |
|||
<div class="item_img"> |
|||
<img src="/theme_the_chef/static/src/img/menu/breakfast-2.jpg" alt=""/> |
|||
</div> |
|||
<div class="wrapper2"> |
|||
<ul class="item_info"> |
|||
<li> |
|||
Egg Sandwich |
|||
</li> |
|||
<li> |
|||
$30 |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Meat Ball, Mie |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-12 col-sm-12 col-12"> |
|||
<div class="wrapper"> |
|||
|
|||
<div class="items d-flex"> |
|||
<div class="item_img"> |
|||
<img src="/theme_the_chef/static/src/img/menu/breakfast-3.jpg" alt=""/> |
|||
</div> |
|||
<div class="wrapper2"> |
|||
<ul class="item_info"> |
|||
<li> |
|||
Egg Sandwich |
|||
</li> |
|||
<li> |
|||
$30 |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Meat Ball, Mie |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-4 col-md-6 col-12 "> |
|||
<h4> |
|||
Breakfast |
|||
</h4> |
|||
<div class="col-lg-12 col-sm-12 col-12"> |
|||
<div class="wrapper"> |
|||
|
|||
<div class="items d-flex"> |
|||
<div class="item_img"> |
|||
<img src="/theme_the_chef/static/src/img/menu/breakfast-1.jpg" alt=""/> |
|||
</div> |
|||
<div class="wrapper2"> |
|||
<ul class="item_info"> |
|||
<li> |
|||
Egg Sandwich |
|||
</li> |
|||
<li> |
|||
$30 |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Meat Ball, Mie |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-12 col-sm-12 col-12"> |
|||
<div class="wrapper"> |
|||
|
|||
<div class="items d-flex"> |
|||
<div class="item_img"> |
|||
<img src="/theme_the_chef/static/src/img/menu/breakfast-2.jpg" alt=""/> |
|||
</div> |
|||
<div class="wrapper2"> |
|||
<ul class="item_info"> |
|||
<li> |
|||
Egg Sandwich |
|||
</li> |
|||
<li> |
|||
$30 |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Meat Ball, Mie |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-12 col-sm-12 col-12"> |
|||
<div class="wrapper"> |
|||
|
|||
<div class="items d-flex"> |
|||
<div class="item_img"> |
|||
<img src="/theme_the_chef/static/src/img/menu/breakfast-3.jpg" alt=""/> |
|||
</div> |
|||
<div class="wrapper2"> |
|||
<ul class="item_info"> |
|||
<li> |
|||
Egg Sandwich |
|||
</li> |
|||
<li> |
|||
$30 |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Meat Ball, Mie |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- Section menu ends here --> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,78 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="reservation_banner" inherit_id="website.snippets" name="Reservation banner"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside"> |
|||
<t t-snippet="theme_the_chef.reservation" t-thumbnail="/theme_the_chef/static/src/img/snippets/reservation.jpg"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="reservation" name="Reservation"> |
|||
<section class="main_body"> |
|||
<!-- Section booking starts here --> |
|||
<section class="booking pt-5"> |
|||
<div class="container-fluid"> |
|||
<div class="booking_bg"> |
|||
<div class="row"> |
|||
<div class="col-lg-4 offset-lg-2 col-md-6 offset-md-3 col-sm-10 offset-sm-1 col-10 offset-1"> |
|||
<div class="booking_form"> |
|||
<div class="section_heading"> |
|||
<p class="sub">Specialities</p> |
|||
<h3> |
|||
Our Menus |
|||
</h3> |
|||
</div> |
|||
<form> |
|||
<div class="row"> |
|||
<div class="col-12"> |
|||
<div class="form-group"> |
|||
<input type="text" class="form-control" id="usr" placeholder="Name"/> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-12"> |
|||
<div class="form-group"> |
|||
<input type="email" class="form-control" id="usr" placeholder="Email"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-12"> |
|||
<div class="form-group"> |
|||
<input type="number" class="form-control" id="usr" placeholder="Phone"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6 col-md-6 col-12"> |
|||
<div id="datepicker" class="input-group date form-group" data-date-format="mm-dd-yyyy"> |
|||
<input type="date" class="form-control"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6 col-md-6 col-12"> |
|||
<div class="input-group time form-group"> |
|||
<input type="time" class="form-control" id="timeInput"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-12"> |
|||
<div class="form-group"> |
|||
<select name="persons_drop_down" id="persons_drop_down" class="form-control"> |
|||
<option value="">Persons</option> |
|||
<option value="1">1</option> |
|||
<option value="2">2</option> |
|||
<option value="3">3</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="col-12"> |
|||
<div class="form-group"> |
|||
<textarea name="" id="" cols="" rows="10" style="width: 100%;"/> |
|||
</div> |
|||
</div> |
|||
<a href="#" class="btn btn-booking">Book Now</a> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,58 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="special_banner" inherit_id="website.snippets" name="Special banner"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside"> |
|||
<t t-snippet="theme_the_chef.special" t-thumbnail="/theme_the_chef/static/src/img/snippets/special.jpg"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="special" name="Special"> |
|||
<section class="main_body"> |
|||
<!-- Section dishes starts here --> |
|||
<section class="dishes pt-5"> |
|||
<div class="container"> |
|||
<div class="section_heading"> |
|||
<p class="sub">Specialities</p> |
|||
<h3> |
|||
Special Dishes |
|||
</h3> |
|||
</div> |
|||
<div class="dishes_details"> |
|||
<div class="row"> |
|||
<div class="col-lg-5 col-md-6"> |
|||
<div class="dishes_left"> |
|||
<h2> |
|||
01. |
|||
</h2> |
|||
<div class="dish_info"> |
|||
<h3> |
|||
Beef<br/> |
|||
<span> |
|||
Steak Sauce |
|||
</span> |
|||
</h3> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, ea vero alias perferendis |
|||
quas animi doloribus voluptates. Atque explicabo ea nesciunt provident libero qui eum, corporis esse |
|||
quos excepturi soluta? |
|||
</p> |
|||
<div class="price"> |
|||
$10.00 |
|||
</div> |
|||
<a href="#" class="btn btn-order"> Order now</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6 offset-lg-1 col-md-6 offset-md-0"> |
|||
<div class="dish_img"> |
|||
<img src="/theme_the_chef/static/src/img/dishes/steak.jpg"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- Section dishes starts here --> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,81 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="special_left_banner" inherit_id="website.snippets" name="Special Left banner"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside"> |
|||
<t t-snippet="theme_the_chef.special_left" t-thumbnail="/theme_the_chef/static/src/img/snippets/special_left.jpg"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="special_left" name="Special Left"> |
|||
<section class="main_body"> |
|||
<!-- Section dishes starts here --> |
|||
<section class="dishes pt-5" id="dishes_left"> |
|||
<div class="container"> |
|||
<div class="dishes_details"> |
|||
<div class="row mt-5"> |
|||
<div class="col-lg-6 col-md-6 d-none d-lg-block d-md-block"> |
|||
<div class="dish_img"> |
|||
<img src="/theme_the_chef/static/src/img/dishes/cake.jpg"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-5 offset-lg-1 offset-md-0 col-md-6 d-none d-lg-block d-md-block"> |
|||
<div class="dishes_left"> |
|||
<h2> |
|||
01. |
|||
</h2> |
|||
<div class="dish_info"> |
|||
<h3> |
|||
Beef<br/> |
|||
<span> |
|||
Steak Sauce |
|||
</span> |
|||
</h3> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, ea vero alias perferendis |
|||
quas animi doloribus voluptates. Atque explicabo ea nesciunt provident libero qui eum, corporis esse |
|||
quos excepturi soluta? |
|||
</p> |
|||
<div class="price"> |
|||
$10.00 |
|||
</div> |
|||
<a href="#" class="btn btn-order">Order now</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-5 offset-lg-1 offset-md-0 col-md-6 d-lg-none d-block d-md-none"> |
|||
<div class="dishes_left"> |
|||
<h2> |
|||
01. |
|||
</h2> |
|||
<div class="dish_info"> |
|||
<h3> |
|||
Beef<br/> |
|||
<span> |
|||
Steak Sauce |
|||
</span> |
|||
</h3> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, ea vero alias perferendis |
|||
quas animi doloribus voluptates. Atque explicabo ea nesciunt provident libero qui eum, corporis esse |
|||
quos excepturi soluta? |
|||
</p> |
|||
<div class="price"> |
|||
$10.00 |
|||
</div> |
|||
<a href="#" class="btn btn-order">Order now</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6 col-md-6 d-lg-none d-block d-md-none"> |
|||
<div class="dish_img"> |
|||
<img src="/theme_the_chef/static/src/img/dishes/steak.jpg"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- Section dishes starts here --> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,86 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="team_banner" inherit_id="website.snippets" name="Team banner"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside"> |
|||
<t t-snippet="theme_the_chef.team" t-thumbnail="/theme_the_chef/static/src/img/snippets/team.jpg"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="team" name="Team"> |
|||
<section class="main_body"> |
|||
<!-- Section team starts here --> |
|||
<section class="team pt-5"> |
|||
<div class="container"> |
|||
<div class="wrapper"> |
|||
<div class="section_heading"> |
|||
<p class="sub">Specialities</p> |
|||
<h3> |
|||
Our Menu |
|||
</h3> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-4 col-md-4 col-12"> |
|||
<div class="team_wrapper"> |
|||
<div class="team_img" style="background-image:url(/theme_the_chef/static/src/img/team/chef-1.jpg)"> |
|||
<div class="details"> |
|||
<div class="name"> |
|||
Carl Jhon |
|||
</div> |
|||
<p>CEO</p> |
|||
|
|||
<div class="footer_icon"> |
|||
<a href="#"><span class="fa fa-pinterest"/></a> |
|||
<a href="#"><span class="fa fa-linkedin"/></a> |
|||
<a href="#"><span class="fa fa-facebook"/></a> |
|||
<a href="#"><span class="fa fa-twitter"/></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-4 col-12"> |
|||
<div class="team_wrapper"> |
|||
<div class="team_img" style="background-image:url(/theme_the_chef/static/src/img/team/chef-2.jpg)"> |
|||
<div class="details"> |
|||
<div class="name"> |
|||
Carl Jhon |
|||
</div> |
|||
<p>CEO</p> |
|||
|
|||
<div class="footer_icon"> |
|||
<a href="#"><span class="fa fa-pinterest"/></a> |
|||
<a href="#"><span class="fa fa-linkedin"/></a> |
|||
<a href="#"><span class="fa fa-facebook"/></a> |
|||
<a href="#"><span class="fa fa-twitter"/></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-4 col-12"> |
|||
<div class="team_wrapper"> |
|||
<div class="team_img" style="background-image:url(/theme_the_chef/static/src/img/team/chef-3.jpg)"> |
|||
<div class="details"> |
|||
<div class="name"> |
|||
Carl Jhon |
|||
</div> |
|||
<p>CEO</p> |
|||
|
|||
<div class="footer_icon"> |
|||
<a href="#"><span class="fa fa-pinterest"/></a> |
|||
<a href="#"><span class="fa fa-linkedin"/></a> |
|||
<a href="#"><span class="fa fa-facebook"/></a> |
|||
<a href="#"><span class="fa fa-twitter"/></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- Section team ends here --> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,110 @@ |
|||
<odoo> |
|||
<data> |
|||
<template id="template_header_default_inherited" inherit_id="website.template_header_default"> |
|||
<xpath expr="//div[@id='top_menu_container']" position="replace"> |
|||
<div id="top_menu_container" class="container justify-content-start justify-content-lg-between"> |
|||
<!-- Brand --> |
|||
<t t-call="website.placeholder_header_brand"> |
|||
<t t-set="_link_class" t-value="'mr-4'"/> |
|||
</t> |
|||
<!-- Navbar Toggler --> |
|||
<t t-call="website.navbar_toggler"> |
|||
<t t-set="_toggler_class" t-value="'ml-auto'"/> |
|||
</t> |
|||
<!-- Navbar Collapse --> |
|||
<div id="top_menu_collapse" class="collapse navbar-collapse order-last order-lg-0"> |
|||
<t t-call="website.navbar_nav"> |
|||
<t t-set="_nav_class" t-value="'flex-grow-1'"/> |
|||
<!-- Menu --> |
|||
<t t-foreach="website.menu_id.child_id" t-as="submenu"> |
|||
<t t-call="website.submenu"> |
|||
<t t-set="item_class" t-value="'nav-item'"/> |
|||
<t t-set="link_class" t-value="'nav-link'"/> |
|||
</t> |
|||
</t> |
|||
<ul class="nav navbar-nav o_header_centered_logo justify-content-end"> |
|||
<!-- Sign In --> |
|||
<t t-call="portal.placeholder_user_sign_in"> |
|||
<t t-set="_item_class" t-value="'nav-item ml-3'"/> |
|||
<t t-set="_link_class" t-value="'nav-link'"/> |
|||
</t> |
|||
<!-- User Dropdown --> |
|||
<t t-call="portal.user_dropdown"> |
|||
<t t-set="_icon" t-value="true"/> |
|||
<t t-set="_item_class" t-value="'nav-item dropdown ml-3'"/> |
|||
<t t-set="_link_class" t-value="'nav-link'"/> |
|||
</t> |
|||
</ul> |
|||
</t> |
|||
</div> |
|||
</div> |
|||
</xpath> |
|||
</template> |
|||
|
|||
<template id="footer_default_sample" inherit_id="website.layout" name="Footer Sample"> |
|||
<xpath expr="//div[@id='footer']" position="replace"> |
|||
<section class="main_body"> |
|||
<!-- Section footer starts here --> |
|||
<footer class="footer"> |
|||
<div class="container-fluid"> |
|||
<div class="footer_content"> |
|||
<div class="row"> |
|||
<div class="col-lg-3 offset-lg-1 col-md-4 col-sm-12 pb-5 pb-md-0 pb-lg-0 "> |
|||
<div class="wrapper"> |
|||
<div class="brand"> |
|||
<a class="navbar-brand" href="index.html">The Chef</a> |
|||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|||
Et obcaecati quisquam id sit omnis |
|||
explicabo voluptate aut placeat, soluta, |
|||
nisi ea magni facere, itaque incidunt modi? Magni, |
|||
et voluptatum dolorem.</p> |
|||
<div class="footer_icon"> |
|||
<a href="#"><span class="fa fa-pinterest"/></a> |
|||
<a href="#"><span class="fa fa-linkedin"/></a> |
|||
<a href="#"><span class="fa fa-facebook"/></a> |
|||
<a href="#"><span class="fa fa-twitter"/></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-3 col-md-4 col-sm-12 pb-5 pb-md-0 pb-lg-0"> |
|||
<div class="wrapper"> |
|||
<h4>Open Hours</h4> |
|||
<ul class="list-unstyled open-hours"> |
|||
<li class="d-flex justify-content-between"><span>Monday</span><span>9:00 - 24:00</span></li> |
|||
<li class="d-flex justify-content-between"><span>Tuesday</span><span>9:00 - 24:00</span></li> |
|||
<li class="d-flex justify-content-between"><span>Wednesday</span><span>9:00 - 24:00</span></li> |
|||
<li class="d-flex justify-content-between"><span>Thursday</span><span>9:00 - 24:00</span></li> |
|||
<li class="d-flex justify-content-between"><span>Friday</span><span>9:00 - 02:00</span></li> |
|||
<li class="d-flex justify-content-between"><span>Saturday</span><span>9:00 - 02:00</span></li> |
|||
<li class="d-flex justify-content-between"><span>Sunday</span><span> Closed</span></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-3 offset-lg-1 col-md-4 col-sm-12 pb-5 pb-md-0 pb-lg-0"> |
|||
<div class="wrapper"> |
|||
<h4>Open Hours</h4> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
|||
</p> |
|||
|
|||
<div class=""> |
|||
<div class="form-group"> |
|||
<input type="text" class="form-control" id="usr" placeholder="Enter Email"/> |
|||
</div> |
|||
</div> |
|||
<a href="#" class="btn btn-submit">Submit</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="footer_bottom"> |
|||
<p>Copy right © <a href="#">Cybrosys.com</a> All rights reserved </p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</footer> |
|||
</section> |
|||
</xpath> |
|||
</template> |
|||
</data> |
|||
</odoo> |
|||
Loading…
Reference in new issue