diff --git a/theme_coffee_shop/README.rst b/theme_coffee_shop/README.rst new file mode 100644 index 000000000..e27dcf528 --- /dev/null +++ b/theme_coffee_shop/README.rst @@ -0,0 +1,37 @@ +.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg + :target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html + :alt: License: LGPL-3 + +Theme Coffee Shop +================= +This is a theme for Coffee Shop. + +Company +------- +* `Cybrosys Techno Solutions `__ + +Credits +------- +Developer: Ayisha Sumayya K and Abbas P @cybrosys, Contact: odoo@cybrosys.com + +Contacts +-------- +* Mail Contact : odoo@cybrosys.com +* Website : https://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 `Our Website `__ + +Further information +=================== +HTML Description: ``__ diff --git a/theme_coffee_shop/__init__.py b/theme_coffee_shop/__init__.py new file mode 100644 index 000000000..c6c85e084 --- /dev/null +++ b/theme_coffee_shop/__init__.py @@ -0,0 +1,24 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author: Ayisha Sumayya K (odoo@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 . +# +############################################################################# + +from . import models +from . import controllers diff --git a/theme_coffee_shop/__manifest__.py b/theme_coffee_shop/__manifest__.py new file mode 100644 index 000000000..e736f786a --- /dev/null +++ b/theme_coffee_shop/__manifest__.py @@ -0,0 +1,65 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author: Ayisha Sumayya K(odoo@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 . +# +############################################################################# +{ + 'name': 'Coffee Shop', + 'description': 'Theme Coffee Shop', + 'summary': 'Theme Coffee Shop', + 'version': '16.0.1.0.0', + 'author': 'Cybrosys Techno Solutions', + 'company': 'Cybrosys Techno Solutions', + 'website': 'https://www.cybrosys.com', + 'maintainer': 'Cybrosys Techno Solutions', + 'category': 'Theme/Creative', + 'depends': ['website_sale', 'website_sale_wishlist','auth_oauth', ], + 'data': [ + 'data/menu.xml', + 'views/header.xml', + 'views/login.xml', + 'views/footer.xml', + 'views/contact_us.xml', + 'views/cart.xml', + 'views/cart_lines.xml', + 'views/cart_popover.xml', + 'views/cart_summary.xml', + 'views/payment.xml', + 'views/payment_summary.xml', + 'views/product.xml', + 'views/address.xml', + 'views/shop.xml', + 'views/about_us.xml', + 'views/feature.xml', + 'views/menu_page.xml', + ], + 'assets': { + 'web.assets_frontend': [ + 'theme_coffee_shop/static/src/css/style.css', + 'theme_coffee_shop/static/src/js/action.js', + ], + }, + 'images': ['static/description/banner.png', + 'static/src/images/thumbnail/theme_coffee.jpeg', ], + 'license': 'LGPL-3', + 'auto_install': False, + 'installable': True, + 'application': False +} + diff --git a/theme_coffee_shop/controllers/__init__.py b/theme_coffee_shop/controllers/__init__.py new file mode 100644 index 000000000..64f9dc9db --- /dev/null +++ b/theme_coffee_shop/controllers/__init__.py @@ -0,0 +1,23 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author: Ayisha Sumayya K (odoo@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 . +# +############################################################################# + +from . import menu_page diff --git a/theme_coffee_shop/controllers/menu_page.py b/theme_coffee_shop/controllers/menu_page.py new file mode 100644 index 000000000..fd88698fd --- /dev/null +++ b/theme_coffee_shop/controllers/menu_page.py @@ -0,0 +1,385 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author: Ayisha Sumayya K (odoo@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 . +# +############################################################################# + +from collections import defaultdict +from itertools import product as cartesian_product +from datetime import datetime +from werkzeug.exceptions import NotFound + +from odoo import fields, http, tools, _ +from odoo.http import request +from odoo.addons.http_routing.models.ir_http import slug +from odoo.addons.website.controllers.main import QueryURL +from odoo.addons.website.models.ir_http import sitemap_qs2dom + +from odoo.osv import expression +from odoo.tools import lazy + + +class TableComputeCoffee(object): + """ Compute data related to coffee shop theme """ + + def __init__(self): + self.table = {} + + def _check_place(self, posx, posy, sizex, sizey, ppr): + res = True + for yaxix in range(sizey): + for xaxix in range(sizex): + if posx + xaxix >= ppr: + res = False + break + row = self.table.setdefault(posy + yaxix, {}) + if row.setdefault(posx + xaxix) is not None: + res = False + break + for x in range(ppr): + self.table[posy + yaxix].setdefault(xaxix, None) + return res + + def process(self, products, ppg=20, ppr=4): + """Compute products positions on the grid""" + minpos = 0 + index = 0 + maxy = 0 + rec = 0 + for pdct in products: + rec = min(max(pdct.website_size_x, 1), ppr) + res = min(max(pdct.website_size_y, 1), ppr) + if index >= ppg: + rec = res = 1 + + pos = minpos + while not self._check_place(pos % ppr, pos // ppr, rec, res, ppr): + pos += 1 + if index >= ppg and ((pos + 1.0) // ppr) > maxy: + break + + if rec == 1 and res == 1: + minpos = pos // ppr + + for y2 in range(res): + for x2 in range(rec): + self.table[(pos // ppr) + y2][(pos % ppr) + x2] = False + self.table[pos // ppr][pos % ppr] = { + 'product': pdct, 'x': rec, 'y': res, + 'ribbon': pdct._get_website_ribbon(), + } + if index <= ppg: + maxy = max(maxy, res + (pos // ppr)) + index += 1 + + rows = sorted(self.table.items()) + rows = [r[1] for r in rows] + for col in range(len(rows)): + cols = sorted(rows[col].items()) + rec += len(cols) + rows[col] = [r[1] for r in cols if r[1]] + + return rows + + +class ThemeCoffeeMenu(http.Controller): + """ controller for rendering datas to menu page """ + + def _get_search_order(self, post): + """ OrderBy will be parsed in orm and so no direct sql injection id is + added to be sure that order is a unique sort key + """ + order = post.get('order') or \ + request.env['website'].get_current_website().shop_default_sort + return 'is_published desc, %s, id desc' % order + + def _get_search_domain(self, search, category, attrib_values, + search_in_description=True): + domains = [request.website.sale_product_domain()] + if search: + for srch in search.split(" "): + subdomains = [ + [('name', 'ilike', srch)], + [('product_variant_ids.default_code', 'ilike', srch)] + ] + if search_in_description: + subdomains.append([('website_description', 'ilike', srch)]) + subdomains.append([('description_sale', 'ilike', srch)]) + domains.append(expression.OR(subdomains)) + + if category: + domains.append([('public_categ_ids', 'child_of', int(category))]) + + if attrib_values: + attrib = None + ids = [] + for value in attrib_values: + if not attrib: + attrib = value[0] + ids.append(value[1]) + elif value[0] == attrib: + ids.append(value[1]) + else: + domains.append([('attribute_line_ids.value_ids', 'in', ids)]) + attrib = value[0] + ids = [value[1]] + if attrib: + domains.append([('attribute_line_ids.value_ids', 'in', ids)]) + + return expression.AND(domains) + + def sitemap_shop(env, rule, qs): + if not qs or qs.lower() in '/menu': + yield {'loc': '/menu'} + + Category = env['product.public.category'] + dom = sitemap_qs2dom(qs, '/menu/category', Category._rec_name) + dom += env['website'].get_current_website().website_domain() + for cat in Category.search(dom): + loc = '/menu/category/%s' % slug(cat) + if not qs or qs.lower() in loc: + yield {'loc': loc} + + def _get_search_options( + self, category=None, attrib_values=None, pricelist=None, **post): + return { + 'displayDescription': True, + 'displayDetail': True, + 'displayExtraDetail': True, + 'displayExtraLink': True, + 'displayImage': True, + 'allowFuzzy': not post.get('noFuzzy'), + 'category': str(category.id) if category else None, + 'attrib_values': attrib_values, + 'display_currency': pricelist.currency_id, + } + + def _shop_lookup_products(self, attrib_set, options, post, search, website): + """ No limit because attributes are obtained from complete + product list""" + + product_count, details, fuzzy_search_term = website._search_with_fuzzy( + "products_only", search, limit=None, + order=self._get_search_order(post), options=options + ) + search_result = details[0].get( + 'results', request.env['product.template'] + ).with_context(bin_size=True) + if attrib_set: + attribute_values = request.env['product.attribute.value'].browse(attrib_set) + values_per_attribute = defaultdict( + lambda: request.env['product.attribute.value']) + + multi_value_attribute = False + for value in attribute_values: + values_per_attribute[value.attribute_id] |= value + if len(values_per_attribute[value.attribute_id]) > 1: + multi_value_attribute = True + + def filter_template(template, attribute_values_list): + """Transform product.attribute.value to + product.template.attribute.value """ + attribute_value_to_ptav = dict() + for ptav in template.attribute_line_ids.product_template_value_ids: + attribute_value_to_ptav[ptav.product_attribute_value_id] = ptav.id + possible_combinations = False + for attribute_values in attribute_values_list: + ptavs = request.env['product.template.attribute.value'].browse( + [attribute_value_to_ptav[val] + for val in attribute_values + if val in attribute_value_to_ptav] + ) + if len(ptavs) < len(attribute_values): + continue + if len(ptavs) == len(template.attribute_line_ids): + if template._is_combination_possible(ptavs): + return True + elif len(ptavs) < len(template.attribute_line_ids): + if len(attribute_values_list) == 1: + if any(template._get_possible_combinations( + necessary_values=ptavs)): + return True + if not possible_combinations: + possible_combinations = template._get_possible_combinations() + if any(len(ptavs & combination) == len(ptavs) + for combination in possible_combinations): + return True + return False + + if not multi_value_attribute: + possible_attrib_values_list = [attribute_values] + else: + possible_attrib_values_list = [ + request.env['product.attribute.value'].browse( + [v.id for v in values]) for values in cartesian_product( + *values_per_attribute.values()) + ] + + search_result = search_result.filtered( + lambda tmpl: filter_template(tmpl, possible_attrib_values_list) + ) + return fuzzy_search_term, product_count, search_result + + def _menu_get_query_url_kwargs(self, category, search, attrib=None, + order=None, **post): + return { + 'category': category, + 'search': search, + 'attrib': attrib, + 'order': order, + } + + def _get_additional_shop_values(self, values): + """ Hook to update values used for rendering website_sale.products template """ + return {} + + @http.route([ + '/menu', + '/menu/page/', + '/menu/category/', + '/menu/category//page/', + ], type='http', auth="public", website=True, sitemap=sitemap_shop) + def menu_page(self, page=0, category=None, search='', + min_price=0.0, max_price=0.0, ppg=False, **post): + add_qty = int(post.get('add_qty', 1)) + + Category = request.env['product.public.category'] + if category: + category = Category.search([('id', '=', int(category))], limit=1) + if not category or not category.can_access_from_current_website(): + raise NotFound() + else: + category = Category + + website = request.env['website'].get_current_website() + if ppg: + try: + ppg = int(ppg) + post['ppg'] = ppg + except ValueError: + ppg = False + if not ppg: + ppg = website.shop_ppg or 20 + + ppr = website.shop_ppr or 4 + + attrib_list = request.httprequest.args.getlist('attrib') + attrib_values = [[int(x) for x in v.split("-")] + for v in attrib_list if v + ] + attributes_ids = {v[0] for v in attrib_values} + attrib_set = {v[1] for v in attrib_values} + + keep = QueryURL('/menu', **self._menu_get_query_url_kwargs(category + and int(category), search, min_price, max_price, **post)) + + now = datetime.timestamp(datetime.now()) + pricelist = request.env['product.pricelist'].\ + browse(request.session.get('website_sale_current_pl')) + if not pricelist or request.session.\ + get('website_sale_pricelist_time', 0) < now - 60*60: + pricelist = website.get_current_pricelist() + request.session['website_sale_pricelist_time'] = now + request.session['website_sale_current_pl'] = pricelist.id + + request.update_context(pricelist=pricelist.id, + partner=request.env.user.partner_id) + + url = "/menu" + if search: + post["search"] = search + if attrib_list: + post['attrib'] = attrib_list + + options = self._get_search_options( + category=category, + attrib_values=attrib_values, + pricelist=pricelist, + **post + ) + fuzzy_search_term, product_count, search_product = \ + self._shop_lookup_products(attrib_set, options, post, search, website) + + website_domain = website.website_domain() + categs_domain = [('parent_id', '=', False)] + website_domain + + if search: + search_categories = Category.search( + [('product_tmpl_ids', 'in', search_product.ids)] + website_domain + ).parents_and_self + categs_domain.append(('id', 'in', search_categories.ids)) + else: + search_categories = Category + categs = lazy(lambda: Category.search(categs_domain)) + + if category: + url = "/menu/category/%s" % slug(category) + + pager = website.pager(url=url, total=product_count, page=page, + step=ppg, scope=7, url_args=post) + offset = pager['offset'] + products = search_product[offset:offset + ppg] + + ProductAttribute = request.env['product.attribute'] + if products: + attributes = lazy(lambda: ProductAttribute.search([ + ('product_tmpl_ids', 'in', search_product.ids), + ('visibility', '=', 'visible'), + ])) + else: + attributes = lazy(lambda: ProductAttribute.browse(attributes_ids)) + + layout_mode = request.session.get('website_sale_shop_layout_mode') + if not layout_mode: + if website.viewref('website_sale.products_list_view').active: + layout_mode = 'list' + else: + layout_mode = 'grid' + request.session['website_sale_shop_layout_mode'] = layout_mode + + products_prices = lazy(lambda: products._get_sales_prices(pricelist)) + + values = { + 'order': post.get('order', ''), + 'category': category, + 'attrib_values': attrib_values, + 'attrib_set': attrib_set, + 'pager': pager, + 'pricelist': pricelist, + 'add_qty': add_qty, + 'products': products, + 'search_product': search_product, + 'search_count': product_count, + 'bins': lazy(lambda: TableComputeCoffee().process(products, ppg, ppr)), + 'ppg': ppg, + 'ppr': ppr, + 'categories': categs, + 'attributes': attributes, + 'keep': keep, + 'search_categories_ids': search_categories.ids, + 'products_prices': products_prices, + 'get_product_prices': lambda product: lazy( + lambda: products_prices[product.id] + ), + 'float_round': tools.float_round, + } + if category: + values['main_object'] = category + values.update(self._get_additional_shop_values(values)) + return request.render("theme_coffee_shop.coffee_menu", values) diff --git a/theme_coffee_shop/data/menu.xml b/theme_coffee_shop/data/menu.xml new file mode 100644 index 000000000..a17acc575 --- /dev/null +++ b/theme_coffee_shop/data/menu.xml @@ -0,0 +1,27 @@ + + + + + About us + /about + + 30 + + + + Features + /feature + + 35 + + + + Menu + /menu + + 15 + + + + + \ No newline at end of file diff --git a/theme_coffee_shop/doc/RELEASE_NOTES.md b/theme_coffee_shop/doc/RELEASE_NOTES.md new file mode 100644 index 000000000..1d7156faf --- /dev/null +++ b/theme_coffee_shop/doc/RELEASE_NOTES.md @@ -0,0 +1,7 @@ +## Module + +#### 21.02.2023 +#### Version 16.0.1.0.0 +#### ADD + +- Initial commit for Theme Coffee Shop diff --git a/theme_coffee_shop/models/__init__.py b/theme_coffee_shop/models/__init__.py new file mode 100644 index 000000000..83a65fdeb --- /dev/null +++ b/theme_coffee_shop/models/__init__.py @@ -0,0 +1,22 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author: Ayisha Sumayya K (odoo@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 . +# +############################################################################# +from . import main diff --git a/theme_coffee_shop/models/main.py b/theme_coffee_shop/models/main.py new file mode 100644 index 000000000..49c884f2f --- /dev/null +++ b/theme_coffee_shop/models/main.py @@ -0,0 +1,43 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2023-TODAY Cybrosys Technologies() +# Author: Ayisha Sumayya K (odoo@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 . +# +############################################################################# +from odoo import models, api, fields + + +class ThemeCoffee(models.AbstractModel): + """ class for enable and disable templates when using coffee shop theme """ + _inherit = 'theme.utils' + + @api.model + def _theme_coffee_shop_post_copy(self, mod): + """ enable and disable templates when using coffee shop theme """ + + self.enable_view("website_sale.products_categories") + self.enable_view("website_sale.products_description") + self.enable_view("website_sale.products_design_card") + self.enable_view("website_sale.products_add_to_cart") + self.enable_view("website_sale.product_comment") + self.enable_view("website_sale.option_collapse_products_categories") + self.enable_view("website_sale.product_buy_now") + + self.disable_view("website_sale.products_categories_top") + self.disable_view("website_sale.products_design_grid") + diff --git a/theme_coffee_shop/static/description/banner.png b/theme_coffee_shop/static/description/banner.png new file mode 100644 index 000000000..03444708e Binary files /dev/null and b/theme_coffee_shop/static/description/banner.png differ diff --git a/theme_coffee_shop/static/description/icon.png b/theme_coffee_shop/static/description/icon.png new file mode 100644 index 000000000..4053b91fa Binary files /dev/null and b/theme_coffee_shop/static/description/icon.png differ diff --git a/theme_coffee_shop/static/description/images/Edu.png b/theme_coffee_shop/static/description/images/Edu.png new file mode 100644 index 000000000..158b36a16 Binary files /dev/null and b/theme_coffee_shop/static/description/images/Edu.png differ diff --git a/theme_coffee_shop/static/description/images/POS.png b/theme_coffee_shop/static/description/images/POS.png new file mode 100644 index 000000000..3c7f1cfe9 Binary files /dev/null and b/theme_coffee_shop/static/description/images/POS.png differ diff --git a/theme_coffee_shop/static/description/images/Production.png b/theme_coffee_shop/static/description/images/Production.png new file mode 100644 index 000000000..e88dcd0d6 Binary files /dev/null and b/theme_coffee_shop/static/description/images/Production.png differ diff --git a/theme_coffee_shop/static/description/images/arrow-black.png b/theme_coffee_shop/static/description/images/arrow-black.png new file mode 100644 index 000000000..3fd6da801 Binary files /dev/null and b/theme_coffee_shop/static/description/images/arrow-black.png differ diff --git a/theme_coffee_shop/static/description/images/banner-content-text.png b/theme_coffee_shop/static/description/images/banner-content-text.png new file mode 100644 index 000000000..2529aa3a9 Binary files /dev/null and b/theme_coffee_shop/static/description/images/banner-content-text.png differ diff --git a/theme_coffee_shop/static/description/images/banner-img.jpg b/theme_coffee_shop/static/description/images/banner-img.jpg new file mode 100644 index 000000000..aa1906a9c Binary files /dev/null and b/theme_coffee_shop/static/description/images/banner-img.jpg differ diff --git a/theme_coffee_shop/static/description/images/banner-img.png b/theme_coffee_shop/static/description/images/banner-img.png new file mode 100644 index 000000000..b3dc97cf1 Binary files /dev/null and b/theme_coffee_shop/static/description/images/banner-img.png differ diff --git a/theme_coffee_shop/static/description/images/content-area-img.png b/theme_coffee_shop/static/description/images/content-area-img.png new file mode 100644 index 000000000..8dbaceeb5 Binary files /dev/null and b/theme_coffee_shop/static/description/images/content-area-img.png differ diff --git a/theme_coffee_shop/static/description/images/icon-Compatibility-with-plugins.png b/theme_coffee_shop/static/description/images/icon-Compatibility-with-plugins.png new file mode 100644 index 000000000..2c0c4015e Binary files /dev/null and b/theme_coffee_shop/static/description/images/icon-Compatibility-with-plugins.png differ diff --git a/theme_coffee_shop/static/description/images/icon-Fast-loading-times.png b/theme_coffee_shop/static/description/images/icon-Fast-loading-times.png new file mode 100644 index 000000000..d758dea65 Binary files /dev/null and b/theme_coffee_shop/static/description/images/icon-Fast-loading-times.png differ diff --git a/theme_coffee_shop/static/description/images/icon-One-Click-Installation.png b/theme_coffee_shop/static/description/images/icon-One-Click-Installation.png new file mode 100644 index 000000000..189cc7cbb Binary files /dev/null and b/theme_coffee_shop/static/description/images/icon-One-Click-Installation.png differ diff --git a/theme_coffee_shop/static/description/images/icon-Responsive-design.png b/theme_coffee_shop/static/description/images/icon-Responsive-design.png new file mode 100644 index 000000000..963329a0a Binary files /dev/null and b/theme_coffee_shop/static/description/images/icon-Responsive-design.png differ diff --git a/theme_coffee_shop/static/description/images/icon-Up-to-date-development.png b/theme_coffee_shop/static/description/images/icon-Up-to-date-development.png new file mode 100644 index 000000000..892a490e8 Binary files /dev/null and b/theme_coffee_shop/static/description/images/icon-Up-to-date-development.png differ diff --git a/theme_coffee_shop/static/description/images/icon-design.png b/theme_coffee_shop/static/description/images/icon-design.png new file mode 100644 index 000000000..bd578f6d1 Binary files /dev/null and b/theme_coffee_shop/static/description/images/icon-design.png differ diff --git a/theme_coffee_shop/static/description/images/logo-cybro.png b/theme_coffee_shop/static/description/images/logo-cybro.png new file mode 100644 index 000000000..ecf9b0134 Binary files /dev/null and b/theme_coffee_shop/static/description/images/logo-cybro.png differ diff --git a/theme_coffee_shop/static/description/images/odoo-consultency.png b/theme_coffee_shop/static/description/images/odoo-consultency.png new file mode 100644 index 000000000..bf2d21531 Binary files /dev/null and b/theme_coffee_shop/static/description/images/odoo-consultency.png differ diff --git a/theme_coffee_shop/static/description/images/odoo-customization.png b/theme_coffee_shop/static/description/images/odoo-customization.png new file mode 100644 index 000000000..a51a84de4 Binary files /dev/null and b/theme_coffee_shop/static/description/images/odoo-customization.png differ diff --git a/theme_coffee_shop/static/description/images/odoo-developer.png b/theme_coffee_shop/static/description/images/odoo-developer.png new file mode 100644 index 000000000..b2272be9e Binary files /dev/null and b/theme_coffee_shop/static/description/images/odoo-developer.png differ diff --git a/theme_coffee_shop/static/description/images/odoo-implement.png b/theme_coffee_shop/static/description/images/odoo-implement.png new file mode 100644 index 000000000..ab975c139 Binary files /dev/null and b/theme_coffee_shop/static/description/images/odoo-implement.png differ diff --git a/theme_coffee_shop/static/description/images/odoo-intergration.png b/theme_coffee_shop/static/description/images/odoo-intergration.png new file mode 100644 index 000000000..82b73a193 Binary files /dev/null and b/theme_coffee_shop/static/description/images/odoo-intergration.png differ diff --git a/theme_coffee_shop/static/description/images/odoo-licencing.png b/theme_coffee_shop/static/description/images/odoo-licencing.png new file mode 100644 index 000000000..fe24f14c4 Binary files /dev/null and b/theme_coffee_shop/static/description/images/odoo-licencing.png differ diff --git a/theme_coffee_shop/static/description/images/odoo-logo.png b/theme_coffee_shop/static/description/images/odoo-logo.png new file mode 100644 index 000000000..d3eae23f2 Binary files /dev/null and b/theme_coffee_shop/static/description/images/odoo-logo.png differ diff --git a/theme_coffee_shop/static/description/images/odoo-migration.png b/theme_coffee_shop/static/description/images/odoo-migration.png new file mode 100644 index 000000000..03ac43d05 Binary files /dev/null and b/theme_coffee_shop/static/description/images/odoo-migration.png differ diff --git a/theme_coffee_shop/static/description/images/odoo-support.png b/theme_coffee_shop/static/description/images/odoo-support.png new file mode 100644 index 000000000..6d481032c Binary files /dev/null and b/theme_coffee_shop/static/description/images/odoo-support.png differ diff --git a/theme_coffee_shop/static/description/images/single product 2.png b/theme_coffee_shop/static/description/images/single product 2.png new file mode 100644 index 000000000..4477eb1cc Binary files /dev/null and b/theme_coffee_shop/static/description/images/single product 2.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-1.jpg b/theme_coffee_shop/static/description/images/template-white-theam-1.jpg new file mode 100644 index 000000000..58d7a6234 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-1.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-12.jpg b/theme_coffee_shop/static/description/images/template-white-theam-12.jpg new file mode 100644 index 000000000..bf859be48 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-12.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-13.png b/theme_coffee_shop/static/description/images/template-white-theam-13.png new file mode 100644 index 000000000..16a343fdb Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-13.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-14.png b/theme_coffee_shop/static/description/images/template-white-theam-14.png new file mode 100644 index 000000000..defb635d4 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-14.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-15.png b/theme_coffee_shop/static/description/images/template-white-theam-15.png new file mode 100644 index 000000000..bbb670dd8 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-15.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-16.png b/theme_coffee_shop/static/description/images/template-white-theam-16.png new file mode 100644 index 000000000..be3ccb8c4 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-16.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-17.png b/theme_coffee_shop/static/description/images/template-white-theam-17.png new file mode 100644 index 000000000..d8d1d80b5 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-17.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-18.jpg b/theme_coffee_shop/static/description/images/template-white-theam-18.jpg new file mode 100644 index 000000000..46b4fb0a0 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-18.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-19.png b/theme_coffee_shop/static/description/images/template-white-theam-19.png new file mode 100644 index 000000000..ce001b93f Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-19.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-2.png b/theme_coffee_shop/static/description/images/template-white-theam-2.png new file mode 100644 index 000000000..f877dc268 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-2.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-20.png b/theme_coffee_shop/static/description/images/template-white-theam-20.png new file mode 100644 index 000000000..373c6ec92 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-20.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-21.png b/theme_coffee_shop/static/description/images/template-white-theam-21.png new file mode 100644 index 000000000..86ac74df4 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-21.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-22.png b/theme_coffee_shop/static/description/images/template-white-theam-22.png new file mode 100644 index 000000000..f3eadb561 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-22.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-23.png b/theme_coffee_shop/static/description/images/template-white-theam-23.png new file mode 100644 index 000000000..ec1b7bfe1 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-23.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-24.jpg b/theme_coffee_shop/static/description/images/template-white-theam-24.jpg new file mode 100644 index 000000000..56afa4de1 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-24.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-25.png b/theme_coffee_shop/static/description/images/template-white-theam-25.png new file mode 100644 index 000000000..e8ec95c75 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-25.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-26.png b/theme_coffee_shop/static/description/images/template-white-theam-26.png new file mode 100644 index 000000000..f5f1f9194 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-26.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-27.jpg b/theme_coffee_shop/static/description/images/template-white-theam-27.jpg new file mode 100644 index 000000000..62a65628a Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-27.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-28.jpg b/theme_coffee_shop/static/description/images/template-white-theam-28.jpg new file mode 100644 index 000000000..96e3c6600 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-28.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-29.jpg b/theme_coffee_shop/static/description/images/template-white-theam-29.jpg new file mode 100644 index 000000000..22f1ea67f Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-29.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-3.png b/theme_coffee_shop/static/description/images/template-white-theam-3.png new file mode 100644 index 000000000..8a0c1ea5b Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-3.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-30.png b/theme_coffee_shop/static/description/images/template-white-theam-30.png new file mode 100644 index 000000000..63bf7099d Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-30.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-31.jpg b/theme_coffee_shop/static/description/images/template-white-theam-31.jpg new file mode 100644 index 000000000..516807a65 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-31.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-32.jpg b/theme_coffee_shop/static/description/images/template-white-theam-32.jpg new file mode 100644 index 000000000..f9896aaab Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-32.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-33.png b/theme_coffee_shop/static/description/images/template-white-theam-33.png new file mode 100644 index 000000000..911519f85 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-33.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-34.jpg b/theme_coffee_shop/static/description/images/template-white-theam-34.jpg new file mode 100644 index 000000000..f66f1ae73 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-34.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-35.jpg b/theme_coffee_shop/static/description/images/template-white-theam-35.jpg new file mode 100644 index 000000000..0aa7351b5 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-35.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-36.png b/theme_coffee_shop/static/description/images/template-white-theam-36.png new file mode 100644 index 000000000..fb7068554 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-36.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-37.png b/theme_coffee_shop/static/description/images/template-white-theam-37.png new file mode 100644 index 000000000..782e6220b Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-37.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-38.jpg b/theme_coffee_shop/static/description/images/template-white-theam-38.jpg new file mode 100644 index 000000000..f5c491e97 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-38.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-39.png b/theme_coffee_shop/static/description/images/template-white-theam-39.png new file mode 100644 index 000000000..f94d73b7b Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-39.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-4.jpg b/theme_coffee_shop/static/description/images/template-white-theam-4.jpg new file mode 100644 index 000000000..45f73a7d4 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-4.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-40.jpg b/theme_coffee_shop/static/description/images/template-white-theam-40.jpg new file mode 100644 index 000000000..ca917bd27 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-40.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-41.png b/theme_coffee_shop/static/description/images/template-white-theam-41.png new file mode 100644 index 000000000..152ae1a4d Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-41.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-42.png b/theme_coffee_shop/static/description/images/template-white-theam-42.png new file mode 100644 index 000000000..4b89318d6 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-42.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-43.jpg b/theme_coffee_shop/static/description/images/template-white-theam-43.jpg new file mode 100644 index 000000000..72885f1f5 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-43.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-44.png b/theme_coffee_shop/static/description/images/template-white-theam-44.png new file mode 100644 index 000000000..1f2b2234a Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-44.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-45.png b/theme_coffee_shop/static/description/images/template-white-theam-45.png new file mode 100644 index 000000000..270fec831 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-45.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-46.png b/theme_coffee_shop/static/description/images/template-white-theam-46.png new file mode 100644 index 000000000..dca83813e Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-46.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-47.png b/theme_coffee_shop/static/description/images/template-white-theam-47.png new file mode 100644 index 000000000..3c17dff11 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-47.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-5.png b/theme_coffee_shop/static/description/images/template-white-theam-5.png new file mode 100644 index 000000000..1717fd172 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-5.png differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-6.jpg b/theme_coffee_shop/static/description/images/template-white-theam-6.jpg new file mode 100644 index 000000000..ddc2557f0 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-6.jpg differ diff --git a/theme_coffee_shop/static/description/images/template-white-theam-7.png b/theme_coffee_shop/static/description/images/template-white-theam-7.png new file mode 100644 index 000000000..aaa17c007 Binary files /dev/null and b/theme_coffee_shop/static/description/images/template-white-theam-7.png differ diff --git a/theme_coffee_shop/static/description/images/trading.png b/theme_coffee_shop/static/description/images/trading.png new file mode 100644 index 000000000..9d99bc55b Binary files /dev/null and b/theme_coffee_shop/static/description/images/trading.png differ diff --git a/theme_coffee_shop/static/description/index.html b/theme_coffee_shop/static/description/index.html new file mode 100644 index 000000000..981e1002a --- /dev/null +++ b/theme_coffee_shop/static/description/index.html @@ -0,0 +1,2013 @@ + + + + odoo + + + + + + + + + + + +
+ +
+ + +
+ + +
+ +
+ +
+ +
+ + +
+ + + + + + + + +
+ + +
+ + +
+ +
+ + + +
+ + +
+ + +
+ + +
+ + +
+ + + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+ + + + +
+ + +
+ +
+ +
+ +

espresso

+
+
+ +
+ +
+ +
    +
  • Website + Design +
    • +
  • UI/UX
    • +
  • + Developing +
    • + +
+ + +
+ + +
+ + +
+ + +
+ + + +
+ +
+ +
+
+ +

make a break
+ + for a hot
+ coffee + + +

+ + +
+ + +
+ +

The + Espresso cafe theme + was created by Cybrosys Technology Solutions. + This theme can be added to make a classy + website for cafes, bistros, and restaurants. + Additionally, if you own wineries, bakeries, burger + joints, fast food chains, or recipe websites, you can + use it. It's a complete food company theme, making it a + fantastic option for both restaurants and food + websites. This theme is the missing special ingredient + for you to build irresistible websites.

+ +

It use the + collection of portfolio templates and powerful features + to create a stylish portfolio for your business. + Snippets can be used to create homepages that showcase + your shop's drink menus and other offerings. + Also, it features both common and + unique short codes designed specifically for + presentations. It might be useful for showcasing your + company's identity and product offerings.

+ +

This theme + contains everything from designed homepages, to + shopping carts. It is compatible with Elementor and + simple to drag and drop items. Quickly create any + layout without any coding skills. Along with this theme , + it permits users to use third-party plugins also. + This theme use the most recent iteration of a coffee shop's + website. Both adaptable and user-friendly.

+ +
+ +
+ +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + + +
+ +
+ +
+ +
+ +

+ Key features

+
+ +
+ + +
+ +
+ +
+ + + Design + +
+

The most + recent website creation for a coffee shop. + flexible and simple to use. +

+ +
+ + +
+
+ + +
+ +
+ + + + Compatibility with plugins + +
+

Along with + this theme , it permits users to use third-party + plugins also.

+ +
+ + +
+ + +
+ +
+ +
+ + + + Fast loading times + +
+

This theme + loads all of its features more quickly than other + designs.

+ +
+ + +
+
+ + +
+ +
+ + + + Up-to-date Development + +
+

The most + up-to-date approaches, + concepts, and innovations are being used.

+ +
+ +
+ + +
+ +
+ +
+ + + + Responsive Design + +
+

Different + resolution devices can be used by users to watch + websites.

+ + +
+ + +
+
+ + +
+ +
+ + + + One Click Installation + +
+

This mode + is significantly easier than others because Odoo + makes One Click Installation feasible.

+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +

Main page

+
+
+ +
+
+ +
    +
  • Home
    • +
  • About us +
    • +
  • Menu
    • +
  • Team
    • +
  • + Testimonials +
    • +
  • + Reservation +
    • + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ +
+ + +
+ + +
+ +
+ +
+ +

Menu page

+
+
+ +
+
+ +
    +
  • Banner +
    • +
  • Easy + Categorized menu +
    • +
  • Product + List +
    • +
  • Offer + Banner +
    • + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ +
+ +
+ +

+ Single Product page

+
+
+ +
+
+ +
    +
  • Product + Discription +
    • +
  • Similer + Product +
    • +
  • Offer + Banner +
    • + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +

+ Cart & Check out

+
+
+ +
+ +
+ +
    +
  • Product + Description +
    • +
  • Similar + Product +
    • +
  • Offer + Banner +
    • + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ + +
+ +
+ + + + +
+ + +
+ +
+ +
+ + + + +
+ + +
+ +
+ +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ +
+ +
+ +

+ Shop Page

+
+
+ +
+ +
+ +
    +
  • Product + Description +
    • +
  • Similar + Product +
    • +
  • Offer + Banner +
    • + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +
+ + +
+ + + + +
+ + +
+ +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ +
+ +
+ + +
+ +
+ +
+ +

+ Shop Page

+
+
+ +
+ +
+ +
    +
  • Banner +
    • +
  • About Us +
    • +
  • Quality +
    • +
  • Promo + Video +
    • + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +
+ +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +

+ Reservation Page

+
+
+ +
+ +
+ +
    +
  • Banner +
    • +
  • + Reservation +
    • +
  • Location +
    • + +
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +

+ Features Page

+
+
+ +
+ +
+ +
    +
  • Banner +
    • +
  • Home + Delivery +
    • +
  • Other + Features +
    • + +
+
+
+ +
+ +
+ + +
+ +
+ +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +

+ Gallery Page

+
+
+ +
+ +
+ +
    +
  • Banner +
    • +
  • Category +
    • +
  • Gallery + images +
    • +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +

+ Faq Page

+
+
+ +
+ +
+ +
    +
  • Question & + Answers +
    • +
  • Banner +
    • + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +

+ Login popup

+
+ +
+ +
+ + +
+ + +
+ + +
+ +
+ +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+ +

Login + popup

+
+ +
+ +
+ + +
+ + +
+ + +
+ +
+ +
+ + +
+ + +
+ + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+

+ Our Services


+
View + services offered by us +
+ + +
+ + +
+ +
+ + +

Odoo
Customization

+ +
+ + +
+ + +
+ +
+ + +

Odoo
Implementation

+ +
+ + +
+ +
+ +
+ + +

Odoo
Support

+ +
+ + +
+ +
+ +
+ + +

Hire
Odoo Developer

+ +
+ + +
+ + +
+ +
+ + +

Odoo
Integration

+ +
+ + +
+ +
+ +
+ + +

Odoo
Migration

+ +
+ + +
+
+ +
+ + +

Odoo
Consultancy

+ +
+ + +
+ + +
+ +
+ + +

Odoo
Implementation

+ +
+ + +
+ +
+ +
+ + +

Odoo
Licensing Consultancy

+ +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+

+ Our Industries


+
Get + Insight in our odoo knowledge and our marked foot print + in industries +
+ + +
+ + +
+ +
+ + +

Trading

+

Easily procure and sell + your products

+
+ + +
+ + +
+ +
+ + +

E-commerce & Website

+

Mobile friendly, awe- + inspiring product pages

+ +
+ + +
+ +
+ +
+ + +

POS

+

Easy configuration and + convivial experience

+ +
+ + +
+ +
+ +
+ + +

Education

+

A platform for educational + management

+ +
+ + +
+ + +
+ +
+ + +

Manufacturing

+

Plan, track and schedule + your operations

+
+ + +
+ +
+ +
+ + +

Manufacturing

+

Plan, track and schedule + your operations

+
+ + +
+
+ +
+ + +

Service Management

+

Keep track of services + and invoice

+
+ + +
+ + +
+ +
+ + +

Resturant

+

Run your bar or restaurant + methodically

+
+ + +
+ +
+ +
+ + +

Hotel management

+

An all-inclusive hotel + management application

+
+ + +
+ + +
+ + +
+ + +
+ + +
+ + + + + + diff --git a/theme_coffee_shop/static/src/css/style.css b/theme_coffee_shop/static/src/css/style.css new file mode 100644 index 000000000..e910a118a --- /dev/null +++ b/theme_coffee_shop/static/src/css/style.css @@ -0,0 +1,4644 @@ +* { + margin: 0px; + padding: 0; + box-sizing: border-box; + font-family: 'Montserrat', sans-serif; + +} + +body { + background: #F5F5F5; +} + +.header { + padding: 20px; + height: 100px; + z-index: 900; + background: white; + position: sticky; + top: 0; + box-shadow: 0px 0px 10px #A2A2A2; +} + +.wrapper { + max-width: 1134px; + margin: 0 auto; + padding-right: 0px; + padding-left: 0px; +} + +.nav-bar { + display: flex; + align-items: center; + justify-content: space-between; +} + +.nav-bar ul { + display: flex; + align-items: center; + list-style: none; + transition: 0.3s ease-in-out; +} + +.nav-bar ul li { + position: relative; + +} + + +.nav-bar ul li .sub-menu { + display: none; + position: absolute; + background: white; + margin-top: 0px; + margin-left: -15px; + width: 200px; +} + +.nav-bar ul li .sub-menu li a { + display: block; +} + +.nav-bar ul li:hover .sub-menu { + display: block; + + +} + + +.nav-bar ul li:hover .sub-menu ul { + display: block; + width: 150px; + + +} + +.nav-bar ul li:hover .arrow { + transform: rotate(180deg); +} + +.nav-bar ul li:hover .sub-menu ul li { + padding: 10px; + +} + +.sub-menu ul li a { + + font-size: 16px; + position: static; + font-weight: 100; + cursor: pointer; + +} + +.sub-menu ul li:hover a { + color: #FF9B17; +} + +.nav-bar ul li a { + text-decoration: none; + font-size: 17px; + color: #282828; + font-weight: 600; + transition: 0.3s; + +} + +.nav-bar ul li a { + position: relative; +} + +.nav-bar ul li a:after { + content: ""; + background-color: #CC2300; + border-radius: 8px; + position: absolute; + width: 0; + height: 3px; + bottom: -4px; + left: 0; +} + +.nav-bar ul li a:hover:after { + content: ""; + background-color: #CC2300; + border-radius: 8px; + position: absolute; + width: 25%; + height: 3px; + bottom: -4px; + left: 0; +} + +.nav-bar ul li a.active:after { + content: ""; + background-color: #CC2300; + border-radius: 8px; + position: absolute; + width: 25%; + height: 3px; + bottom: -4px; + left: 0; +} + +.sub-menu ul li a.active { + + + color: #FF9B17; +} + +.sub-menu ul li a:hover::after, +.sub-menu ul li a.active::after { + + + content: none; + background: none; +} + + + + + +.nav-bar ul li a.active, +.nav-bar ul li a:hover { + font-weight: bold; +} + + +.nav-bar .notification { + position: relative; + cursor: pointer; + +} + +.notify { + width: 8px; + height: 8px; + background-color: #CC2300; + border-radius: 50%; + position: absolute; + top: 28px; + margin-left: 19px; + +} + +.menu { + display: none; + cursor: pointer; +} + +.menu div { + width: 24px; + margin: 5px; + background: black; + height: 3px; +} + +.notify-icon { + display: flex; + align-items: center; + gap: 40px; +} + +.mob-navig { + display: flex; + gap: 20px; +} + +.navbar-icon { + display: none; + align-items: center; + gap: 40px; + list-style: none; +} + +.mob-navig { + display: none; + gap: 20px; +} + + + +.login-form-container { + position: fixed; + top: -105%; + left: 0; + height: 100%; + width: 100%; + background: rgba(0, 0, 0, 0.2); + display: flex; + align-items: center; + justify-content: center; + z-index: 1000; + opacity: 0; + +} + +.login-form-container.show { + top: 0; + opacity: 1; +} + +.login-form-container form { + + background: #FFFFFF; + border-radius: 5px; + width: 500px; + height: 600px; + align-items: center; + text-align: center; + position: relative; +} + +.loginbtn { + cursor: pointer; +} + +.login-form-head { + font-weight: 700; + font-size: 25px; + line-height: 34px; + text-transform: capitalize; + color: #282828; + margin-bottom: 40px; +} + +.login-google { + + background: #282828; + border-radius: 5px; + font-weight: 500; + font-size: 20px; + line-height: 22px; + color: #FFFFFF; + padding: 14px 36px; + border: none; + outline: none; + width: 100%; + cursor: pointer; +} + +.login-or { + font-weight: 400; + font-size: 16px; + line-height: 11px; + color: #A8A8A8; + margin-top: 30px; + margin-bottom: 40px; + +} + +.form-content { + margin: 30px 90px; + position: relative; +} + + +.login-form-grp {} + +.login-input { + + background: rgba(217, 217, 217, 0.2); + border-radius: 5px; + border: none; + outline: none; + font-weight: 400; + font-size: 16px; + line-height: 11px; + color: #A8A8A8; + padding: 16px; + width: 100%; +} + +.login-close { + position: absolute; + font-size: 20px; + right: 20px; + top: 20px; + color: #CC2300; + cursor: pointer; + +} + +.password-settings { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 50px; + margin-top: 10px; +} + +.remember { + display: flex; + align-items: center; +} + +.password-settings label { + font-weight: 400; + font-size: 14px; + color: #282828; + + margin-bottom: 0px; +} + +.frgt-text { + font-weight: 600; + font-size: 14px; + line-height: 13px; + color: #FF9B17; + +} + +.checkbox { + border: 1px solid #FF9B17; + border-radius: 2px; +} + +.register { + margin-top: 30px; + font-weight: 400; + font-size: 16px; + color: #282828; +} + +.frgt-text:hover { + color: #FF9B17; +} + +.create-one { + font-weight: 600; + font-size: 16px; + color: #FF9B17; +} + +.create-one:hover { + text-decoration: none; + color: #FF9B17; +} + +.items-cart { + margin: 20px 0px; + display: flex; + flex-direction: column; + gap: 30px; +} + +.items-cart i { + color: #CC2300; +} + +.cart-name { + font-weight: 700; + font-size: 25px; + line-height: 34px; + color: #282828; + text-align: center; +} + +.cart-item { + display: flex; + align-items: center; + position: relative; +} + +.shopping-cart { + position: absolute; + top: 110%; + right: 0; + + border-radius: .5rem; + background: #FFFFFF; + border-radius: 5px; + width: 400px; + opacity: 0; + display: none; + + align-items: center; + box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.1); + +} + +.shopping-cart.showcart { + right: 9rem; + transition: 0.3s linear; + opacity: 1; + display: block; +} + +.item-cartname { + font-weight: 600; + font-size: 14px; + color: #282828; +} + +.item-cartabout { + font-weight: 400; + font-size: 14px; + color: #FF9B17; +} + +.cart-box { + margin: 40px; + display: flex; + flex-direction: column; + position: relative; + + +} + +.cart-box .cartremove { + position: absolute; + right: 0; + top: 0; + cursor: pointer; + +} + +.cart-box .cart-border { + border-bottom: 0.5px solid #EFEFEF; + margin-bottom: 16px; +} + +.cart-buttons { + display: flex; + align-items: center; + justify-content: space-between; + +} + +.cart-buttons button { + + outline: none; + + font-weight: 500; + font-size: 20px; + line-height: 15px; + border-radius: 5px; + +} + +.cartview { + border: 1px solid #282828; + padding: 15px 24px; + background: none; + +} + +.cartcheckout { + background: #282828; + color: white; + border: none; + padding: 15px 28px; +} + +.item-rate { + font-weight: 600; + font-size: 14px; + color: #282828; +} + + + +/*.................Main-Section.......................*/ +#main-content { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 150px; + + + height: 100vh; +} + +.main-row { + width: 100%; + margin-right: 0px; + margin-left: 0px; +} + +#main-content .left-section { + padding-right: 0; + padding-left: 0; +} + +#main-content .left-section .main-head { + font-size: 56px; + margin-bottom: 40px; + font-weight: 800; + font-family: 'Montserrat', sans-serif; + width: 78%; +} + +#main-content button { + padding: 14px 44px; + font-size: 20px; + background-color: #282828; + color: white; + border-radius: 6px; + cursor: pointer; + font-weight: 600; + border: none; +} + +.gallery{ + display: flex; + align-items: center; + justify-content: center; + gap: 30px; +} +.img-box{ + width: 200px; + height: 500px; + border-radius: 15px; + background-image: url('images/landing Page/coffee-latte-with-cookies-coffiee-beans.jpg'); + background-size: cover; + background-position: center; + position: relative; + transition: width 0.5s; +} +.img-box img{ + width: 100%; +} +.img-box:nth-child(1){ + width: 400px; + +} +.img-box:nth-child(2){ + background: url('images/landing Page/slashio-photography-ZG9ggI_pjFw-unsplash.jpg'); + background-size: cover; + background-position: center; + height: 400px; +} +.img-box:nth-child(3){ + background: url('images/landing Page/iced-coffee-with-splash-tall-glass-dark-background-concept-refreshing-summer-drink.jpg'); + background-size: cover; + background-position: center; + width: 150px; + height: 300px; +} +.img-box:nth-child(1):hover{ + width: 600px; + cursor: pointer; +} +.img-box:nth-child(2):hover{ + width: 300px; + cursor: pointer; +} +.img-box:nth-child(3):hover{ + width: 200px; + cursor: pointer; +} + +/* +#main-content .right-section { + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding-right: 0px; + padding-left: 0px; +} +/* +#main-content .right-section .landing-img { + align-items: center; + position: relative; +} +#main-content .right-section .landing-img img{ + width: 100%; +}*/ + + +#main-content .right-section p { + font-size: 24px; + position: absolute; + color: white; + bottom: 20px; + text-align: center; + width: 100%; + font-weight: 600; +} + +#main-content .right-section .img-box:nth-child(2) p { + transform: rotate(-90deg); + bottom: 50px; +} + +#main-content .right-section .img-box:nth-child(3) p { + transform: rotate(-90deg); + width: max-content; + bottom: 80px; + +} + + +/* .............................About us................................*/ + +#about-us { + margin-bottom: 200px; + +} + +#about-us h3 { + font-size: 20px; + font-weight: 600; + position: relative; +} + +#about-us h3:after { + content: " "; + position: absolute; + background-color: #CC2300; + border-radius: 10px; + width: 3%; + height: 3px; + bottom: -3px; + left: 0; + +} + +#about-us .about-content { + padding-left: 0px; + padding-right: 0px; + margin-top: 40px; + display: flex; + justify-content: space-between; + +} + +#about-us .ab-mob { + display: flex; + flex-wrap: wrap; +} + +#about-us .about-main { + margin-top: 40px; + width: 544px; + font-size: 60px; + margin-bottom: 40px; + font-weight: 800; + font-family: 'Montserrat', sans-serif; +} + +.about-left { + max-width: 100%; +} + +.about-right { + max-width: 100%; +} + + + + + + +#about-us .about-para { + font-weight: 400; + font-size: 16px; + line-height: 35px; + color: #282828; + width: 87%; + +} + +#about-us .about-img { + position: relative; +} + +#about-us button { + padding: 14px 30px; + font-size: 20px; + background-color: #282828; + color: white; + font-weight: 600; + border: none; + border-radius: 6px; + cursor: pointer; + position: absolute; + bottom: 60px; + left: -100px; + +} + +#about-us .about-img img { + border-radius: 6px; + width: 100%; +} + + + +/*............ Menu...................*/ + +#menus { + display: flex; + align-items: center; + justify-content: space-between; + + margin-bottom: 90px; +} + +#menus h3 { + font-size: 20px; + font-weight: 600; + position: relative; +} + +#menus h3:after { + content: " "; + position: absolute; + background-color: #CC2300; + border-radius: 10px; + width: 30%; + height: 3px; + bottom: -3px; + left: 0; + +} + +#menus .btn-viewall { + background: #CC2300; + padding: 10px 20px; + border-radius: 50px; + color: white; + font-size: 16px; + font-weight: 600; + border: none; + +} + +#menus .menu-content { + display: flex; + align-items: center; + justify-content: space-between; + +} + +.menucards { + display: flex; + gap: 30px; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + +} + +#menu-card { + margin-bottom: 100px; +} + +#menu-card .card { + display: flex; + flex-direction: row; + align-items: center; + + background: #FFFFFF; + box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.1); + flex-wrap: wrap; + text-align: center; + + padding: 6px 6px; + +} + + +#menu-card .card span { + font-size: 16px; + font-weight: bold; +} + +/*..............................Product...........................*/ + +#product { + margin-bottom: 200px; +} + +.pro-card { + margin-left: 0px; + margin-right: 0px; + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 30px; +} + + +#product .pro-head { + font-size: 36px; + color: #FF9B17; + font-weight: 600; + margin-bottom: 40px; + +} + +#product .products { + margin-bottom: 50px; +} + +.pro { + + + background: #FFFFFF; + box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.1); + + border-radius: 6px; + padding: 20px; + display: flex; + transition: 0.2s; + + flex-direction: column; + margin-bottom: 50px; + cursor: pointer; + + + +} + +.pro .pro-img { + margin-bottom: 16px; +} + +.pro img { + border-radius: 6px; + width: 100%; +} + +.pro .review { + display: flex; + align-items: center; + margin-bottom: 1.8rem; +} + +.pro .review p { + margin-bottom: 0; +} + +.pro .review img { + height: 24px; + width: 24px; +} + +.pro-btn { + color: #fff; + font-size: 14px; + font-weight: 600; + padding: 8px 10px; + background: #CC2300; + border: none; + + border-radius: 50px; + text-decoration: none; +} +.pro-btn:hover{ + color: white; +} +#product a { + text-decoration: none; + +} + +#product a:hover { + color: #fff; +} + +.pro .pro-name img { + height: 24px; + width: 24px; +} + +.price, +.pro-name { + display: flex; + align-items: center; + justify-content: space-between; +} + +.price p { + font-size: 24px; + font-weight: bold; + margin-bottom: 0px; + +} + +.pro-details .desc-head { + font-size: 17px; + font-weight: 700; +} + +.pro-para { + margin-top: 6px; + color: #A2A2A2; + font-size: 16px; +} + + +.like { + + font-size: 20px; + color: #CC2300; +} + +/*..............Team..................*/ +#team { + margin-bottom: 200px; +} + +.heading { + font-size: 20px; + font-weight: 600; + position: relative; + width: 100%; +} + +#team .heading:after { + content: " "; + position: absolute; + background-color: #CC2300; + border-radius: 10px; + width: 1rem; + height: 3px; + bottom: -3px; + left: 0; + +} + +#team .team-head { + font-size: 56px; + width: 511px; + font-weight: 700; +} + + +#team .team-img { + display: flex; + flex-wrap: wrap; + margin: 10px; + background: url('images/landing page/Team/3.jpg'); + background-position: center; + width: 100%; + border-radius: 8px; + position: relative; + height: 300px; + +} + +#team .team-img:nth-child(1) { + background: none; +} + +#team .team-img:nth-child(3) { + background: url('images/landing page/Team/2.jpg'); +} + +#team .team-img:nth-child(4) { + background: url('images/landing page/Team/1.png'); +} + +.col-ch { + max-width: 48%; +} + +.team-details { + position: absolute; + bottom: 0; + padding-left: 20px; +} + +#team .team-img .main-head { + color: white; + font-size: 40px; + font-weight: 600; + margin-bottom: 0px; +} + +#team .team-img .sub-head { + color: white; + font-size: 24px; +} + +#team .social-icon { + position: absolute; + display: flex; + align-items: center; + gap: 10px; + bottom: 20px; + right: 10px; + padding-right: 20px; + +} + +#team .social-icon i { + font-size: 24px; + color: white; +} + +/*..............Testimonial...........*/ + +#testimonial { + display: flex; + flex-direction: column; + margin-bottom: 200px; + +} + +.mySlides #testimonial .heading { + font-size: 20px; + font-weight: 600; + position: relative; +} + +#testimonial .heading:after { + content: " "; + position: absolute; + background-color: #CC2300; + border-radius: 10px; + width: 30%; + height: 4px; + bottom: -5px; + left: 0; +} + +#testimonial .team-head { + font-size: 56px; + margin: 30px 0px; + font-weight: 700; +} + +#testimonial .testimonial-section { + display: flex; + align-items: center; + justify-content: center; +} + +#testimonial .testimonial-content { + background: #FFFFFF; + box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.1); + border-radius: 15px; + + width: 764px; + display: flex; + align-items: center; + justify-content: space-between; + padding: 30px 80px; + flex-wrap: wrap; +} + + +.slider { + width: 100%; + text-align: center; + color: black; + cursor: pointer; +} + +.slider i:hover { + color: #FF9B17; +} + +.testimonial-content .persons { + display: flex; + flex-direction: column; + align-items: center; +} + +.testimonial-content .persons .p-img { + height: 130px; + width: 130px; +} + +.p-name { + font-weight: 700; + font-size: 18px; + line-height: 20px; + +} + +.sub-address { + font-weight: 300; + font-size: 18px; + text-align: center; + color: #767676; + margin-bottom: 0px; +} + +.review-star { + height: 20px; + width: 20px; +} + +.main-des { + font-weight: 700; + font-size: 40px; + color: #FF9B17; + line-height: 47px; +} + +.p-describe { + width: 56%; + position: relative; +} + +.p-describe:before { + content: '"'; + position: absolute; + top: -5px; + left: -20px; + font-weight: 400; + font-size: 42px; + line-height: 35px; + text-align: center; + + color: #BFBFBF; + +} + +.p-describe:after { + content: '"'; + position: absolute; + font-weight: 400; + font-size: 42px; + line-height: 35px; + text-align: center; + color: #BFBFBF; + bottom: -5px; + right: -20px; + +} + +.p-para { + font-weight: 400; + font-size: 16px; + line-height: 32px; + color: #282828; + +} + + + +/*...............Form-Section........................*/ +#form-section { + margin-bottom: 200px; + +} + +#form-section .heading { + font-size: 20px; + font-weight: 600; + position: relative; +} + +#form-section .heading:after { + content: " "; + position: absolute; + background-color: #CC2300; + border-radius: 10px; + width: 30%; + height: 3px; + bottom: -4px; + left: 0; +} + +#form-section .main-head { + font-size: 52px; + margin-bottom: 40px; + font-weight: 800; + font-family: 'Montserrat', sans-serif; +} + + +form .forms-input { + padding: 10px 24px; + background-color: #a2a2a233; + color: #A2A2A2; + font-size: 18px; + font-weight: 400; + margin-bottom: 24px; + border: none; +} + +.form-img { + width: 100%; + +} + +.form-img img { + width: 100%; + height: auto; +} + +form .forms-input:focus { + box-shadow: none; +} + +.form-btn { + padding: 14px 53px; + background-color: #282828; + color: white; + border-radius: 6px; + cursor: pointer; + border: none; + box-shadow: none; + transition: none; +} + +/*.........................Footer...........................*/ +#footer { + background: #282828; + margin: 0px 0px 0px 0px; + padding: 80px 0; +} + +#footer .footer-log { + display: flex; + color: white; + margin-bottom: 50px; +} + +#footer .footer-log img { + width: 100px; + height: 100px; +} + +.footer-content { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin-right: 0px; + margin-left: 0px; + flex-basis: 100%; + margin-bottom: 50px; + +} + +#footer .footer-log .company-name { + font-size: 20px; + font-weight: 600; +} + +.foot { + padding-right: 20px; + padding-left: 0px; + align-items: flex-start; +} + +#footer .footer-para { + color: white; + width: 100%; + font-size: 18px; + line-height: 32px; +} + +.foot-end { + color: white; +} + +.footer-heading { + margin-top: 25px; + color: #FF9B17; + font-size: 24px; + font-weight: 600; + margin-bottom: 60px; +} + +.footer-subhead { + color: white; + font-size: 18px; + font-weight: 600; + margin-bottom: 10px; +} + +.foot-address { + color: white; + font-size: 16px; + line-height: 34px; + width: 80%; +} + +.link { + display: flex; + flex-direction: column; +} + +#footer .foot-links { + color: white; + text-decoration: none; + font-size: 18px; + font-weight: 500; + margin-bottom: 10px; +} + +.social-links { + display: flex; + flex-direction: column; + gap: 30px; + +} + +.media-link { + display: flex; + gap: 40px; + + +} + + + + +/*.............................................menu page.......................................*/ +#banner { + margin-bottom: 100px; + width: 100%; + height: 300px; + display: flex; + align-items: center; + justify-content: center; + +} + +#banner.banner-img { + background-image: url('images/Menu page/coffee.jpg'); + background-position: center; + background-size: cover; + width: 100%; +} + +.banner-content { + display: flex; + flex-direction: column; + align-items: flex-end; +} + +.banner-head { + + color: #fff; + font-size: 56px; + font-weight: 700; + margin-bottom: 0px; +} +#banner img { + width: 100%; + height: 100%; +} + +.filter { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 40px; + justify-content: space-between; + margin: 0px 15px 50px 15px; +} + +#product .pro .menu-review { + + margin-bottom: 0px; +} + + + +#Sliding { + display: flex; + align-items: flex-start; + +} + +.count { + display: flex; + align-items: center; + justify-content: center; + width: 50px; + height: 50px; + font-weight: 500; + font-size: 20px; + line-height: 22px; + background: #F0F0F0; + color: #000000; + margin: 5px; + padding: 0px 10px; +} + +.count.active { + color: #000000; + background: #FF9B17; +} + +.count-text { + margin: 0px; + text-decoration: none; + color: black; +} +.count-text:hover{ + color: #000000; +} +.Sliding a:hover{ +color: #000000; +} + +#offer { + margin-bottom: 100px; + margin-bottom: 100px; + display: flex; + +} + +#offer .offer-container { + display: flex; + flex-wrap: wrap; + gap: 50px; + justify-content: center; + align-items: center; +} + +#offer .offer-content { + background-image: url("images/Menu page/13.png"); + width: 520px; + height: 350px; + background-repeat: no-repeat; + background-position: center; + border-radius: 6px; + background-size: cover; + position: relative; +} + +#offer .offer-container .offer-content:last-child { + background-image: url("images/Menu page/8.png"); +} + +.off-details { + position: absolute; + bottom: 40px; + left: 20px; + color: #fff; +} + +#offer .off-details .off-main { + font-weight: 700; + font-size: 35px; + line-height: 40px; + color: #FFFFFF; +} + +.off-details .off-price { + font-weight: 500; + font-size: 24px; + line-height: 15px; + color: #FFFFFF; + margin-bottom: 40px; +} + +.offer-btn { + background: #FFFFFF; + border-radius: 10px; + font-weight: 700; + font-size: 22px; + line-height: 15px; + color: #282828; + padding: 12px 32px; + border: none; + +} + +.offer-btn:hover { + color: #000000; + text-decoration: none; + +} + +/*............................Selected product..............................*/ + +#product-details { + margin-top: 100px; + margin-bottom: 100px; +} + +#product-details .pr-container { + display: flex; + align-items: flex-start; + gap: 20px; +} + +#product-details .pr-img { + + width: 36%; + border-radius: 8px; + height: 400px; +} + +#product-details .pr-img img { + width: 100%; + border-radius: 6px; + height: 400px; + +} + + + +.sp-head { + margin-top: 20px; + font-weight: 700; + font-size: 35px; + line-height: 40px; + color: #282828; +} + +.pr-right { + width: 50%; +} +.pr-descr { + display: flex; +} + +.pr-descr .pr-title { + font-weight: 600; + font-size: 22px; + line-height: 48px; + color: #282828; + padding-right: 15px; + border-right: 0.5px solid #000000; +} +.pr-descr .pr-price { + font-weight: bold; + font-size: 22px; + line-height: 30px; + color: #282828; + padding-left: 12px; +} + +.pr-right .pr-rating { + display: flex; +} + +.pr-right .pr-rating img { + height: 18px; +} + +.pr-right .pr-rating .rating-count { + font-weight: 400; + font-size: 14px; + line-height: 13px; + color: #282828; + padding: 2px 8px; +} + +.small-detail { + font-weight: 400; + font-size: 1rem; + line-height: 35px; + color: #282828; + width: 80%; +} + +.custom-head { + font-weight: 700; + font-size: 18px; + line-height: 13px; + color: #282828; +} + +.custom-detail { + display: flex; + flex-wrap: wrap; + +} + +.custom-detail .cust-item { + display: flex; + align-items: center; + +} + +.cust-name { + font-weight: 500; + font-size: 16px; + line-height: 35px; + color: #000000; + margin-bottom: 0px; + margin-right: 16px; +} + +.cust-btn { + background: #CC2300; + color: #FFFFFF; + text-align: center; + padding: 4px 9px; + border-radius: 200px; + margin-right: 30px; + font-weight: 400; + font-size: 12px; + line-height: 10px; + cursor: pointer; +} + +.counter { + margin: 10px 0px; +} + +.counter .box-container { + display: flex; + background: rgba(204, 35, 0, 0.1); + width: max-content; + padding: 8px; + font-size: 16px; + line-height: 22px; + border-radius: 5px; + font-weight: 500; + cursor: pointer; + color: #CC2300; + align-items: center; + +} + +.counter input { + outline: none; + border: none; + width: 50px; + color: #CC2300; + background: none; + border: 0; + font-size: 16px; + text-align: center; + line-height: 0%; + font-weight: 500; +} + +.button-grp { + display: flex; + align-items: center; + gap: 30px; + margin: 20px 0px; +} + +.purchase-btn { + background: #FF9B17; + border-radius: 110px; + font-weight: 500; + font-size: 18px; + line-height: 13px; + color: #FFFFFF; + padding: 16px 30px; + text-decoration: none; +} + +.purchase-btn:hover { + text-decoration: none; + color: #fff; +} + +.cart-btn:hover { + text-decoration: none; + color: #CC2300; +} + +.cart-btn { + border-radius: 110px; + font-weight: 500; + font-size: 18px; + line-height: 13px; + color: #CC2300; + padding: 16px 30px; + text-decoration: none; + border: 1px solid #CC2300; +} +/*........MY CSS.........*/ +.flex-grow{ + flex-grow: 0.5 !important; +} + +.my_superlogin{ + background-color: black; + color: white; + margin-bottom: 10px; +} + +.js_usermenu .my_coffee { + color: #FFC72C; +} + +.navbar #top_menu{ + font-size: 18px; + padding-left: 3%; +} +#top_menu_collapse .nav-item:after{ + content: ''; + position: absolute; + width: 25px; + transform: scaleX(0); + height: 3px; + bottom: 22px; + background-color: #de2a05; + +} + +#top_menu_collapse .nav-item:hover:after { + transform: scaleX(1); + transform-origin: bottom left; +} + +.pricelist_right{ + padding-left: 52%; +} +.filter-box { + margin-left: 65px; + width: 198.32px; + height: 68px; + + font-weight: 700; + font-size: 18px; + line-height: 25px; + text-align: center; + align-items: center; + justify-content: center; + display: flex; + cursor: pointer; + + background: rgba(162, 162, 162, 0.1); + + color: #A2A2A2; + border-radius: 7px; +} + +.filter-box:hover { + background: #FF9B17; + color: #FFFFFF; +} + +.filter-text { + margin: 0px; + padding: 0px; +} + +#banner.banner-img { + background-image: url('/theme_coffee_shop/static/src/images/coffee.jpg'); + background-position: center; + background-size: cover; + width: 100%; +} +.text-primary{ + color: black !important; +} +a .a-submit{ + color: white !important; +} +a { + color: #222831; +} +a:hover { + color: #0000FF; +} +.frm{ + color: #222831; +} +.star{ +color:gold; +} +.bg-white .o_add_wishlist { + color: white; + background-color: black; +} + +.add_buy span{ + color: white; +} +.add_to { + background-color: white; + color: red; + border-radius: 30px; + border: 2px solid #f44336; +} +.add_to:hover{ + background-color: white; + color: red; + border: 2px solid #f44336; +} +.btn-outline-primary:hover { + color: white; + border: yellow; + background-color: #ffae42; +} +.btn-outline-primary { + border-radius: 30px; + color: white; + border: yellow; + background-color: #ffae42; +} +.btn-outline-primary i { + display: none; +} +.btn-primary { + background-color: #222831 !important; + border-color: #222831 !important; + letter-spacing: 2px; + border-radius: 30px; +} + +.btn-primary span { + padding-left: 5px; +} + +.btn-primary:hover { + background-color: #2c3440 !important; + border: none; +} +.btn-secondary { + color: #fff; + background-color: #222831; + border-color: #222831; + border-radius: 30px; +} +.btn-secondary:hover { + color: #fff; + background-color: #222831; + border-color: #222831; +} + +.img-pay{ + width: 120%; +} +.cstm_tbl{ + border-bottom-width: 0 !important; + box-shadow: none !important; +} +.tbl-tbl{ + background-color: transparent; + width: 120%; +} +.tbl-tbl h3{ + margin: 5%; +} +.btn-color{ + background-color: black; + border: black; + +}.btn-color:hover{ + background-color: black; + border: black; +} +.pro-buy{ + margin-left: 5% +} + +/*.......*/ + +.sample{ + width: 100%; +} +.image_td{ + width: 10%; + padding: 0 !important; +} + +/*.....................Cart Page...........................*/ + +.banner-imgcart { + + background-image: url('/theme_coffee_shop/static/src/images/coffee-mugs-blue-textured-wallpaper.jpg'); + background-position: center; + background-size: cover; + width: 100%; +} + +#my-cart .cart-heading { + font-size: 20px; + font-weight: 600; + position: relative; + +} + +#my-cart .cart-heading:after { + content: " "; + position: absolute; + background-color: #CC2300; + border-radius: 10px; + width: 30%; + height: 4px; + bottom: -8px; + left: 0; +} +/* +.border { + margin-top: 40px; + width: 100%; + margin-bottom: 60px; + border: 1px solid rgba(0, 0, 0, 0.2); +}*/ + +.cart-head { + display: flex; + align-items: flex-start; + justify-content: space-evenly; +} + +.item-mainhead { + margin-bottom: 50px; +} + +.table-head { + font-weight: 600; + font-size: 18px; + line-height: 14px; + color: #282828; +} + +.table-content { + align-items: center; + margin-bottom: 30px; + display: flex; + justify-content: space-between; +} + + +.border_link{ + border: 0px !important; +} + + +.item { + display: flex; + align-items: center; + + gap: 16px; +} + +.item-img { + width: 100px; + height: 100px; + border-radius: 10px; + position: relative; +} + +.item-img img { + width: 100%; + height: 100%; +} + +.item-desc { + display: flex; + flex-direction: column; +} + +.product-indicate { + width: 16px; + height: 16px; + border: 1px solid #03C545; + display: flex; + align-items: center; + justify-content: center; + +} + +.indicate-content { + width: 8px; + height: 8px; + border-radius: 50%; + background: #03C445; +} + +.item-name { + font-weight: 600; + font-size: 16px; + line-height: 13px; + color: #282828; +} + +.item-about { + font-weight: 400; + font-size: 16px; + line-height: 12px; + text-transform: capitalize; + color: #FF9B17; + +} + +.item-price { + font-weight: 600; + font-size: 18px; + line-height: 25px; + color: #282828; + margin-bottom: 0px; +} + +.close-circle { + width: 24px; + height: 24px; + background: rgba(204, 35, 0, 0.1); + border-radius: 25px; + display: flex; + align-items: center; + justify-content: center; +} + +.close-circle i { + color: #CC2300; +} + +.next-indicate { + border: 1px solid #CC2300; +} + +.background-indicate { + background: #CC2300; +} + +.continue-shopping { + margin-bottom: 85px; + margin-top: 35px; +} + +#cart-sum { + display: flex; + justify-content: space-between; + margin-bottom: 100px; +} + +.conti-shop { + font-weight: 600; + font-size: 16px; + line-height: 22px; + color: #282828; +} + +.shop-details p { + font-weight: 300; + font-size: 14px; + line-height: 22px; + color: #282828; + margin-bottom: 10px; +} + +.list-row { + display: flex; + justify-content: space-between; + margin-right: 0px; + margin-left: 0px; + margin-bottom: 16px; + +} + +.list { + font-weight: 400; + font-size: 18px; + line-height: 15px; + color: #282828; + +} + +.amount { + font-weight: 600; + font-size: 18px; + line-height: 15px; + color: #282828; +} + +.coupon { + font-weight: 500; + font-size: 16px; + line-height: 15px; + color: #FF9B17; + text-decoration-line: underline; + cursor: pointer; +} + +.coupon:hover { + + color: #FF9B17; + text-decoration-line: underline; +} + +.grand-total { + font-weight: 600; + font-size: 25px; + line-height: 34px; + color: #282828; +} + +.btn-ckeckout { + font-weight: 500; + font-size: 20px; + line-height: 15px; + color: #FFFFFF; + padding: 18px 70px; + background: #282828; + border-radius: 5px; + margin-bottom: 40px; + text-align: center; +} + +.check-btn { + display: flex; + flex-direction: column; +} + +.btn-ckeckout:hover { + color: #FFFFFF; + text-decoration: none; +} + +.mob-close { + display: none; + position: absolute; + right: 0; + top: -15px; + +} + +/*..........checkout.................*/ + +.login-method { + margin-top: 130px; + margin-bottom: 30px; + font-weight: 700; + font-size: 18px; + line-height: 15px; + color: #282828; +} + +.login, +.login:hover { + color: #FF9B17; + text-decoration: underline; +} + +.enter-address { + font-weight: 600; + font-size: 25px; + line-height: 34px; + color: #282828; + +} + +.address-add { + width: 50px; + height: 50px; + background: #F0F0F0; + border-radius: 2px; + display: flex; + align-items: center; + justify-content: center; +} + +.address-add .add { + background: #FF9B17; + height: 3px; + width: 25px; +} + +.login-address { + display: flex; + align-items: center; + justify-content: space-between; +} + +.cartform-group { + margin-bottom: 0px; +} + +.catform-btn:hover { + background: #282828; +} + +.summary { + font-weight: 600; + font-size: 25px; + line-height: 34px; + color: #282828; + margin-bottom: 45px; +} + + + +.accordion { + background-color: transparent; + color: #282828; + font-weight: 600; + font-size: 25px; + line-height: 34px; + color: #282828; + margin-bottom: 0px; + cursor: pointer; + padding: 0px; + width: 100%; + text-align: left; + border: none; + outline: none; + transition: 0.4s; +} + +.accordion:focus { + outline: none; + border: none; +} + +/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ +.active, +.accordion:hover { + background-color: transparent; +} + +/* Style the accordion panel. Note: hidden by default */ +.panel { + margin: 20px 0px; + padding: 50 0px; + background-color: none; + display: none; + overflow: hidden; +} + +.accordion:after { + content: '+'; + + font-size: 40px; + color: #000000; + float: right; + margin-left: 5px; +} + +.accordion.active:after { + content: "-"; + +} +.delivery-accordion:after{ + content: '+'; + color: #FF9B17; + font-size: 40px; + background: #eaeaea; + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + +} + + +.checkoutlast { + margin-bottom: 100px; +} + +.cartform-right { + margin-top: 0px; +} + +/*.............Contact Us.......................*/ +.banner-imgContact { + background-image: url('/theme_coffee_shop/static/src/images/coffee-bannerimg.jpg'); + background-position: center; + background-size: cover; + width: 100%; +} + +.contact-heading { + font-size: 20px; + font-weight: 600; + position: relative; + +} + +.contact-heading:after { + content: " "; + position: absolute; + background-color: #CC2300; + border-radius: 10px; + width: 30%; + height: 4px; + bottom: -8px; + left: 0; +} + +#contact .contact-container { + margin-top: 40px; + display: flex; + justify-content: space-between; + + flex-wrap: wrap; + +} + +.get-intouch-left { + width: 50%; +} + +.get-intouch-right { + margin-top: 0px; + width: 50%; + align-items: center; + justify-content: center; + +} + +.getin-footer { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.getin-img { + height: 442px; + width: 448px; +} + +.getin-text { + width: 448px; + font-weight: 700; + font-size: 60px; + line-height: 83px; + color: #282828; +} + +.getin-img img { + width: 100%; + height: 100%; +} + +.getin-promise { + font-weight: 400; + font-size: 18px; + line-height: 35px; + text-align: center; + color: #282828; + width: 100%; + padding: 0px 50px; + margin-bottom: 40px; + margin-top: 40px; +} + +.send-btn { + align-items: center; + text-align: center; + background: #282828; + border-radius: 5px; + color: #fff; + padding: 16px 80px; + font-weight: 500; + font-size: 20px; + line-height: 22px; + +} +.send-btn:hover{ + color: white; + text-decoration: none; +} + +#map { + display: flex; + align-items: center; + justify-content: center; + margin-top: 100px; +} + +.map-container { + width: 800px; + height: 445px; +} + +/*..............Shop..........................*/ + +.banner-imgShop { + background-image: url('/theme_coffee_shop/static/src/images/coffee-shopimg.jpg'); + background-position: center; + background-size: cover; + width: 100%; +} + +#shopping { + display: flex; + margin-bottom: 100px; + justify-content: space-between; + +} + +.shop-heading { + font-weight: 600; + font-size: 25px; + line-height: 34px; + color: #282828; +} + +.searching-bar { + display: flex; + align-items: center; + gap: 16px; +} + +.product-search { + width: 20%; +} + +.searching-bar input { + outline: none; + border: none; + background: transparent; + font-weight: 400; + font-size: 16px; + line-height: 14px; + color: #282828; + width: 100%; +} + +.search-result { + width: 75%; + +} + +.result-row { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 70px; +} + +.shop-procard { + justify-content: space-between; + +} + +.shop-pro { + max-width: 30%; +} + +.result-head { + font-weight: 400; + font-size: 16px; + line-height: 14px; + text-transform: capitalize; + color: #282828; +} + +.sorting { + display: flex; + align-items: center; + gap: 28px; +} + +#shopping a:hover { + text-decoration: none; + +} + +/* Fixed sidenav, full height */ +.sidenav { + + width: 200px; + + background-color: transparent; + + padding-top: 20px; +} + + + +.dropdown-btn { + padding: 16px 0px; + text-decoration: none; + font-weight: 700; + font-size: 18px; + line-height: 18px; + color: #282828; + display: flex; + align-items: center; + border-bottom: 0.5px solid #E2E2E2; + justify-content: space-between; + background: none; + width: 100%; + text-align: left; + cursor: pointer; + outline: none; + border-left: none; + border-right: none; + border-top: none; + margin-bottom: 20px; + + +} + +.dropdown-btn:after { + + content: '+'; + font-size: 28px; + color: black; + font-weight: bold; + float: right; + +} + +.dropdown-btn.active:after { + content: "-"; + +} + +.dropdown-btn:focus { + outline: none; +} + + + + +.main { + margin-left: 200px; + font-size: 20px; + + padding: 0px 10px; +} + +/* Add an active class to the active dropdown button */ +.active {} + +.dropdown-container { + margin: 16px 0px; + display: none; + background-color: transparent; + +} + +.dropdown-container a { + font-weight: 500; + font-size: 16px; + line-height: 35px; + color: #282828; + display: block; +} + +.dropdown-container a:hover, +a.active { + color: #FF9B17; +} + +.shop-filter { + display: none; +} + + +/*.....................About page............*/ +.banner-imgAbout { + background-image: url('/theme_coffee_shop/static/src/images/coffee-mugs-blue-textured-wallpaper.jpg'); + background-position: center; + background-size: cover; + width: 100%; +} + +.abt-about { + margin-top: 200px; +} + +#about-feature { + margin-bottom: 200px; + align-items: center; + justify-content: center; + flex-wrap: wrap; + gap: 100px; +} + +.since { + position: absolute; + width: 160px; + height: 160px; + background: #FFFFFF; + border-radius: 15px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + bottom: 60px; + left: -100px; +} + +.since-text .year { + font-weight: 700; + font-size: 60px; + color: #282828; +} + +.since-text .yearsub { + font-weight: 700; + font-size: 25px; + color: #282828; + +} + +.ab-ftcontainer { + width: 1119.68px; + max-width: 100%; + + background: #FFFFFF; + box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.1); + border-radius: 5px; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + gap: 100px; +} + +.ft-item { + margin: 30px 0px; + display: flex; + align-items: center; + flex-direction: column; + text-align: center; +} + +.ft-img { + width: 55px; + height: 80px; +} + +.ft-img img { + width: 100%; + height: 100%; +} + +.ft-descr { + margin: 10px 0px; + font-weight: 700; + font-size: 18px; + line-height: 18px; + color: #FF9B17; + +} + +.ft-para { + font-weight: 400; + font-size: 16px; + text-align: center; + text-transform: capitalize; + color: #282828; + width: 250px; + +} + +#promo-vedio { + + margin-bottom: 200px; +} + +.promo-container { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 50px; + flex-wrap: wrap; +} + +.promo-content { + width: 40%; +} + + +.promo-head { + width: 544px; + font-size: 60px; + margin-bottom: 40px; + font-weight: 800; + font-family: 'Montserrat', sans-serif; +} + +.promo-para { + font-weight: 400; + font-size: 16px; + line-height: 35px; + color: #282828; + margin-top: 16px; +} + +.vedio-container { + width: 640px; + height: 300px; + border-radius: 10px; +} + +.vedio-container iframe { + width: 100%; + height: 100%; +} + +/*................Features Page.........................*/ +.banner-imgFeature { + background-image: url('/theme_coffee_shop/static/src/images/top-view-bowls-with-coffee-beans-powder.jpg'); + background-position: center; + background-size: cover; + width: 100%; +} + +#service { + margin-bottom: 200px; +} + +.service-container { + display: flex; + align-items: center; + justify-content: space-between; + + +} + +.service-content { + width: 45%; +} + +.delivery-img {} + +.delivery-img img { + width: 100%; + height: 100%; +} + +.service-head { + font-weight: 700; + font-size: 60px; + color: #282828; +} + +.service-para { + font-weight: 400; + font-size: 16px; + line-height: 35px; + color: #282828; +} + +#other-features { + margin-bottom: 200px; +} + +.service-provide { + display: flex; + align-items: center; + gap: 20px; + margin-bottom: 26px; + +} + +.service-name { + font-weight: 600; + font-size: 25px; + color: #282828; + width: 200px; +} + +.ser-col { + margin-bottom: 40px; +} + +/*.......................................Media qeuery........................................*/ + + + +@media(max-width:1184px) { + .wrapper { + max-width: 978px; + } + + #main-content { + margin-bottom: 100px; + + } + + + #menu-card .card { + + justify-content: center; + + } + + .card { + + min-width: 306px; + + } + + .pro { + min-width: 32%; + } + + .pro { + padding: 30px; + } + + .pro-details .desc-head { + font-size: 24px; + + } + + .pro-para { + font-size: 18px; + } + + #product .pro-head { + text-align: center; + + } + + .price p { + font-size: 30px; + + } + + + .pro-card { + + gap: 70px; + } + + + .pro-btn { + font-size: 16px; + } + + .pr-right { + width: 60%; + } + + .promo-content { + width: 75%; + } + + .promo-container { + gap: 80px; + } + + .pro-vedio { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + } + + .shop-procard { + justify-content: center; + gap: 0px; + } + + .shop-pro { + + min-width: 75%; + + + } + + .product-search { + width: 50%; + } + + .sidenav { + width: 300px; + + } + + .service-head { + font-size: 52px; + + } +} + + + +@media(max-width:1024px) { + + #offer .offer-content { + + width: 460px; + height: 330px; + + } + + .since { + display: none; + } + + + +} + +@media(max-width:1017px) { + .wrapper { + max-width: 900px; + } + + #main-content .left-section .main-head { + width: 82%; + } + + .service-head { + font-size: 46px; + } + + .service-content { + width: 65%; + } + + #main-content .right-section .landing-img:nth-child(3) p { + width: max-content; + } + + .col-ch { + max-width: 47%; + } + .img-box { + + height: 450px; + + } + .img-box:nth-child(2) { + + height: 350px; + } + .img-box:nth-child(3) { + + height: 280px; + } + + + +} + +@media(max-width:992px) { + #about-us .about-main { + font-size: 46px; + } + + #about-us .about-para { + line-height: 30px; + width: 83%; + } +} + +@media(max-width:984px) { + .wrapper { + max-width: 798px; + margin: 0 auto; + } +} + +@media(max-width:980px) { + .nav-bar ul { + background: #fff8e3; + display: block; + position: fixed; + top: 100px; + width: 300px; + height: 90vh; + right: -300px; + } + + .nav-bar ul.active { + + display: block; + + right: 0px; + } + + .nav-bar ul li { + text-align: center; + margin: 20px; + } + + .menu { + display: block; + } + + .mobile { + display: block; + } + + .navbar-mob-icon { + display: flex; + gap: 20px; + + } + + .mob-navig { + display: flex; + gap: 20px; + } + + .navbar-icon { + display: block; + + } + + .notify-icon { + display: none; + } + + + + .wrapper { + max-width: 796px; + margin: 0 auto; + } + + #main-content { + margin-bottom: 0px; + + } + + #main-content .left-section .main-head { + font-size: 42px; + margin-bottom: 50px; + } + + #main-content .left-section { + width: 40%; + } + + #main-content button { + padding: 16px 20px; + font-size: 16px; + } + + #main-content .right-section .landing-img:nth-child(3) p { + + width: max-content; + margin: 0px; + text-align: center; + + } + + .img-box { + + height: 429px; + + } + .img-box:nth-child(2) { + + height: 353px; + } + .img-box:nth-child(3) { + + height: 273px; + } + + + #about-us .about-main { + font-size: 40px; + } + + #about-us p { + line-height: 32px; + width: 88%; + } + + #about-us button { + padding: 16px 24px; + bottom: -25px; + left: 50px; + } + + #menu-card .card { + flex-direction: column; + } + + .pro { + + min-width: 259px; + + } + + .team-details { + padding-left: 0px; + } + + #team .team-head { + font-size: 50px; + font-weight: 700; + } + + #team .heading:after { + + bottom: 12px; + } + + #team .team-img .main-head { + font-size: 36px; + font-weight: 600; + } + + #team .team-img .sub-head { + font-size: 20px; + } + + #team .social-icon { + padding-right: 6px; + } + + .col-ch { + max-width: 47%; + } + + #testimonial .team-head { + font-size: 44px; + } + + + .p-describe { + width: 100%; + + } + #testimonial .testimonial-content { + width: 594px; + gap: 40px; + text-align: center; + align-items: center; + justify-content: center; + } + + .main-des { + font-size: 36px; + } + + #form-section .form-btn { + padding: 12px 65px; + font-size: 24px; + + } + + .banner-head { + font-size: 36px; + } + + .filter { + justify-content: center; + } + + #Sliding { + + justify-content: center; + } + + + #product-details .pr-container { + align-items: center; + gap: 30px; + flex-direction: column; + } + + #product-details { + margin-top: 74px; + + } + + #product-details .pr-img { + width: 80%; + } + + .pr-right { + width: 80%; + } + + .counter input { + width: 40px; + } + + #contact .contact-container { + flex-direction: column; + justify-content: center; + align-items: center; + } + + .get-intouch-left { + width: 100%; + } + + .get-intouch-right { + width: 100%; + margin-top: 70px; + } + + .getin-img { + display: none; + + } + + .ab-ftcontainer { + + gap: 50px; + } + + .shop-pro { + + min-width: 75%; + + } + + .service-content { + width: 70%; + } + +} + +@media(max-width:967px) { + #about-us .about-main { + + font-size: 55px; + + } + + #about-us .about-para { + line-height: 30px; + width: 80%; + } + + #form-section .main-head { + font-size: 50px; + } + + .wrapper { + max-width: 720px; + } + + .service-content { + width: 100%; + } + + .service-container { + + margin-top: 20px; + } + .img-box:nth-child(1) { + width: 443px; + } + .img-box:nth-child(2) { + height: 303px; + } + .img-box:nth-child(3) { + height: 229px; + } + #main-content .right-section .img-box:nth-child(3) p { + + left: -27px; + } +} + +@media(max-width:925px) { + #about-us .about-para { + + width: 100%; + } +} + + +@media(max-width:830px) { + #main-content { + + height: 80vh; + } + + .abt-row { + flex-direction: column; + } + + .landing-aboutleft { + display: block; + + } + + .about-right { + max-width: 100%; + display: flex; + align-items: center; + justify-content: center; + } + + .abt-about-img { + + width: 60%; + } + + .promo-content { + width: 80%; + } + +} + + +@media(max-width:768px) { + .wrapper { + max-width: 600px; + margin: 0 auto; + + } + + #main-content .left-section .main-head { + width: 92%; + } + #main-content .right-section p { + font-size: 22px; + + } + + #main-content { + + height: 62vh; + } + .img-box { + height: 309px; + } + .img-box:nth-child(2) { + height: 256px; + } + .img-box:nth-child(3) { + height: 207px; + } + #main-content .right-section .img-box:nth-child(3) p { + + left: -36px; + } + #about-us .about-main { + font-size: 34px; + } + + #about-us .about-img { + position: static; + } + + #about-us .about-para { + line-height: 30px; + width: 93%; + } + + + #about-us button { + margin-top: 50px; + padding: 12px 46px; + position: static; + } + + .landing-about { + max-width: 624px; + } + + + + #menu-card .card { + min-width: 40%; + } + + #product { + margin-bottom: 120px; + } + + .price p { + font-size: 24px; + } + + #team { + margin-bottom: 100px; + } + + #team .heading:after { + bottom: 45px; + } + + #team .team-img { + min-width: 95%; + } + + .form-6 { + max-width: 90%; + flex: 1 0 50%; + } + + .form-img { + display: none; + } + + .p-describe { + width: 100%; + + } + + #testimonial .testimonial-content { + + text-align: center; + align-items: center; + justify-content: center; + } + + .main-des { + font-size: 30px; + } + + .p-para { + + font-size: 14px; + line-height: 26px; + + } + + .pro-card { + gap: 25px; + } + + .pro { + + margin: 12px; + } + + #testimonial .testimonial-content { + + padding: 24px 42px; + + } + + .banner-head { + + font-size: 46px; + + } + + .item { + justify-content: space-between; + flex-direction: row-reverse; + } + + .mob-cart { + display: none; + } + + .pr-mob { + max-width: 100%; + flex: 1 0 100%; + } + + + .mob-col { + text-align: end; + } + + .remove { + display: none; + } + + #cart-sum { + + flex-direction: column-reverse; + } + + .mob-close { + display: block; + color: #CC2300; + + } + + .checkoutmob-col { + max-width: 100%; + flex: 1 0 50%; + } + + .cartform-right { + + flex: 1 0 50%; + max-width: 100%; + } + + .getin-text { + + font-size: 54px; + + + + + + } + + #about-us .about-img { + + width: 100%; + } + + .abt-mr { + width: 80%; + } + + .sidenav { + width: 200px; + } + + .shop-pro { + min-width: 100%; + } + + .result-head { + font-weight: 500; + font-size: 14px; + + } + + .sorting { + + gap: 14px; + } + + .service-container { + + flex-direction: column; + } + + #service { + margin-bottom: 100px; + } + + #other-features { + margin-bottom: 100px; + } + + .shopping-cart.showcart { + right: 10px; + + } + + .shopping-cart { + width: 75%; + height: auto; + + } + + .cart-box .cartremove { + + display: block; + + } + + .cart-box { + margin: 20px; + + } + + .cart-name { + font-size: 18px; + } + + .cart-box .cart-border { + + margin-bottom: 0px; + } + + .items-cart { + margin: 6px 8px; + + gap: 0px; + } + + .cart-buttons { + justify-content: center; + flex-direction: column; + gap: 10px; + } + + .cart-buttons button { + + font-size: 16px; + width: 100%; + } + + .cartview { + + padding: 12px 6px; + + } + +} + +@media(max-width:649px) { + #team .team-img { + min-width: 95%; + } + + .login-form-container form { + width: 400px; + height: auto; + + } + #main-content .right-section p { + font-size: 22px; + bottom: 18px; + } + + .form-content { + margin: 29px 41px; + + } + + .login-form-head { + font-size: 22px; + } + + .login-google { + font-size: 18px; + } + + .login-or { + font-size: 14px; + } + + .login-input { + + padding: 12px 24px; + + } + + .frgt-text { + + font-size: 14px; + + } + + .register { + + font-size: 14px; + + } +} +@media(max-width:640px) { + .wrapper { + max-width: 580px; + margin: 0 auto; + } +} + +@media(max-width:630px) { + .wrapper { + max-width: 480px; + margin: 0 auto; + } + + #main-content .left-section .main-head { + width: 100%; + } + + .shop-filter { + font-size: 22px; + cursor: pointer; + display: block; + } + + .service-para { + font-size: 14px; + } + + #shopping { + flex-direction: column; + } + + .product-search { + width: 100%; + } + + .sidenav { + width: 100%; + } + + .search-result { + width: 100%; + margin-top: 50px; + } + + .pr-categories { + display: none; + } + + +} + + +@media(max-width:630px) { + #team .heading:after { + bottom: 6px; + } + + #testimonial .testimonial-content { + width: 498px; + } + + #main-content button { + padding: 16px; + font-size: 20px; + } + + #main-content { + height: unset; + } + + .main-row { + + display: flex; + flex-direction: column; + gap: 80px; + } + + #main-content .left-section { + margin-top: 40px; + max-width: 100%; + } + + #main-content .right-section { + + max-width: 100%; + margin-bottom: 100px; + } + + #about-us button { + padding: 12px 22px; + } + +} + +@media(max-width:575px) { + .wrapper { + max-width: 420px; + margin: 0 auto; + } + + #main-content .left-section .main-head { + + width: 46%; + } + #main-content .right-section p { + font-size: 18px; + + } + #main-content .right-section .img-box:nth-child(3) p { + left: -21px; + } + + #about-us button { + + width: 100%; + } + + .main-row { + + flex-direction: column; + } + + + #main-content { + + height: auto; + } + + #main-content .left-section { + width: 100%; + } + + .about-left { + + min-width: 100%; + } + + .about-right { + + min-width: 100%; + } + + + + +} + +@media(max-width:540px) { + .wrapper { + max-width: 400px; + margin: 0 auto; + + } + + + .form-6 { + max-width: 100%; + + } + + #about-us button { + padding: 12px 130px; + } + + #banner { + height: 230px; + } + + .accordion { + + font-size: 22px; + + } + + + .btn-ckeckout { + font-size: 19px; + } + + #offer .offer-content { + width: 350px; + + height: 240px; + } + + + .since { + + bottom: -74px; + left: 139px; + box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.1); + } + + .promo-content { + width: 100%; + } + + .promo-head { + font-size: 56px; + } + + #about-us .about-para { + + font-size: 14px; + line-height: 30px; + width: 100%; + } + + #testimonial .testimonial-content { + width: 400px; + } +} + +@media(max-width:500px) { + .wrapper { + max-width: 335px; + } + + #about-us button { + + width: auto; + } + + #main-content { + margin-bottom: 0px 0px; + height: auto; + } + + .main-row { + + gap: 50px; + } + + #main-content .left-section { + + min-width: 100%; + margin: 10px 0px; + } + + #main-content .right-section { + min-width: 100%; + margin-bottom: 100px; + padding:0px ; + } + + + #main-content .left-section .main-head { + width: 56%; + margin-bottom: 30px; + } + + .gallery { + + gap: 18px; + } + + #main-content .right-section .landing-img p { + font-size: 20px; + + bottom: 16px; + + } + + #main-content button { + padding: 14px; + + width: 90%; + } + + #main-content .right-section .landing-img:nth-child(3) p { + + margin: -22px; + bottom: 100px; + } + + #team .team-img { + min-width: 85%; + } + + #about-us { + margin-bottom: 150px; + } + + .about-left { + min-width: 100%; + } + + .about-right { + min-width: 100%; + } + + #about-us button { + + position: absolute; + } + + #about-us button { + padding: 12px 25px; + left: 75px; + } + + #product { + margin-bottom: 75px; + } + + #team { + margin-bottom: 100px; + } + + + .pro { + min-width: 100%; + margin: 20px; + + } + + + + #product .pro-head { + font-size: 34px; + text-align: center; + } + + #testimonial { + + margin-bottom: 100px; + } + + #testimonial .team-head { + font-size: 40px; + } + + #form-section { + margin-bottom: 100px; + } + + #form-section .main-head { + font-size: 48px; + } + + #team .team-img .main-head { + font-size: 28px; + + } + + #team .team-img .sub-head { + font-size: 18px; + } + + #team .social-icon i { + font-size: 22px; + + } + + #team .team-img { + min-width: 100%; + } + + #banner { + margin-bottom: 60px; + } + + .banner-content { + align-items: center; + } + + .banner-head { + font-size: 36px; + } + + .filter { + gap: 18px; + } + + .filter-box { + width: 142.32px; + height: 42px; + font-weight: 500; + font-size: 16px; + } + + #offer .offer-content { + width: 345px; + + height: 245px; + } + + #offer .off-details .off-main { + font-weight: 600; + font-size: 28px; + line-height: 24px; + + } + + .off-details .off-price { + font-weight: 400; + font-size: 18px; + line-height: 10px; + + } + + .offer-btn { + font-size: 20px; + line-height: 10px; + color: #282828; + padding: 8px 24px; + + } + + .small-detail { + width: 100%; + } + + .cust-name { + font-size: 15px; + line-height: 34px; + margin-right: 10px; + } + + .counter .box-container { + padding: 6px; + line-height: 20px; + + } + + .button-grp { + + gap: 20px; + flex-wrap: wrap; + + } + + .purchase-btn { + font-size: 14px; + padding: 12px 24px; + + } + + .cart-btn { + font-size: 14px; + padding: 12px 24px; + + } + + .btn-ckeckout { + + font-size: 18px; + line-height: 12px; + padding: 18px 32px; + + } + + #banner { + height: 200px; + } + + .login-method { + margin-top: 70px; + font-size: 16px; + } + + .enter-address { + font-size: 20px; + line-height: 24px; + } + + .address-add { + width: 40px; + height: 40px; + } + + .address-add .add { + width: 20px; + } + + .cartform-right { + margin-top: 60px; + + } + + .accordion { + + font-size: 20px; + + } + + .accordion:after { + + font-size: 35px; + + } + + + + + + .getin-text { + width: 300px; + font-size: 40px; + line-height: 58px; + + } + + .getin-promise { + padding: 0px 6px; + } + + #promo-vedio { + margin-bottom: 100px; + } + + #about-feature { + margin-bottom: 100px; + + } + + .ab-ftcontainer { + gap: 0px; + } + + .promo-content { + width: 100%; + } + + .promo-head { + font-size: 42px; + + } + + .since { + bottom: -50px; + left: 95px; + + } + + .abt-mr { + margin: 30px; + } + + .service-head { + font-size: 36px; + } + + .service-name { + font-size: 24px; + } + + .service-provide { + + margin-bottom: 10px; + } + + .service-para { + + line-height: 30px; + + } + + .ser-col { + margin-bottom: 24px; + } + + .login-form-container form { + width: 80%; + height: auto; + } + + #testimonial .testimonial-content { + width: 98%; + } + +} + +@media(max-width:465px) { + + .form-content { + margin: 20px 16px; + } + + .login-form-head { + font-size: 16px; + margin-bottom: 18px; + } + + .login-close { + + font-size: 16px; + right: 12px; + top: 12px; + + } + + .login-google { + font-size: 14px; + padding: 10px 12px; + } + + .login-google img { + display: none; + } + + .login-or { + font-size: 12px; + + margin-top: 19px; + margin-bottom: 25px; + } + + .login-input { + + font-size: 12px; + + padding: 8px; + + } + + .password-settings label { + + font-size: 10px; + + } + + .frgt-text { + font-size: 10px; + } + + .password-settings { + margin-bottom: 24px; + } + + .register { + margin-top: 12px; + font-size: 12px; + } + + .create-one { + font-size: 12px; + display: block; + + } + +} + +@media(max-width:396px) { + #team .team-img { + min-width: 95%; + } + + #team .team-head { + font-size: 42px; + + } + + #team .heading:after { + bottom: 24px; + } + + .getin-text { + + font-size: 32px; + + } + + #main-content .left-section .main-head { + width: 59%; + } +} + + +@media(max-width:365px) { + .wrapper { + max-width: 290px; + } + + #main-content .left-section .main-head { + font-size: 36px; + } + + .img-box:nth-child(1) { + width: 443px; + } + #main-content .right-section .landing-img p { + font-size: 16px; + bottom: 0px; + + } + + #offer .offer-content { + width: 300px; + height: 200px; + } + + #form-section .main-head { + font-size: 42px; + } + + #team .team-img { + height: 230px; + } + + #team .heading:after { + bottom: -3px; + } + + #form-section .form-btn { + padding: 12px 93px; + + } + + .cust-name { + font-size: 12px; + + } + + .login-method { + + font-size: 15px; + } + + .enter-address { + font-size: 18px; + line-height: 22px; + } + + .accordion { + + font-size: 16px; + + } + + .accordion:after { + + font-size: 33px; + + } + + + .since { + left: 76px; + + } + + .abt-mr { + margin: 35px; + } + + +} + + +@media(max-width:320px) { + .wrapper { + max-width: 284px; + } + + #main-content .left-section .main-head { + font-size: 42px; + } + .img-box { + height: 200px; + } + .img-box:nth-child(2) { + height: 158px; + } + .img-box:nth-child(3) { + height: 107px; + } + + #main-content .right-section p { + font-size: 13px; + } + #main-content .right-section .img-box:nth-child(3) p { + + left: -16px; + bottom: 27px; + } + #form-section .main-head { + font-size: 32px; + } + + #about-us .about-main { + font-size: 32px; + } + + #team .team-head { + font-size: 42px; + + } + + #about-us button { + left: 55px; + } + + #team .team-img .sub-head { + font-size: 16px; + } + #offer .offer-content { + width: 280px; + height: 200px; + } + + #team .team-img { + height: 220px; + } + + #form-section .main-head { + font-size: 41px; + } + + .btn-ckeckout { + font-size: 16px; + padding: 18px 26px; + } + + .item-name { + font-size: 14px; + line-height: 11px; + } + + .item-about { + font-size: 14px; + line-height: 10px; + } + + .item-price { + + font-size: 16px; + + } + + .counter input { + width: 36px; + font-size: 15px; + } + + .since { + left: 75px; + } + + .accordion:after { + + font-size: 30px; + + } + + .shopping-cart { + width: 90%; + height: auto; + + } + + .close-circle { + width: 16px; + height: 16px; + + } + + + +} + +@media(max-width:312px) { + .wrapper { + max-width: 230px; + } + + #main-content button { + padding: 10px; + font-size: 16px; + } + + #about-us button { + left: 34px; + } + + #about-us .about-main { + font-size: 30px; + } + + #menu-card .card span { + font-size: 14px; + + } + + #product .pro-head { + font-size: 32px; + + } + #offer .offer-content { + width: 250px; + height: 200px; + } + + .pro { + padding: 16px; + } + + .pro-btn { + padding: 6px 10px; + font-size: 12px; + } + + #team .team-head { + font-size: 36px; + } + + #team .team-img { + height: 186px; + } + + #team .team-img .main-head { + font-size: 24px; + } + + #team .team-img .sub-head { + font-size: 14px; + } + + #team .social-icon i { + font-size: 15px; + } + + #testimonial .team-head { + font-size: 33px; + } + + .testimonial-content .persons .p-img { + height: 100px; + width: 100px; + } + + .sub-address { + font-size: 16px; + } + + #testimonial .testimonial-content { + + gap: 20px; + } + + .review-star { + height: 16px; + width: 16px; + } + + .main-des { + font-size: 25px; + } + + .p-para { + font-size: 12px; + + } + + .p-name { + font-size: 17px; + + } + + #form-section .main-head { + font-size: 33px; + } + + #form-section .form-btn { + padding: 10px 64px; + font-size: 20px; + } + + .banner-head { + font-size: 30px; + } + + .service-head { + font-size: 25px; + } + + .service-para { + font-size: 12px; + line-height: 27px; + } + + .service-name { + font-size: 20px; + } + + .getin-text { + + font-size: 24px; + + } + + #main-content .left-section .main-head { + font-size: 31px; + } +} \ No newline at end of file diff --git a/theme_coffee_shop/static/src/images/1.png b/theme_coffee_shop/static/src/images/1.png new file mode 100644 index 000000000..ae1f1a97d Binary files /dev/null and b/theme_coffee_shop/static/src/images/1.png differ diff --git a/theme_coffee_shop/static/src/images/1.svg b/theme_coffee_shop/static/src/images/1.svg new file mode 100644 index 000000000..22381bea5 --- /dev/null +++ b/theme_coffee_shop/static/src/images/1.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/theme_coffee_shop/static/src/images/2.svg b/theme_coffee_shop/static/src/images/2.svg new file mode 100644 index 000000000..ee4e73c7d --- /dev/null +++ b/theme_coffee_shop/static/src/images/2.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/theme_coffee_shop/static/src/images/3.svg b/theme_coffee_shop/static/src/images/3.svg new file mode 100644 index 000000000..d023900a1 --- /dev/null +++ b/theme_coffee_shop/static/src/images/3.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_coffee_shop/static/src/images/4.svg b/theme_coffee_shop/static/src/images/4.svg new file mode 100644 index 000000000..5e59de6fb --- /dev/null +++ b/theme_coffee_shop/static/src/images/4.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_coffee_shop/static/src/images/Arrow 2.svg b/theme_coffee_shop/static/src/images/Arrow 2.svg new file mode 100644 index 000000000..b3a3a65ba --- /dev/null +++ b/theme_coffee_shop/static/src/images/Arrow 2.svg @@ -0,0 +1,3 @@ + + + diff --git a/theme_coffee_shop/static/src/images/cart.png b/theme_coffee_shop/static/src/images/cart.png new file mode 100644 index 000000000..93c3ed608 Binary files /dev/null and b/theme_coffee_shop/static/src/images/cart.png differ diff --git a/theme_coffee_shop/static/src/images/coffee-bannerimg.jpg b/theme_coffee_shop/static/src/images/coffee-bannerimg.jpg new file mode 100644 index 000000000..30aa08ad1 Binary files /dev/null and b/theme_coffee_shop/static/src/images/coffee-bannerimg.jpg differ diff --git a/theme_coffee_shop/static/src/images/coffee-contact.png b/theme_coffee_shop/static/src/images/coffee-contact.png new file mode 100644 index 000000000..6256f2dd5 Binary files /dev/null and b/theme_coffee_shop/static/src/images/coffee-contact.png differ diff --git a/theme_coffee_shop/static/src/images/coffee-mugs-blue-textured-wallpaper.jpg b/theme_coffee_shop/static/src/images/coffee-mugs-blue-textured-wallpaper.jpg new file mode 100644 index 000000000..236790836 Binary files /dev/null and b/theme_coffee_shop/static/src/images/coffee-mugs-blue-textured-wallpaper.jpg differ diff --git a/theme_coffee_shop/static/src/images/coffee-shopimg.jpg b/theme_coffee_shop/static/src/images/coffee-shopimg.jpg new file mode 100644 index 000000000..2031972a5 Binary files /dev/null and b/theme_coffee_shop/static/src/images/coffee-shopimg.jpg differ diff --git a/theme_coffee_shop/static/src/images/coffee.jpg b/theme_coffee_shop/static/src/images/coffee.jpg new file mode 100644 index 000000000..274f74c16 Binary files /dev/null and b/theme_coffee_shop/static/src/images/coffee.jpg differ diff --git a/theme_coffee_shop/static/src/images/featureitem1.svg b/theme_coffee_shop/static/src/images/featureitem1.svg new file mode 100644 index 000000000..8ca432488 --- /dev/null +++ b/theme_coffee_shop/static/src/images/featureitem1.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/theme_coffee_shop/static/src/images/featureitem2.svg b/theme_coffee_shop/static/src/images/featureitem2.svg new file mode 100644 index 000000000..1be1cae5f --- /dev/null +++ b/theme_coffee_shop/static/src/images/featureitem2.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/theme_coffee_shop/static/src/images/featureitem3.svg b/theme_coffee_shop/static/src/images/featureitem3.svg new file mode 100644 index 000000000..09abdae98 --- /dev/null +++ b/theme_coffee_shop/static/src/images/featureitem3.svg @@ -0,0 +1,4 @@ + + + + diff --git a/theme_coffee_shop/static/src/images/google 1.svg b/theme_coffee_shop/static/src/images/google 1.svg new file mode 100644 index 000000000..966d41411 --- /dev/null +++ b/theme_coffee_shop/static/src/images/google 1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/theme_coffee_shop/static/src/images/logo.png b/theme_coffee_shop/static/src/images/logo.png new file mode 100644 index 000000000..8db82a42b Binary files /dev/null and b/theme_coffee_shop/static/src/images/logo.png differ diff --git a/theme_coffee_shop/static/src/images/payment-method_69e7ec.svg b/theme_coffee_shop/static/src/images/payment-method_69e7ec.svg new file mode 100644 index 000000000..9dd0ea271 --- /dev/null +++ b/theme_coffee_shop/static/src/images/payment-method_69e7ec.svg @@ -0,0 +1,238 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_coffee_shop/static/src/images/search.svg b/theme_coffee_shop/static/src/images/search.svg new file mode 100644 index 000000000..6dad6f2ca --- /dev/null +++ b/theme_coffee_shop/static/src/images/search.svg @@ -0,0 +1,3 @@ + + + diff --git a/theme_coffee_shop/static/src/images/shopfilter.svg b/theme_coffee_shop/static/src/images/shopfilter.svg new file mode 100644 index 000000000..49532a881 --- /dev/null +++ b/theme_coffee_shop/static/src/images/shopfilter.svg @@ -0,0 +1,3 @@ + + + diff --git a/theme_coffee_shop/static/src/images/thumbnail/theme_coffee.jpeg b/theme_coffee_shop/static/src/images/thumbnail/theme_coffee.jpeg new file mode 100644 index 000000000..18bad0d88 Binary files /dev/null and b/theme_coffee_shop/static/src/images/thumbnail/theme_coffee.jpeg differ diff --git a/theme_coffee_shop/static/src/images/top-view-bowls-with-coffee-beans-powder.jpg b/theme_coffee_shop/static/src/images/top-view-bowls-with-coffee-beans-powder.jpg new file mode 100644 index 000000000..d2d1d9160 Binary files /dev/null and b/theme_coffee_shop/static/src/images/top-view-bowls-with-coffee-beans-powder.jpg differ diff --git a/theme_coffee_shop/static/src/images/wishlist.png b/theme_coffee_shop/static/src/images/wishlist.png new file mode 100644 index 000000000..cb3c2ff5a Binary files /dev/null and b/theme_coffee_shop/static/src/images/wishlist.png differ diff --git a/theme_coffee_shop/static/src/js/action.js b/theme_coffee_shop/static/src/js/action.js new file mode 100644 index 000000000..1dd5c54c7 --- /dev/null +++ b/theme_coffee_shop/static/src/js/action.js @@ -0,0 +1,63 @@ +odoo.define("theme_coffee_shop.theme_coffee_shop_template", function (require) { + "use strict"; + var ajax = require('web.ajax'); + +const navicon = document.getElementById('nav-icon'); +const navitem = document.getElementById('nav-item'); + +if(navicon){ + navicon.addEventListener("click",function(e){ + e.preventDefault(); + navitem.classList.toggle('active'); + }) + } + + function functionLike(r) { + r.classList.toggle("fa-solid"); + } + +function fliterclick() { + var x = document.querySelector(".pr-categories"); + if (x.style.display === "none") { + x.style.display = "block"; + } else { + x.style.display = "none"; + } +} + + +var acc = document.getElementsByClassName("accordion"); +var i; + +for (i = 0; i < acc.length; i++) { + acc[i].addEventListener("click", function() { + /* Toggle between adding and removing the "active" class, + to highlight the button that controls the panel */ + this.classList.toggle("active"); + + /* Toggle between hiding and showing the active panel */ + var panel = this.nextElementSibling; + if (panel.style.display === "block") { + panel.style.display = "none"; + } else { + panel.style.display = "block"; + } + }); +} + +const loginPage=document.querySelectorAll("#login-btn"); + +loginPage.forEach(login=>{ + login.addEventListener('click',e=>{ + e.preventDefault(); + document.querySelector('.login-form-container').classList.toggle('show'); + }) +}) + +document.querySelector(".login-close").onclick=()=>{ + document.querySelector('.login-form-container').classList.toggle('show'); +} + +}); + + diff --git a/theme_coffee_shop/views/about_us.xml b/theme_coffee_shop/views/about_us.xml new file mode 100644 index 000000000..89d7bc32c --- /dev/null +++ b/theme_coffee_shop/views/about_us.xml @@ -0,0 +1,31 @@ + + + + + About + qweb + theme_coffee_shop.coffee_about_us + /about + True + + + +
+ +
+
+ + + + + + \ No newline at end of file diff --git a/theme_coffee_shop/views/address.xml b/theme_coffee_shop/views/address.xml new file mode 100644 index 000000000..a20a39075 --- /dev/null +++ b/theme_coffee_shop/views/address.xml @@ -0,0 +1,233 @@ + + + + \ No newline at end of file diff --git a/theme_coffee_shop/views/cart.xml b/theme_coffee_shop/views/cart.xml new file mode 100644 index 000000000..03fe2ec28 --- /dev/null +++ b/theme_coffee_shop/views/cart.xml @@ -0,0 +1,87 @@ + + + + \ No newline at end of file diff --git a/theme_coffee_shop/views/cart_lines.xml b/theme_coffee_shop/views/cart_lines.xml new file mode 100644 index 000000000..8ab2fa188 --- /dev/null +++ b/theme_coffee_shop/views/cart_lines.xml @@ -0,0 +1,165 @@ + + + + \ No newline at end of file diff --git a/theme_coffee_shop/views/cart_popover.xml b/theme_coffee_shop/views/cart_popover.xml new file mode 100644 index 000000000..2f1e61996 --- /dev/null +++ b/theme_coffee_shop/views/cart_popover.xml @@ -0,0 +1,52 @@ + + + + \ No newline at end of file diff --git a/theme_coffee_shop/views/cart_summary.xml b/theme_coffee_shop/views/cart_summary.xml new file mode 100644 index 000000000..b49f23ec7 --- /dev/null +++ b/theme_coffee_shop/views/cart_summary.xml @@ -0,0 +1,74 @@ + + + + + + + \ No newline at end of file diff --git a/theme_coffee_shop/views/contact_us.xml b/theme_coffee_shop/views/contact_us.xml new file mode 100644 index 000000000..2651613bf --- /dev/null +++ b/theme_coffee_shop/views/contact_us.xml @@ -0,0 +1,222 @@ + + +