@ -0,0 +1,47 @@ |
|||
.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg |
|||
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
|||
:alt: License: LGPL-3 |
|||
|
|||
|
|||
Theme The Chef |
|||
============== |
|||
* Design Web Pages with theme the chef |
|||
|
|||
Installation |
|||
============ |
|||
- www.odoo.com/documentation/18.0/setup/install.html |
|||
- Install our custom addon |
|||
|
|||
License |
|||
------- |
|||
General Public License, Version 3 (LGPL v3). |
|||
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
|||
|
|||
Company |
|||
------- |
|||
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|||
|
|||
Credits |
|||
------- |
|||
* Developers: (V18) ANFAS FAISAL K, |
|||
Contact: odoo@cybrosys.com |
|||
|
|||
Contacts |
|||
-------- |
|||
* Mail Contact : odoo@cybrosys.com |
|||
|
|||
Bug Tracker |
|||
----------- |
|||
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
|||
|
|||
Maintainer |
|||
========== |
|||
.. image:: https://cybrosys.com/images/logo.png |
|||
:target: https://cybrosys.com |
|||
This module is maintained by Cybrosys Technologies. |
|||
|
|||
For support and more information, please visit https://www.cybrosys.com |
|||
|
|||
Further information |
|||
=================== |
|||
HTML Description: `<static/description/index.html>`__ |
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-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/>. |
|||
# |
|||
############################################################################# |
|||
from . import controllers |
|||
from . import models |
@ -0,0 +1,75 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-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': 'Theme The Chef', |
|||
'version': '18.0.1.0.0', |
|||
'category': 'Theme/Creative', |
|||
'summary': 'Theme The Chef is a popular attractive and unique ' |
|||
'front end theme for your restaurant website.', |
|||
'description': 'Design Web Pages with Theme The Chef', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'website': "https://www.cybrosys.com", |
|||
'depends': ['website', 'mass_mailing', 'website_sale_wishlist'], |
|||
'data': [ |
|||
'security/ir.model.access.csv', |
|||
'data/website_bookings_data.xml', |
|||
'views/website_snippet_templates.xml', |
|||
'views/website_bookings_views.xml', |
|||
'views/website_bookings_submit_templates.xml', |
|||
'views/website_templates.xml', |
|||
'views/snippets/about_templates.xml', |
|||
'views/snippets/banner_templates.xml', |
|||
'views/snippets/branches_templates.xml', |
|||
'views/snippets/happy_templates.xml', |
|||
'views/snippets/menu_templates.xml', |
|||
'views/snippets/reservation_templates.xml', |
|||
'views/snippets/special_templates.xml', |
|||
'views/snippets/special_left_templates.xml', |
|||
'views/snippets/team_templates.xml', |
|||
], |
|||
'assets': { |
|||
'web.assets_frontend': [ |
|||
'theme_the_chef/static/src/css/animate.min.css', |
|||
'theme_the_chef/static/src/css/owl.carousel.min.css', |
|||
'theme_the_chef/static/src/css/owl.theme.default.min.css', |
|||
'theme_the_chef/static/src/css/style.css', |
|||
'theme_the_chef/static/src/xml/banner_tab_content.xml', |
|||
'theme_the_chef/static/src/js/custom.js', |
|||
'theme_the_chef/static/src/js/owl.carousel.js', |
|||
'theme_the_chef/static/src/js/date_selection.js', |
|||
'https://use.fontawesome.com/releases/v5.7.0/css/all.css', |
|||
'https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap', |
|||
'https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Satisfy&display=swap', |
|||
'https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap', |
|||
], |
|||
}, |
|||
'images': [ |
|||
'static/description/banner.jpg', |
|||
'static/description/theme_screenshot.jpg', |
|||
], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'auto_install': False, |
|||
'application': False, |
|||
} |
@ -0,0 +1,22 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-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/>. |
|||
# |
|||
############################################################################# |
|||
from . import theme_the_chef |
@ -0,0 +1,66 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-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/>. |
|||
# |
|||
############################################################################# |
|||
from odoo import http |
|||
from odoo.http import request |
|||
|
|||
|
|||
class WebsiteChef(http.Controller): |
|||
"""Getting the booking details and stored on the backend""" |
|||
|
|||
@http.route('/book_now', type='http', auth="public", website=True) |
|||
def book_now(self, **post): |
|||
"""To create the records to the model""" |
|||
time = post.get('time').split(':') |
|||
request.env['website.bookings'].sudo().create({ |
|||
'name': post.get('name'), |
|||
'email': post.get('email'), |
|||
'phone': post.get('phone'), |
|||
'date': post.get('date'), |
|||
'time': f"{time[0]}.{time[1]}", |
|||
'persons': post.get('persons'), |
|||
'notes': post.get('notes') |
|||
}) |
|||
return request.render("theme_the_chef.website_bookings_form_success") |
|||
|
|||
@http.route('/subscribe_newsletter', auth='public', type='json') |
|||
def subscribe_newsletter(self, **kw): |
|||
""" To save email to newsletter mail list""" |
|||
if request.env['mailing.contact'].sudo().search([ |
|||
("email", "=", kw.get("email")), |
|||
("list_ids", "in", |
|||
[request.env.ref('mass_mailing.mailing_list_data').id])]): |
|||
return False |
|||
elif request.env.user._is_public(): |
|||
visitor_sudo = (request.env['website.visitor'].sudo() |
|||
._get_visitor_from_request()) |
|||
name = visitor_sudo.display_name if visitor_sudo else \ |
|||
"Website Visitor" |
|||
else: |
|||
name = request.env.user.partner_id.name |
|||
res = request.env['mailing.contact'].sudo().create({ |
|||
"name": name, |
|||
"email": kw.get('email'), |
|||
"list_ids": [request.env.ref( |
|||
'mass_mailing.mailing_list_data').id] |
|||
}) |
|||
return True |
|||
|
@ -0,0 +1,13 @@ |
|||
<?xml version="1.0" encoding="utf-8" ?> |
|||
<odoo> |
|||
<!--Add sequence for booking--> |
|||
<record id="website_bookings_sequence" model="ir.sequence"> |
|||
<field name="name">Website Bookings</field> |
|||
<field name="code">website.bookings</field> |
|||
<field name="prefix">BK</field> |
|||
<field name="padding">4</field> |
|||
<field eval="1" name="number_next"/> |
|||
<field eval="1" name="number_increment"/> |
|||
<field eval="False" name="company_id"/> |
|||
</record> |
|||
</odoo> |
@ -0,0 +1,7 @@ |
|||
## Module <theme_the_chef> |
|||
|
|||
#### 26.03.2025 |
|||
#### Version 18.0.1.0.0 |
|||
#### ADD |
|||
|
|||
- Initial commit for Theme The Chef |
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-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/>. |
|||
# |
|||
############################################################################# |
|||
from . import website_bookings |
|||
from . import theme_utils |
@ -0,0 +1,32 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-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/>. |
|||
# |
|||
############################################################################# |
|||
from odoo import models |
|||
|
|||
|
|||
class ThemeUtils(models.AbstractModel): |
|||
"""Inherit the model theme.utils for adding new header file""" |
|||
_inherit = 'theme.utils' |
|||
|
|||
def _theme_chef_post_copy(self): |
|||
"""For viewing default header""" |
|||
self.enable_view('theme_the_chef.template_header_default_inherited') |
|||
self.disable_view('website.template_header_default') |
@ -0,0 +1,53 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-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/>. |
|||
# |
|||
############################################################################# |
|||
from odoo import api, fields, models |
|||
|
|||
|
|||
class WebsiteBookings(models.Model): |
|||
"""Model for storing the bookings details from the website""" |
|||
_name = 'website.bookings' |
|||
_description = 'Website Bookings' |
|||
|
|||
booking = fields.Char(string='Booking Id', copy=False, |
|||
readonly=True, |
|||
default=lambda self: 'New', |
|||
help="Sequence for the booking orders", ) |
|||
name = fields.Char(string='Name', help="Name of the reserved person") |
|||
email = fields.Char(string='Email', help="Email of the reserved person") |
|||
phone = fields.Char(string='Phone', |
|||
help="Contact number of the reserved person") |
|||
date = fields.Date(string='Date', help="Reservation date") |
|||
time = fields.Float(string="Time", help="Reservation time") |
|||
persons = fields.Integer(string='Person', |
|||
help="Number of persons for the reservation") |
|||
notes = fields.Text(string='Notes', help="Add the extra information") |
|||
|
|||
@api.model_create_multi |
|||
def create(self, vals_list): |
|||
"""Function for generating sequence for the records""" |
|||
for vals in vals_list: |
|||
if vals.get('booking', 'New') == 'New': |
|||
vals['booking'] = self.env['ir.sequence'].next_by_code( |
|||
'website.bookings') or 'New' |
|||
return super(WebsiteBookings,self).create(vals) |
|||
|
|||
|
|
After Width: | Height: | Size: 243 KiB |
After Width: | Height: | Size: 6.6 KiB |
After Width: | Height: | Size: 480 KiB |
After Width: | Height: | Size: 290 KiB |
After Width: | Height: | Size: 551 KiB |
After Width: | Height: | Size: 308 KiB |
After Width: | Height: | Size: 360 KiB |
After Width: | Height: | Size: 240 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 243 KiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 390 KiB |
After Width: | Height: | Size: 299 KiB |
After Width: | Height: | Size: 322 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 458 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 581 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 929 B |
After Width: | Height: | Size: 23 KiB |
After Width: | Height: | Size: 737 KiB |
After Width: | Height: | Size: 116 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 151 KiB |
After Width: | Height: | Size: 103 KiB |
After Width: | Height: | Size: 198 KiB |
After Width: | Height: | Size: 331 KiB |
After Width: | Height: | Size: 258 KiB |
After Width: | Height: | Size: 368 KiB |
After Width: | Height: | Size: 189 KiB |
After Width: | Height: | Size: 179 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 885 B |
@ -0,0 +1,672 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>app index</title> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" /> |
|||
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" |
|||
rel="stylesheet"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" /> |
|||
<style> |
|||
:root { |
|||
--primary-color: #F5C000; |
|||
--bg-white: #fff; |
|||
--text-color: #121212; |
|||
--text-color-light: #64728f; |
|||
} |
|||
|
|||
body { |
|||
font-family: "Montserrat", sans-serif; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- overview --> |
|||
<div class="container"> |
|||
|
|||
<!-- support-header --> |
|||
|
|||
<div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;"> |
|||
<div class="row justify-content-between"> |
|||
<div class="col-4"> |
|||
<div class="my-3"> |
|||
<img src="//apps.odoocdn.com/apps/assets/17.0/theme_boec/images/Cybrosys.png?fcdde35" |
|||
style="width:auto !important; height:40px !important"> |
|||
</div> |
|||
</div> |
|||
<div class="col-6"> |
|||
<div class="row" style="margin-top:10px"> |
|||
|
|||
<div class="my-3 d-flex align-items-center justify-content-end"> |
|||
<span class="me-3"><b>Supports: </b></span> |
|||
<div class="text-center" |
|||
style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
|||
Community |
|||
</div> |
|||
<div class="text-center" |
|||
style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
|||
Enterprise |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row" style="margin-top:10px"> |
|||
<div class="d-flex align-items-center justify-content-end"> |
|||
<span class="me-3"><b>Availability: </b></span> |
|||
<div class="text-center col" |
|||
style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
|||
<i class="fa fa-times" style="color:red"></i> Odoo Online |
|||
</div> |
|||
<div class="text-center col" |
|||
style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
|||
<i class="fa fa-check" style="color:green"></i> Odoo.sh |
|||
</div> |
|||
<div class="text-center col" |
|||
style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
|||
<i class="fa fa-check" style="color:green"></i> On Premise |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
<!-- banner-section --> |
|||
<div class="my-5"> |
|||
<div class=""> |
|||
<img src="./img/banner.jpg" class="img-fluid" style="border-radius: 16px; width: 100%;"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
|
|||
|
|||
<!--feature section --> |
|||
|
|||
<div class="my-5" style="padding: 100px; background-color: #f1f5fd; border-radius: 16px;"> |
|||
<div class="container"> |
|||
<div class="row mb-60"> |
|||
<div class="col-lg-12 d-flex justify-content-center align-items-center flex-wrap gap-3"> |
|||
<div class="position-relative" ; style=" |
|||
text-align: center; |
|||
font-size: 46.875px; |
|||
font-style: normal; |
|||
padding-bottom: 40px; "> |
|||
<h2 style="font-weight: 600;">Our Features</h2> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row g-4"> |
|||
<div class="col-lg-4 col-md-6" style="visibility: visible;"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Custom Designed Snippets for better user experience</a></h4> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff; height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;"> Hot sales, New arrival and Deal of the week |
|||
. |
|||
</a></h4> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff; height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;"> Fully Responsive Theme with a Premium Design</a></h4> |
|||
</div> |
|||
|
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;"> Contains Attractive Menu List Options by Default</a></h4> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;"> A Clean layout and New Font Style</a></h4> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;"> Contains Reservation Options by Default</a></h4> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
<section class="container my-5"> |
|||
<div class="row"> |
|||
<div class="col-md-12"> |
|||
<ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs" |
|||
style="border:none; background-color:unset; margin:0 auto"> |
|||
</ul> |
|||
</div> |
|||
<div class="col-md-12 tab-content ui-front" |
|||
style="border-radius:20px;border: 1px solid #D6E0FF; height:auto;padding: 20px;"> |
|||
|
|||
|
|||
|
|||
<div class="tab-pane active show fade" id="Features" role="tabpanel" aria-labelledby="features-1"> |
|||
<section class=""> |
|||
<section class="mt-5"> |
|||
<h2 class="pb-5" style="font-weight: 700; text-align: center;">Theme Features</h2> |
|||
<div class="row" style="margin-bottom: 24px;"> |
|||
<div class="col-md-8"> |
|||
<div style="border-radius: 10px; padding: 32px; |
|||
background-color: #303030; |
|||
-webkit-backdrop-filter: blur(5px); |
|||
backdrop-filter: blur(5px); height: 100%;"> |
|||
<div class="info"> |
|||
<span class="label" style="font-size: 12px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: 32px; |
|||
color: #f14848; |
|||
margin-bottom: 13px; |
|||
text-transform: uppercase;">HIGHLIGHT</span> |
|||
<h3 class="text-white" style=" color: #fff; |
|||
font-size: 24px; |
|||
font-weight: 500; |
|||
line-height: 32px; |
|||
margin-bottom: 9px;">Mobile View</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">User-friendly and modern looking theme makes your page more Stylish And Beautiful.</p> |
|||
|
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./img/phone-screenshots.jpg" alt="Grid item" class="img-fluid"> |
|||
</div> |
|||
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|||
aria-label="Url link label"><span></span></a> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
<div class="col-md-4"> |
|||
<div style="border-radius: 10px; padding: 32px; |
|||
background-color: #303030; |
|||
-webkit-backdrop-filter: blur(5px); |
|||
backdrop-filter: blur(5px); height: 100%;"> |
|||
<div class="info"> |
|||
<span class="label" style="font-size: 12px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: 32px; |
|||
color: #f14848; |
|||
margin-bottom: 13px; |
|||
text-transform: uppercase;">HIGHLIGHT</span> |
|||
<h3 class="text-white" style=" color: #fff; |
|||
font-size: 24px; |
|||
font-weight: 500; |
|||
line-height: 32px; |
|||
margin-bottom: 9px;">Desktop View</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages.</p> |
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./img/laptop-screenshots.jpg" alt="Grid item" class="img-fluid"> |
|||
</div> |
|||
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|||
aria-label="Url link label"><span></span></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
|
|||
<!--row-2 --> |
|||
|
|||
<div class="row" style="margin-bottom: 24px;"> |
|||
<div class="col-md-6"> |
|||
<div style="border-radius: 10px; padding: 32px; |
|||
background-color: rgba(48, 48, 48, 1); |
|||
-webkit-backdrop-filter: blur(5px); |
|||
backdrop-filter: blur(5px); height: 100%;"> |
|||
<div class="info"> |
|||
<span class="label" style="font-size: 12px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: 32px; |
|||
color: #f14848; |
|||
margin-bottom: 13px; |
|||
text-transform: uppercase;">HIGHLIGHT</span> |
|||
<h3 class="text-white" style=" color: #fff; |
|||
font-size: 24px; |
|||
font-weight: 500; |
|||
line-height: 32px; |
|||
margin-bottom: 9px;">Home Page</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">Theme The Chef is an attractive and modern eCommerce Website theme. Effortlessly craft your unique layout by simply dragging and dropping the building blocks you desire. Elevate your restaurant's online presence with The Chef theme, creating the perfect ambiance for your virtual storefront. |
|||
|
|||
.</p> |
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./img/hero.png" alt="Grid item" class="img-fluid"> |
|||
</div> |
|||
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|||
aria-label="Url link label"><span></span></a> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
<div class="col-md-6"> |
|||
<div style="border-radius: 10px; padding: 32px; |
|||
background-color: rgba(48, 48, 48, 1); |
|||
-webkit-backdrop-filter: blur(5px); |
|||
backdrop-filter: blur(5px); height: 100%;"> |
|||
<div class="info"> |
|||
<span class="label" style="font-size: 12px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: 32px; |
|||
color: #f14848; |
|||
margin-bottom: 13px; |
|||
text-transform: uppercase;">HIGHLIGHT</span> |
|||
<h3 class="text-white" style=" color: #fff; |
|||
font-size: 24px; |
|||
font-weight: 500; |
|||
line-height: 32px; |
|||
margin-bottom: 9px;">Special Dishes</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">Special Dishes is the snippets that are useful for the showing the special item.</p> |
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./img/5.jpg" alt="Grid item" class="img-fluid"> |
|||
</div> |
|||
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|||
aria-label="Url link label"><span></span></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
|
|||
<!--row-3 --> |
|||
|
|||
<div class="row" style="margin-bottom: 20px;"> |
|||
<div class="col-md-4"> |
|||
<div style="border-radius: 10px; padding: 32px; |
|||
background-color: rgba(48, 48, 48, 1); |
|||
-webkit-backdrop-filter: blur(5px); |
|||
backdrop-filter: blur(5px); height: 100%;"> |
|||
<div class="info"> |
|||
<span class="label" style="font-size: 12px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: 32px; |
|||
color: #f14848; |
|||
margin-bottom: 13px; |
|||
text-transform: uppercase;">HIGHLIGHT</span> |
|||
<h3 class="text-white" style=" color: #fff; |
|||
font-size: 24px; |
|||
font-weight: 500; |
|||
line-height: 32px; |
|||
margin-bottom: 9px;">Our Menu</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. Menu snippet have shows the complete menu for the restaurant. |
|||
|
|||
</p> |
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./img/6.jpg" alt="Grid item" class="img-fluid"> |
|||
</div> |
|||
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|||
aria-label="Url link label"><span></span></a> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
<div class="col-md-8"> |
|||
<div style="border-radius: 10px; padding: 32px; |
|||
background-color: rgba(48, 48, 48, 1); |
|||
-webkit-backdrop-filter: blur(5px); |
|||
backdrop-filter: blur(5px); height: 100%;"> |
|||
<div class="info"> |
|||
<span class="label" style="font-size: 12px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: 32px; |
|||
color: #f14848; |
|||
margin-bottom: 13px; |
|||
text-transform: uppercase;">HIGHLIGHT</span> |
|||
<h3 class="text-white" style=" color: #fff; |
|||
font-size: 24px; |
|||
font-weight: 500; |
|||
line-height: 32px; |
|||
margin-bottom: 9px;">Reservation</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">Reservation snippet is helpful for reserving the Dining space for the customers. We can make reservations and store each details in database</p> |
|||
|
|||
</div> |
|||
<div class=" mt-5" style="--aspect-ratioapt: 872/443;"> |
|||
<img src="./img/2.jpg" alt="Grid item" class="img-fluid"> |
|||
</div> |
|||
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|||
aria-label="Url link label"><span></span></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
</section> |
|||
</section> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
|
|||
</section> |
|||
|
|||
<!--sections --> |
|||
|
|||
|
|||
|
|||
<!-- section content --> |
|||
|
|||
<section class="mb-5" |
|||
style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;"> |
|||
<div class="row d-flex align-items-center"> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div style="padding: 20px;"> |
|||
<h4 class="" style="font-size: 46px;"> |
|||
<span style="color: #212121; |
|||
font-weight: 700; |
|||
display: inline-block; |
|||
width: 100%;">Fully Responsive </span><br> |
|||
<span style="color: #212121; |
|||
font-weight: 700; |
|||
display: inline-block; |
|||
width: 100%;">Layout.</span> |
|||
</h4> |
|||
|
|||
<div class="mt-4"> |
|||
<p style="color: #444; font-size: 16px; |
|||
font-weight: 400; |
|||
line-height: 1.5;">Our design are now fully responsive, enabling you to view and manage everything from the comfort of your mobile device. Everything has been designed in a meticulous fashion so that every view snaps itself to fit the size of the device you are using, be it smartphones, tablet or any other portables, our theme adjusts itself to fit the screen size. |
|||
|
|||
.</p> |
|||
<ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4"> |
|||
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
|||
style="width: 24px;"><span style=" color: #444; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 32px;">Fully responsive</span></li> |
|||
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
|||
style="width: 24px;"><span style=" color: #444; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 32px;">Fits perfectly to all screen sizes</span></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div> |
|||
<div> |
|||
<img class="img-fluid" src="./img/phone-screenshots.jpg" style=" |
|||
border-radius: 20px; |
|||
"> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- --> |
|||
|
|||
<!-- --> |
|||
|
|||
|
|||
|
|||
<div class="my-5"> |
|||
<!-- banner card --> |
|||
|
|||
|
|||
|
|||
<!-- service-section --> |
|||
|
|||
<section id="services" class="mt-5" style="border-radius: 16px; |
|||
border: 1px solid #EBEEF2; |
|||
background-color: #FFF; |
|||
padding: 60px 40px; |
|||
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);"> |
|||
<div class="text-center mt-4"> |
|||
<h3 class="mb-0" style="color: #000; |
|||
text-align: center; |
|||
font-family: Montserrat; |
|||
font-size: 40px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: normal; |
|||
text-transform: uppercase; |
|||
padding-bottom: 50px;">Our Services</h3> |
|||
</div> |
|||
<div class="row mt-3"> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/gear.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;"> Odoo Customization</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#FF947A; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/wrench-icon.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;"> Odoo Implementation</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#3CD856; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/life-ring-icon.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Support</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/arrows-repeat.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Migration</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo integration</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#69CC70; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/odoo-consultancy.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Consultancy</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#2E4556; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/odoo-licencing.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Licensing</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/hire-odoo.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Hire Odoo Developer</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- --> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
|||
|
|||
</html> |
After Width: | Height: | Size: 724 KiB |
@ -0,0 +1,150 @@ |
|||
/** |
|||
* 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:block; |
|||
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,46 @@ |
|||
/** |
|||
* 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 |
|||
} |
@ -0,0 +1,2 @@ |
|||
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Satisfy&display=swap'); |
|||
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap'); |
After Width: | Height: | Size: 80 KiB |
After Width: | Height: | Size: 49 KiB |
After Width: | Height: | Size: 43 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,109 @@ |
|||
/** @odoo-module **/ |
|||
import { renderToElement } from "@web/core/utils/render"; |
|||
import { rpc } from "@web/core/network/rpc"; |
|||
import publicWidget from "@web/legacy/js/public/public_widget"; |
|||
|
|||
publicWidget.registry.banner = publicWidget.Widget.extend({ |
|||
selector: '.banner_section_body', |
|||
|
|||
async willStart() { |
|||
this.$target.empty().html(renderToElement('theme_the_chef.banner_data')) |
|||
}, |
|||
start() { |
|||
this.onSlider(); |
|||
}, |
|||
|
|||
// Slider1 Function
|
|||
onSlider() { |
|||
// Initialize the first slider
|
|||
this.$("#slider").owlCarousel({ |
|||
items: 1, |
|||
loop: true, |
|||
margin: 30, |
|||
stagePadding: 30, |
|||
smartSpeed: 450, |
|||
autoplay: true, |
|||
autoPlaySpeed: 1000, |
|||
autoPlayTimeout: 1000, |
|||
autoplayHoverPause: true, |
|||
dots: false, |
|||
nav: false, |
|||
navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'] |
|||
}); |
|||
|
|||
// Counter function for the second slider
|
|||
const counter = () => { |
|||
this.$el.find('.owl-dots button').each((index, item) => { |
|||
$(item).find('span').text(index + 1); |
|||
}); |
|||
}; |
|||
|
|||
// Initialize the second slider
|
|||
this.$("#slider2").owlCarousel({ |
|||
items: 1, |
|||
loop: true, |
|||
smartSpeed: 450, |
|||
autoplay: true, |
|||
autoPlaySpeed: 1000, |
|||
autoPlayTimeout: 1000, |
|||
autoplayHoverPause: true, |
|||
onInitialized: counter, |
|||
dots: true, |
|||
}); |
|||
|
|||
// Time Change Function
|
|||
const inputEle = document.getElementById('timeInput'); |
|||
if (inputEle) { |
|||
inputEle.addEventListener('change', () => { |
|||
const timeSplit = inputEle.value.split(':'); |
|||
let hours = parseInt(timeSplit[0], 10); |
|||
const minutes = timeSplit[1]; |
|||
let meridian; |
|||
|
|||
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}`); |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
publicWidget.registry.WebsiteNewsletter = publicWidget.Widget.extend({ |
|||
selector: '#wrapwrap', |
|||
events: { |
|||
'click .subscribe-btn': 'onClickSubscribe', |
|||
}, |
|||
async onClickSubscribe(ev) { |
|||
// Function for subscribe newsletter.
|
|||
const $button = $(ev.currentTarget); |
|||
const $input = $(ev.currentTarget.parentElement).find('input'); |
|||
this.$el.removeClass('o_has_error').find('.form-control').removeClass('is-invalid'); |
|||
if ($input.val().match(/.+@.+/)) { |
|||
let data = await rpc('/subscribe_newsletter', { |
|||
email: $input.val() |
|||
}); |
|||
if (data) { |
|||
$(ev.currentTarget.parentElement.parentElement).find('.warning').hide(); |
|||
$input.css('pointer-events', 'none'); |
|||
$button.css('background-color', 'green !important'); |
|||
$button.text("THANKS"); |
|||
} else { |
|||
$(ev.currentTarget.parentElement.parentElement).find('.warning').text("Already subscribed to the newsletter."); |
|||
$(ev.currentTarget.parentElement.parentElement).find('.warning').show(); |
|||
} |
|||
} else { |
|||
this.$el.addClass('o_has_error').find('.form-control').addClass('is-invalid'); |
|||
$(ev.currentTarget.parentElement.parentElement).find('.warning').text("Enter a valid email."); |
|||
$(ev.currentTarget.parentElement.parentElement).find('.warning').show(); |
|||
} |
|||
}, |
|||
}) |
@ -0,0 +1,22 @@ |
|||
/** @odoo-module **/ |
|||
// Date Selection
|
|||
import publicWidget from "@web/legacy/js/public/public_widget"; |
|||
|
|||
const DateSelection = publicWidget.Widget.extend({ |
|||
selector: '.booking', |
|||
|
|||
start() { |
|||
this._onClick(); |
|||
}, |
|||
|
|||
_onClick() { |
|||
const datePicker = this.$el.find('#date-picker'); |
|||
if (datePicker.length) { |
|||
datePicker[0].min = new Date().toISOString().split("T")[0]; |
|||
} |
|||
}, |
|||
}); |
|||
|
|||
publicWidget.registry.booking = DateSelection; |
|||
export default DateSelection; |
|||
|
@ -0,0 +1,65 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<!--product tab content template--> |
|||
<templates xml:space="preserve"> |
|||
<t t-name="theme_the_chef.banner_data"> |
|||
<section class="banner" style="padding-top: 20px;"> |
|||
<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> |
|||
</t> |
|||
</templates> |
@ -0,0 +1,76 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<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,14 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="banner" name="Banner"> |
|||
<section class="banner_section_body"> |
|||
<div class="container"> |
|||
<div class="alert alert-info"> |
|||
<h4>Your Banner Tab snippet will be displayed here... |
|||
Please save to view the snippet |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</template> |
|||
</odoo> |
@ -0,0 +1,91 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<template id="branches" name="Branches"> |
|||
<section class="main_body"> |
|||
<!-- location --> |
|||
<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,50 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<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> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- Section testimonial ends here --> |
|||
</section> |
|||
</template> |
|||
</odoo> |
@ -0,0 +1,253 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<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,109 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<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> |
|||
Booking |
|||
</h3> |
|||
</div> |
|||
<form action="/book_now" |
|||
class="o_mark_required" data-mark="*"> |
|||
<div class="row"> |
|||
<div class="col-12"> |
|||
<div class="form-group"> |
|||
<input type="text" |
|||
name="name" |
|||
class="form-control" |
|||
id="usr" |
|||
placeholder="Name" |
|||
required="1"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-12"> |
|||
<div class="form-group"> |
|||
<input type="email" |
|||
name="email" |
|||
class="form-control" |
|||
id="usr" |
|||
placeholder="Email"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-12"> |
|||
<div class="form-group"> |
|||
<input type="number" |
|||
name="phone" |
|||
class="form-control" |
|||
id="usr" |
|||
placeholder="Phone" |
|||
required="1"/> |
|||
</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" |
|||
name="date" |
|||
class="form-control" |
|||
id="date-picker" |
|||
required="=1"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6 col-md-6 col-12"> |
|||
<div class="input-group time form-group"> |
|||
<input type="time" |
|||
name="time" |
|||
class="form-control" |
|||
id="timeInput" |
|||
t-on-change="onTimeChange" |
|||
required="1"/> |
|||
</div> |
|||
</div> |
|||
<div class="col-12"> |
|||
<div class="form-group"> |
|||
<select name="persons" |
|||
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="notes" id="" |
|||
cols="" rows="10" |
|||
style="width: 100%;"/> |
|||
</div> |
|||
</div> |
|||
<button type="submit" |
|||
class="btn btn-booking">Book |
|||
Now |
|||
</button> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</section> |
|||
</template> |
|||
</odoo> |
@ -0,0 +1,93 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<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,52 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<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,107 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<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 Team |
|||
</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> |