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