Update color scheme across various pages to enhance brand consistency
- Changed breadcrumb and heading colors from #ffb800 (yellow) to #e50000 (red) in about, blog, contact, FAQ, and product detail pages. - Updated background colors in sections and buttons to match the new color scheme. - Ensured all instances of the previous color are replaced for a cohesive look throughout the site.
This commit is contained in:
Alaguraj0361
parent
6a2bc89fb6
commit
3a2cc129c8
@ -80,7 +80,12 @@ class ImageHome(Website):
|
||||
|
||||
# User requested to hide all standard apps and POS/KDS.
|
||||
# Only allow specific menus based on user request + admin tools.
|
||||
allowed_menus = ['Online Orders', 'Website', 'Table Reservations', 'Uber Integration', 'Apps', 'Settings']
|
||||
allowed_menus = ['Online Orders', 'Website', 'Table Reservations', 'Uber Integration', 'Apps', 'Settings', 'Dine360 SaaS']
|
||||
|
||||
# Hide 'Website' icon from the parent level Dine360Restaurants database
|
||||
if request.env.cr.dbname and 'Dine360Restaurants' in request.env.cr.dbname:
|
||||
if 'Website' in allowed_menus:
|
||||
allowed_menus.remove('Website')
|
||||
|
||||
filtered_menus = []
|
||||
seen_names = set()
|
||||
@ -106,6 +111,8 @@ class ImageHome(Website):
|
||||
'Table Reservations': 'dine360_dashboard,static/src/img/icons/table_reservation.svg',
|
||||
'Uber Integration': 'dine360_dashboard,static/src/img/icons/uber_integration.svg',
|
||||
'Online Orders': 'dine360_dashboard,static/src/img/icons/website.svg',
|
||||
'Dine360 SaaS': 'dine360_dashboard,static/src/img/icons/saas.svg',
|
||||
'SaaS': 'dine360_dashboard,static/src/img/icons/saas.svg',
|
||||
}
|
||||
|
||||
# Find the best match in the mapping
|
||||
|
||||
@ -57,15 +57,15 @@ body.o_home_dashboard,
|
||||
.o_app:hover .o_app_icon_container {
|
||||
transform: translateY(-10px) rotate(2deg) !important;
|
||||
background: #ffffff !important;
|
||||
border-bottom: 2px solid #d6111e !important;
|
||||
border-bottom: 2px solid #e50000 !important;
|
||||
box-shadow:
|
||||
0 20px 25px -5px rgba(214, 17, 30, 0.2),
|
||||
0 20px 25px -5px rgba(229, 0, 0, 0.2),
|
||||
0 10px 10px -5px rgba(23, 20, 34, 0.1) !important;
|
||||
}
|
||||
|
||||
.o_app_icon_container::before {
|
||||
content: "";
|
||||
--pos-accent-red: #d6111e;
|
||||
--pos-accent-red: #e50000;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@ -97,7 +97,7 @@ body.o_home_dashboard,
|
||||
}
|
||||
|
||||
.o_app:hover .o_app_name {
|
||||
color: #d6111e !important;
|
||||
color: #e50000 !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
@ -120,9 +120,9 @@ body.o_home_dashboard,
|
||||
backdrop-filter: blur(15px) !important;
|
||||
-webkit-backdrop-filter: blur(15px);
|
||||
border-radius: 50px !important;
|
||||
border-color: #d6111e !important;
|
||||
box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.15) !important;
|
||||
box-shadow: 0 12px 25px rgba(214, 17, 30, 0.3) !important;
|
||||
border-color: #e50000 !important;
|
||||
box-shadow: 0 0 0 3px rgba(229, 0, 0, 0.15) !important;
|
||||
box-shadow: 0 12px 25px rgba(229, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
.o_top_item {
|
||||
@ -139,7 +139,7 @@ body.o_home_dashboard,
|
||||
}
|
||||
|
||||
.o_top_item:hover {
|
||||
color: #d6111e !important;
|
||||
color: #e50000 !important;
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
@ -152,7 +152,7 @@ body.o_home_dashboard,
|
||||
|
||||
.o_ai_icon {
|
||||
font-weight: 800;
|
||||
color: #d6111e !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
.badge_dot {
|
||||
@ -161,7 +161,7 @@ body.o_home_dashboard,
|
||||
right: 8px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: #d6111e !important;
|
||||
background: #e50000 !important;
|
||||
border-radius: 50% !important;
|
||||
border: 2px solid white !important;
|
||||
}
|
||||
@ -170,7 +170,7 @@ body.o_home_dashboard,
|
||||
width: 35px !important;
|
||||
height: 35px !important;
|
||||
border-radius: 12px !important;
|
||||
background: #d6111e !important;
|
||||
background: #e50000 !important;
|
||||
color: white !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
@ -4,7 +4,7 @@
|
||||
height: 100vh !important;
|
||||
width: 100vw !important;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_theme_shivasakthi/static/src/img/shivasakthi-banner-2.webp') !important;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_dashboard/static/src/img/login_bg.png') !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: center center !important;
|
||||
background-size: cover !important;
|
||||
@ -76,7 +76,7 @@
|
||||
font-size: 2rem !important;
|
||||
font-weight: 800 !important;
|
||||
margin-bottom: 10px;
|
||||
color: #d6111e !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
/* Logo */
|
||||
@ -94,9 +94,23 @@
|
||||
|
||||
/* Form Inputs */
|
||||
.form-control:focus {
|
||||
border-color: #FECD4F !important;
|
||||
box-shadow: 0 0 0 3px rgba(254, 205, 79, 0.2) !important;
|
||||
background: #ffffff !important;
|
||||
border-color: #e50000 !important;
|
||||
box-shadow: 0 0 0 3px rgba(229, 0, 0, 0.25) !important;
|
||||
background: rgba(255, 255, 255, 0.15) !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
select.form-control,
|
||||
.form-control select {
|
||||
color: #ffffff !important;
|
||||
background-color: rgba(255, 255, 255, 0.1) !important;
|
||||
}
|
||||
|
||||
select.form-control option,
|
||||
.form-control select option {
|
||||
background-color: #1e1e1e !important;
|
||||
color: #ffffff !important;
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
.o_login_form_container label {
|
||||
@ -132,23 +146,23 @@
|
||||
|
||||
/* Login Button with Gradient */
|
||||
.oe_login_buttons .btn-primary {
|
||||
background: #FECD4F !important;
|
||||
background: #e50000 !important;
|
||||
border: none !important;
|
||||
border-radius: 12px !important;
|
||||
padding: 14px !important;
|
||||
font-weight: 700 !important;
|
||||
font-size: 1rem !important;
|
||||
color: #04121D !important;
|
||||
color: #ffffff !important;
|
||||
width: 100% !important;
|
||||
transition: all 0.3s ease !important;
|
||||
box-shadow: 0 4px 15px rgba(254, 205, 79, 0.3) !important;
|
||||
box-shadow: 0 4px 15px rgba(229, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
.oe_login_buttons .btn-primary:hover {
|
||||
background: #04121D !important;
|
||||
color: #FECD4F !important;
|
||||
background: #111111 !important;
|
||||
color: #ffffff !important;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 8px 20px rgba(254, 205, 79, 0.4) !important;
|
||||
box-shadow: 0 8px 20px rgba(229, 0, 0, 0.4) !important;
|
||||
}
|
||||
|
||||
|
||||
@ -237,7 +251,7 @@ body.o_custom_login_body .o_login_main_wrapper {
|
||||
}
|
||||
|
||||
.o_login_footer_custom a {
|
||||
color: #d6111e;
|
||||
color: #e50000;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
@ -255,7 +269,7 @@ body.o_custom_login_body .o_login_main_wrapper {
|
||||
height: 100vh !important;
|
||||
/* width: 100vw !important; */
|
||||
overflow: hidden !important;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_theme_shivasakthi/static/src/img/shivasakthi-banner-2.webp') no-repeat center center !important;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_dashboard/static/src/img/login_bg.png') no-repeat center center !important;
|
||||
background-size: cover !important;
|
||||
}
|
||||
|
||||
@ -277,3 +291,48 @@ body.o_custom_login_body .o_login_main_wrapper {
|
||||
.oe_website_login_container a {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/* Force header yellow elements to brand red on login pages */
|
||||
header .btn-primary,
|
||||
header .btn-warning,
|
||||
header .btn-secondary,
|
||||
header a.btn,
|
||||
header button.btn,
|
||||
header .bg-warning,
|
||||
header .btn-order-now,
|
||||
.o_header_main_nav .btn-warning,
|
||||
.o_header_main_nav .btn-order-now,
|
||||
.o_header_main_nav .btn-primary,
|
||||
.o_header_main_nav a.btn {
|
||||
background-color: #e50000 !important;
|
||||
border-color: #e50000 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
header .btn-outline-primary,
|
||||
header .btn-outline-warning,
|
||||
header .btn-outline-secondary {
|
||||
border-color: #e50000 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
header .btn-outline-primary:hover,
|
||||
header .btn-outline-warning:hover,
|
||||
header .btn-outline-secondary:hover {
|
||||
background-color: #e50000 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
header .fa-shopping-cart,
|
||||
header .fa,
|
||||
header i,
|
||||
.o_header_main_nav .fa-shopping-cart,
|
||||
.o_header_main_nav i {
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
header .cart-badge,
|
||||
.o_header_main_nav .cart-badge {
|
||||
background-color: #e50000 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
/* ========================================
|
||||
/* ========================================
|
||||
SHIVASAKTHI RUSH MODE - POS THEME (ULTRA PREMIUM)
|
||||
======================================== */
|
||||
|
||||
:root {
|
||||
--pos-primary: #171422;
|
||||
/* Secondary Dark */
|
||||
--pos-secondary: #d6111e;
|
||||
--pos-secondary: #e50000;
|
||||
/* Main Teal */
|
||||
--pos-accent-orange: #e66421;
|
||||
/* Biryani Orange */
|
||||
--pos-accent-gold: #cc9900;
|
||||
/* Tandoor Gold */
|
||||
--pos-accent-red: #d6111e;
|
||||
--pos-accent-red: #e50000;
|
||||
/* Main Teal */
|
||||
--pos-bg-main: #f8fafc;
|
||||
/* Ultra light gray */
|
||||
@ -81,7 +81,7 @@
|
||||
/* 2. Header & Branding */
|
||||
.pos .pos-topheader {
|
||||
background: #171422 !important;
|
||||
border-bottom: 2px solid #d6111e !important;
|
||||
border-bottom: 2px solid #e50000 !important;
|
||||
color: #fff !important;
|
||||
height: 85px !important;
|
||||
display: flex !important;
|
||||
@ -154,7 +154,7 @@
|
||||
}
|
||||
|
||||
.pos .category-button.active {
|
||||
background: #d6111e !important;
|
||||
background: #e50000 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
@ -285,7 +285,7 @@
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
box-shadow: 0 12px 25px rgba(214, 17, 30, 0.3) !important;
|
||||
box-shadow: 0 12px 25px rgba(229, 0, 0, 0.3) !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
|
||||
:root {
|
||||
/* Primary Brand Colors */
|
||||
--primary-color: #d6111e;
|
||||
--primary-dark: #8B0A0E;
|
||||
--primary-light: #E57373;
|
||||
--primary-lighter: #FFCDD2;
|
||||
--primary-color: #e50000;
|
||||
--primary-dark: #b30000;
|
||||
--primary-light: #ff6666;
|
||||
--primary-lighter: #ffcccc;
|
||||
|
||||
/* Secondary/Accent Color */
|
||||
--secondary-color: #171422;
|
||||
@ -17,26 +17,26 @@
|
||||
--secondary-light: #2d293d;
|
||||
|
||||
/* Gradient Combinations Removed - Using Solid Colors */
|
||||
--gradient-primary: #d6111e;
|
||||
--gradient-primary-hover: #8B0A0E;
|
||||
--gradient-primary: #e50000;
|
||||
--gradient-primary-hover: #b30000;
|
||||
|
||||
/* Home Page Background */
|
||||
--bg-gradient-main: #ffffff;
|
||||
|
||||
/* UI Element Colors */
|
||||
--btn-primary-bg: #d6111e;
|
||||
--btn-primary-bg: #e50000;
|
||||
--link-color: #171422;
|
||||
--link-hover: #d6111e;
|
||||
--link-hover: #e50000;
|
||||
|
||||
/* Status Colors */
|
||||
--success-color: #171422;
|
||||
--warning-color: #FECD4F;
|
||||
--danger-color: #d6111e;
|
||||
--danger-color: #e50000;
|
||||
--info-color: #2d293d;
|
||||
|
||||
/* Shadows */
|
||||
--shadow-primary: 0 4px 15px rgba(214, 17, 30, 0.2);
|
||||
--shadow-primary-hover: 0 8px 20px rgba(214, 17, 30, 0.3);
|
||||
--shadow-primary: 0 4px 15px rgba(229, 0, 0, 0.2);
|
||||
--shadow-primary-hover: 0 8px 20px rgba(229, 0, 0, 0.3);
|
||||
--shadow-card: 0 10px 30px rgba(23, 20, 34, 0.08);
|
||||
}
|
||||
|
||||
@ -171,7 +171,7 @@ body,
|
||||
}
|
||||
|
||||
.o_list_view .o_list_table tbody tr.o_data_row:hover {
|
||||
background-color: rgba(214, 17, 30, 0.05) !important;
|
||||
background-color: rgba(229, 0, 0, 0.05) !important;
|
||||
/* Light Red Hover */
|
||||
transform: scale(1.002);
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
|
||||
@ -225,7 +225,7 @@ body,
|
||||
padding: 8px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
letter-spacing: 0.3px;
|
||||
box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important;
|
||||
box-shadow: 0 4px 12px rgba(229, 0, 0, 0.3) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
@ -234,7 +234,7 @@ body,
|
||||
.o_form_button_create:hover {
|
||||
background: var(--gradient-primary-hover) !important;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important;
|
||||
box-shadow: 0 8px 15px rgba(229, 0, 0, 0.4) !important;
|
||||
}
|
||||
|
||||
/* Secondary Buttons */
|
||||
@ -262,7 +262,7 @@ body,
|
||||
.o_form_view .o_input:focus {
|
||||
border-color: var(--secondary-color) !important;
|
||||
background-color: #fff !important;
|
||||
box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.15) !important;
|
||||
box-shadow: 0 0 0 3px rgba(229, 0, 0, 0.15) !important;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------
|
||||
@ -280,7 +280,7 @@ body,
|
||||
padding: 8px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
letter-spacing: 0.3px;
|
||||
box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important;
|
||||
box-shadow: 0 4px 12px rgba(229, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
.btn-primary:hover,
|
||||
@ -289,7 +289,7 @@ body,
|
||||
.o_button_import:hover {
|
||||
background: var(--gradient-primary-hover) !important;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important;
|
||||
box-shadow: 0 8px 15px rgba(229, 0, 0, 0.4) !important;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------
|
||||
@ -311,8 +311,8 @@ body,
|
||||
.o_main_navbar .o_menu_sections .show .dropdown-toggle {
|
||||
background-color: #ffffff !important;
|
||||
/* Yellow Active Background */
|
||||
color: #d6111e !important;
|
||||
border-bottom: 2px solid #d6111e !important;
|
||||
color: #e50000 !important;
|
||||
border-bottom: 2px solid #e50000 !important;
|
||||
}
|
||||
|
||||
/* Dashboard Sidebar (Finance/Logistics) */
|
||||
@ -340,7 +340,7 @@ body,
|
||||
.o_dashboard_view .o_group_selector li.selected {
|
||||
background: var(--gradient-primary) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: 0 4px 10px rgba(214, 17, 30, 0.3) !important;
|
||||
box-shadow: 0 4px 10px rgba(229, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
/* Dashboard KPI Cards (Invoiced, Average Invoice, DSO) */
|
||||
@ -357,7 +357,7 @@ body,
|
||||
|
||||
.o_dashboard_view .o_group .o_aggregate:hover {
|
||||
transform: translateY(-5px) !important;
|
||||
box-shadow: 0 10px 25px rgba(214, 17, 30, 0.15) !important;
|
||||
box-shadow: 0 10px 25px rgba(229, 0, 0, 0.15) !important;
|
||||
border-color: var(--secondary-color) !important;
|
||||
}
|
||||
|
||||
@ -434,7 +434,7 @@ a:hover,
|
||||
.o_input:focus,
|
||||
.o_searchview_input:focus {
|
||||
border-color: var(--secondary-color) !important;
|
||||
box-shadow: 0 0 0 0.2rem rgba(214, 17, 30, 0.25) !important;
|
||||
box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.25) !important;
|
||||
}
|
||||
|
||||
/* Loading Bar */
|
||||
@ -540,7 +540,7 @@ a:hover,
|
||||
.o_main_navbar .o_menu_apps .o_app_drawer:hover i {
|
||||
color: var(--primary-dark) !important;
|
||||
transform: scale(1.1);
|
||||
text-shadow: 0 2px 10px rgba(214, 17, 30, 0.5);
|
||||
text-shadow: 0 2px 10px rgba(229, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
/* Dropdown Items */
|
||||
@ -559,7 +559,7 @@ a:hover,
|
||||
.dropdown-item:focus {
|
||||
background: var(--gradient-primary) !important;
|
||||
color: #fff !important;
|
||||
box-shadow: 0 4px 10px rgba(214, 17, 30, 0.2);
|
||||
box-shadow: 0 4px 10px rgba(229, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* Dropdown Header/Divider */
|
||||
@ -588,12 +588,12 @@ a:hover,
|
||||
.o_main_navbar .o_menu_sections .o_nav_entry,
|
||||
.o_main_navbar .o_menu_sections .dropdown-toggle {
|
||||
background: #ffffff;
|
||||
border-bottom: 2px solid #d6111e;
|
||||
border-bottom: 2px solid #e50000;
|
||||
}
|
||||
|
||||
.list-group-item.active {
|
||||
z-index: 2;
|
||||
color: #fff;
|
||||
background-color: #d6111e;
|
||||
border-color: #d6111e;
|
||||
background-color: #e50000;
|
||||
border-color: #e50000;
|
||||
}
|
||||
@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="256" height="256" rx="56" fill="white"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
@ -5,7 +5,7 @@
|
||||
<stop offset="100%" style="stop-color:#fff5f5;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
@ -14,19 +14,19 @@
|
||||
<rect x="44" y="76" width="168" height="144" rx="16" fill="white" stroke="#e8e8e8" stroke-width="3"/>
|
||||
<!-- Header -->
|
||||
<rect x="44" y="76" width="168" height="52" rx="16" fill="url(#grad1)"/>
|
||||
<rect x="44" y="104" width="168" height="24" fill="#d6111e"/>
|
||||
<rect x="44" y="104" width="168" height="24" fill="#e50000"/>
|
||||
<!-- Calendar pins -->
|
||||
<rect x="86" y="58" width="14" height="36" rx="7" fill="#555"/>
|
||||
<rect x="156" y="58" width="14" height="36" rx="7" fill="#555"/>
|
||||
<!-- Day number -->
|
||||
<text x="128" y="116" font-family="Arial" font-size="28" font-weight="bold" fill="white" text-anchor="middle">31</text>
|
||||
<!-- Grid dots -->
|
||||
<circle cx="80" cy="158" r="7" fill="#d6111e"/>
|
||||
<circle cx="80" cy="158" r="7" fill="#e50000"/>
|
||||
<circle cx="112" cy="158" r="7" fill="#ccc"/>
|
||||
<circle cx="144" cy="158" r="7" fill="#ccc"/>
|
||||
<circle cx="176" cy="158" r="7" fill="#ccc"/>
|
||||
<circle cx="80" cy="186" r="7" fill="#ccc"/>
|
||||
<circle cx="112" cy="186" r="7" fill="#d6111e"/>
|
||||
<circle cx="112" cy="186" r="7" fill="#e50000"/>
|
||||
<circle cx="144" cy="186" r="7" fill="#ccc"/>
|
||||
<circle cx="176" cy="186" r="7" fill="#ccc"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
@ -11,7 +11,7 @@
|
||||
<!-- Person body -->
|
||||
<path d="M60 210 Q60 158 128 158 Q196 158 196 210 Z" fill="url(#grad1)"/>
|
||||
<!-- Book lines -->
|
||||
<rect x="36" y="100" width="16" height="8" rx="3" fill="#d6111e" opacity="0.5"/>
|
||||
<rect x="36" y="120" width="16" height="8" rx="3" fill="#d6111e" opacity="0.5"/>
|
||||
<rect x="36" y="140" width="16" height="8" rx="3" fill="#d6111e" opacity="0.5"/>
|
||||
<rect x="36" y="100" width="16" height="8" rx="3" fill="#e50000" opacity="0.5"/>
|
||||
<rect x="36" y="120" width="16" height="8" rx="3" fill="#e50000" opacity="0.5"/>
|
||||
<rect x="36" y="140" width="16" height="8" rx="3" fill="#e50000" opacity="0.5"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 823 B After Width: | Height: | Size: 823 B |
@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="256" height="256" rx="56" fill="white"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 842 B After Width: | Height: | Size: 842 B |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
@ -5,14 +5,14 @@
|
||||
<stop offset="100%" style="stop-color:#fff5f5;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="256" height="256" rx="56" fill="url(#bg)"/>
|
||||
<!-- Main chat bubble -->
|
||||
<rect x="50" y="70" width="140" height="100" rx="20" fill="url(#grad1)"/>
|
||||
<polygon points="70,170 70,200 100,170" fill="#d6111e"/>
|
||||
<polygon points="70,170 70,200 100,170" fill="#e50000"/>
|
||||
<!-- Dots inside bubble -->
|
||||
<circle cx="98" cy="120" r="10" fill="white"/>
|
||||
<circle cx="128" cy="120" r="10" fill="white" opacity="0.8"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
@ -11,9 +11,9 @@
|
||||
<!-- Right person head -->
|
||||
<circle cx="168" cy="92" r="30" fill="url(#grad1)"/>
|
||||
<!-- Left person body -->
|
||||
<path d="M34 210 Q34 160 88 160 Q120 160 126 175 Q114 158 88 158 Q38 158 38 210 Z" fill="#d6111e" opacity="0.6"/>
|
||||
<path d="M34 215 Q34 160 88 160 Q118 160 126 178" fill="none" stroke="#d6111e" stroke-width="0"/>
|
||||
<path d="M28 215 Q30 155 88 155 Q122 155 130 180" fill="#d6111e" opacity="0.55"/>
|
||||
<path d="M34 210 Q34 160 88 160 Q120 160 126 175 Q114 158 88 158 Q38 158 38 210 Z" fill="#e50000" opacity="0.6"/>
|
||||
<path d="M34 215 Q34 160 88 160 Q118 160 126 178" fill="none" stroke="#e50000" stroke-width="0"/>
|
||||
<path d="M28 215 Q30 155 88 155 Q122 155 130 180" fill="#e50000" opacity="0.55"/>
|
||||
<!-- Right/main person body -->
|
||||
<path d="M100 215 Q100 158 168 158 Q236 158 236 215 Z" fill="url(#grad1)"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 996 B After Width: | Height: | Size: 996 B |
@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="256" height="256" rx="56" fill="white"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
@ -12,14 +12,14 @@
|
||||
<polygon points="168,44 200,76 168,76" fill="url(#grad1)"/>
|
||||
<!-- Header bar -->
|
||||
<rect x="56" y="44" width="112" height="32" rx="14" fill="url(#grad1)"/>
|
||||
<rect x="56" y="62" width="112" height="14" fill="#d6111e"/>
|
||||
<rect x="56" y="62" width="112" height="14" fill="#e50000"/>
|
||||
<!-- Invoice lines -->
|
||||
<rect x="76" y="96" width="104" height="8" rx="4" fill="#eee"/>
|
||||
<rect x="76" y="114" width="80" height="8" rx="4" fill="#eee"/>
|
||||
<rect x="76" y="132" width="92" height="8" rx="4" fill="#eee"/>
|
||||
<!-- Dollar amount highlight -->
|
||||
<rect x="76" y="158" width="104" height="24" rx="6" fill="#fff0f0"/>
|
||||
<text x="128" y="175" font-family="Arial" font-size="16" font-weight="bold" fill="#d6111e" text-anchor="middle">$ 128.00</text>
|
||||
<text x="128" y="175" font-family="Arial" font-size="16" font-weight="bold" fill="#e50000" text-anchor="middle">$ 128.00</text>
|
||||
<!-- Footer tag -->
|
||||
<rect x="76" y="196" width="104" height="12" rx="4" fill="url(#grad1)" opacity="0.3"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
@ -5,7 +5,7 @@
|
||||
<stop offset="100%" style="stop-color:#fff5f5;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
@ -17,7 +17,7 @@
|
||||
<!-- Chef hat top bump -->
|
||||
<ellipse cx="128" cy="82" rx="30" ry="28" fill="white" stroke="#e0e0e0" stroke-width="3"/>
|
||||
<!-- D360 text on hat -->
|
||||
<text x="128" y="145" font-family="Arial" font-size="18" font-weight="bold" fill="#d6111e" text-anchor="middle">D360</text>
|
||||
<text x="128" y="145" font-family="Arial" font-size="18" font-weight="bold" fill="#e50000" text-anchor="middle">D360</text>
|
||||
<!-- Fork and spoon cross below -->
|
||||
<line x1="100" y1="195" x2="156" y2="195" stroke="white" stroke-width="4" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
@ -19,8 +19,8 @@
|
||||
<!-- POS base -->
|
||||
<ellipse cx="128" cy="178" rx="52" ry="14" fill="url(#grad1)"/>
|
||||
<!-- Keypad dots -->
|
||||
<circle cx="88" cy="200" r="6" fill="#d6111e"/>
|
||||
<circle cx="110" cy="200" r="6" fill="#d6111e"/>
|
||||
<circle cx="132" cy="200" r="6" fill="#d6111e"/>
|
||||
<circle cx="154" cy="200" r="6" fill="#d6111e"/>
|
||||
<circle cx="88" cy="200" r="6" fill="#e50000"/>
|
||||
<circle cx="110" cy="200" r="6" fill="#e50000"/>
|
||||
<circle cx="132" cy="200" r="6" fill="#e50000"/>
|
||||
<circle cx="154" cy="200" r="6" fill="#e50000"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
|
Before Width: | Height: | Size: 999 B After Width: | Height: | Size: 999 B |
29
addons/dine360_dashboard/static/src/img/icons/saas.svg
Normal file
29
addons/dine360_dashboard/static/src/img/icons/saas.svg
Normal file
@ -0,0 +1,29 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#ff6b7a;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="256" height="256" rx="56" fill="white"/>
|
||||
|
||||
<!-- Modern Cloud/SaaS nodes design -->
|
||||
<!-- Main central cloud shape -->
|
||||
<path d="M128 70 A 30 30 0 0 1 170 85 A 25 25 0 0 1 200 115 A 25 25 0 0 1 185 155 L 75 155 A 25 25 0 0 1 60 115 A 25 25 0 0 1 90 85 A 30 30 0 0 1 128 70 Z" fill="url(#grad2)"/>
|
||||
|
||||
<!-- Server stack or Database cylinder -->
|
||||
<g transform="translate(0, 10)">
|
||||
<rect x="98" y="140" width="60" height="15" rx="5" fill="url(#grad1)"/>
|
||||
<rect x="98" y="160" width="60" height="15" rx="5" fill="url(#grad1)"/>
|
||||
<rect x="98" y="180" width="60" height="15" rx="5" fill="#ffb347" opacity="0.85"/>
|
||||
|
||||
<!-- Server indicator lights -->
|
||||
<circle cx="108" cy="147.5" r="3" fill="white"/>
|
||||
<circle cx="108" cy="167.5" r="3" fill="white"/>
|
||||
<circle cx="108" cy="187.5" r="3" fill="white"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
@ -9,10 +9,10 @@
|
||||
<!-- Trending arrow up -->
|
||||
<polyline points="44,180 96,124 136,152 212,72" fill="none" stroke="url(#grad1)" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<!-- Arrow head -->
|
||||
<polygon points="212,72 212,110 180,82" fill="#d6111e"/>
|
||||
<polygon points="212,72 212,110 180,82" fill="#e50000"/>
|
||||
<!-- Dots on line -->
|
||||
<circle cx="44" cy="180" r="10" fill="#d6111e"/>
|
||||
<circle cx="96" cy="124" r="10" fill="#d6111e"/>
|
||||
<circle cx="136" cy="152" r="10" fill="#d6111e"/>
|
||||
<circle cx="212" cy="72" r="10" fill="#d6111e"/>
|
||||
<circle cx="44" cy="180" r="10" fill="#e50000"/>
|
||||
<circle cx="96" cy="124" r="10" fill="#e50000"/>
|
||||
<circle cx="136" cy="152" r="10" fill="#e50000"/>
|
||||
<circle cx="212" cy="72" r="10" fill="#e50000"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 864 B After Width: | Height: | Size: 864 B |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
@ -11,10 +11,10 @@
|
||||
<!-- Table leg -->
|
||||
<rect x="118" y="138" width="20" height="62" rx="6" fill="#8b0d16"/>
|
||||
<!-- Table base -->
|
||||
<ellipse cx="128" cy="200" rx="50" ry="12" fill="#d6111e" opacity="0.5"/>
|
||||
<ellipse cx="128" cy="200" rx="50" ry="12" fill="#e50000" opacity="0.5"/>
|
||||
<!-- Reserved tag -->
|
||||
<rect x="90" y="75" width="76" height="36" rx="8" fill="white" stroke="#d6111e" stroke-width="3"/>
|
||||
<text x="128" y="99" font-family="Arial" font-size="14" font-weight="bold" fill="#d6111e" text-anchor="middle">RESERVED</text>
|
||||
<rect x="90" y="75" width="76" height="36" rx="8" fill="white" stroke="#e50000" stroke-width="3"/>
|
||||
<text x="128" y="99" font-family="Arial" font-size="14" font-weight="bold" fill="#e50000" text-anchor="middle">RESERVED</text>
|
||||
<!-- Chairs -->
|
||||
<ellipse cx="54" cy="118" rx="20" ry="10" fill="#ff6b7a" opacity="0.7"/>
|
||||
<ellipse cx="202" cy="118" rx="20" ry="10" fill="#ff6b7a" opacity="0.7"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#d6111e;stop-opacity:1" />
|
||||
<stop offset="0%" style="stop-color:#e50000;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#8b0d16;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
@ -10,13 +10,13 @@
|
||||
<circle cx="128" cy="128" r="90" fill="none" stroke="#eee" stroke-width="3"/>
|
||||
<circle cx="128" cy="128" r="90" fill="none" stroke="url(#grad1)" stroke-width="14" stroke-dasharray="60 510" stroke-dashoffset="-10"/>
|
||||
<!-- Latitude lines -->
|
||||
<ellipse cx="128" cy="128" rx="90" ry="38" fill="none" stroke="#d6111e" stroke-width="3" opacity="0.4"/>
|
||||
<ellipse cx="128" cy="128" rx="90" ry="38" fill="none" stroke="#e50000" stroke-width="3" opacity="0.4"/>
|
||||
<!-- Meridian (vertical oval) -->
|
||||
<ellipse cx="128" cy="128" rx="44" ry="90" fill="none" stroke="#d6111e" stroke-width="3" opacity="0.4"/>
|
||||
<ellipse cx="128" cy="128" rx="44" ry="90" fill="none" stroke="#e50000" stroke-width="3" opacity="0.4"/>
|
||||
<!-- Center vertical line -->
|
||||
<line x1="128" y1="38" x2="128" y2="218" stroke="#d6111e" stroke-width="3" opacity="0.4"/>
|
||||
<line x1="128" y1="38" x2="128" y2="218" stroke="#e50000" stroke-width="3" opacity="0.4"/>
|
||||
<!-- Horizontal center -->
|
||||
<line x1="38" y1="128" x2="218" y2="128" stroke="#d6111e" stroke-width="3" opacity="0.4"/>
|
||||
<line x1="38" y1="128" x2="218" y2="128" stroke="#e50000" stroke-width="3" opacity="0.4"/>
|
||||
<!-- Outer circle -->
|
||||
<circle cx="128" cy="128" r="90" fill="none" stroke="url(#grad1)" stroke-width="6"/>
|
||||
<!-- Dine360 center badge -->
|
||||
|
||||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 760 KiB After Width: | Height: | Size: 700 KiB |
@ -10,7 +10,7 @@
|
||||
<!-- Top Bar -->
|
||||
<div class="o_home_top_bar">
|
||||
<div class="o_top_bar_island">
|
||||
<a href="/" class="o_top_item" title="Shivasakthi Home" style="width: auto; padding: 0 10px;">
|
||||
<a href="/" class="o_top_item" title="Dine360 Restaurant Home" style="width: auto; padding: 0 10px;">
|
||||
<img t-attf-src="/web/binary/company_logo" style="height: 24px; width: auto; object-fit: contain;"/>
|
||||
</a>
|
||||
<div class="o_bar_divider" style="margin: 0 5px;"></div>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<odoo>
|
||||
<template id="shivasakthi_web_layout" inherit_id="web.layout" name="Shivasakthi Title">
|
||||
<xpath expr="//title" position="replace">
|
||||
<title>Shivasakthi</title>
|
||||
<title t-esc="'Dine360 Restaurant' if (not request or not request.env or request.env.company.name == 'My Company' or 'dine360' in (request.env.cr.dbname or '').lower()) else request.env.company.name"/>
|
||||
</xpath>
|
||||
<xpath expr="//link[@rel='shortcut icon']" position="replace">
|
||||
<link rel="shortcut icon" href="/dine360_theme_shivasakthi/static/description/icon.png" type="image/x-icon"/>
|
||||
@ -12,7 +12,7 @@
|
||||
<t t-if="not request.env.user._is_public() and not is_editor">
|
||||
<a href="/" class="o_dashboard_return_btn d-print-none" title="Back to Dashboard"
|
||||
style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;
|
||||
background-color: #d6111e; color: #ffff !important; padding: 12px 24px;
|
||||
background-color: #e50000; color: #ffff !important; padding: 12px 24px;
|
||||
border-radius: 50px; text-decoration: none; font-weight: bold;
|
||||
box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: flex; align-items: center;
|
||||
gap: 8px; transition: all 0.3s ease; border: 2px solid #ffffffff !important; font-family: sans-serif;">
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
<p>Congratulations! Your Dine360 restaurant tenant <strong><t t-out="object.name"/></strong> has been provisioned successfully.</p>
|
||||
<p>You can access your dedicated dashboard and POS environment using the link below:</p>
|
||||
<p style="margin: 20px 0;">
|
||||
<a t-att-href="'http://' + object.subdomain" style="background-color: #ffb800; color: #ffffff; padding: 10px 20px; text-decoration: none; font-weight: bold; border-radius: 4px;">Go to Dashboard</a>
|
||||
<a t-att-href="'http://' + object.subdomain" style="background-color: #e50000; color: #ffffff; padding: 10px 20px; text-decoration: none; font-weight: bold; border-radius: 4px;">Go to Dashboard</a>
|
||||
</p>
|
||||
<p><strong>Login Details:</strong></p>
|
||||
<ul>
|
||||
|
||||
@ -34,24 +34,25 @@
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
background-color: #FECD4F;
|
||||
border-color: #FECD4F;
|
||||
color: #171422;
|
||||
background-color: #e50000;
|
||||
border-color: #e50000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-warning:hover,
|
||||
.btn-warning:active {
|
||||
background-color: #fdbd1a;
|
||||
border-color: #fdbd1a;
|
||||
background-color: #b30000;
|
||||
border-color: #b30000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-warning-light {
|
||||
background-color: rgba(254, 205, 79, 0.08) !important;
|
||||
background-color: rgba(229, 0, 0, 0.08) !important;
|
||||
}
|
||||
|
||||
.service-select.active {
|
||||
border: 2px solid #FECD4F !important;
|
||||
background-color: rgba(254, 205, 79, 0.05) !important;
|
||||
border: 2px solid #e50000 !important;
|
||||
background-color: rgba(229, 0, 0, 0.05) !important;
|
||||
}
|
||||
|
||||
.cart-item {
|
||||
|
||||
@ -13,10 +13,10 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top shadow-sm py-2">
|
||||
<div class="container px-3 d-flex justify-content-between">
|
||||
<a class="navbar-brand fw-bold d-flex align-items-center" href="/dine360/menu">
|
||||
<i class="fa fa-cutlery me-2 text-warning"/> Dine360
|
||||
<i class="fa fa-cutlery me-2 text-danger"/> Dine360
|
||||
</a>
|
||||
<div t-if="table" class="text-white-50 small">
|
||||
<span class="badge bg-warning text-dark px-2 py-1 rounded-pill">
|
||||
<span class="badge bg-danger text-white px-2 py-1 rounded-pill">
|
||||
Table <t t-esc="table.name"/>
|
||||
</span>
|
||||
</div>
|
||||
@ -105,7 +105,7 @@
|
||||
</div>
|
||||
<div class="d-flex justify-content-between">
|
||||
<span class="fw-bold fs-4">Total</span>
|
||||
<span id="checkout_total" class="fw-bold fs-4 text-warning">$0.00</span>
|
||||
<span id="checkout_total" class="fw-bold fs-4 text-danger">$0.00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -29,7 +29,7 @@ class ContactController(http.Controller):
|
||||
# Format the email content
|
||||
email_content = f"""
|
||||
<div style="font-family: Arial, sans-serif; padding: 20px; border: 1px solid #ddd; border-radius: 8px;">
|
||||
<h2 style="color: #ffb800; border-bottom: 2px solid #ffb800; padding-bottom: 10px;">New Contact Form Submission - Shiva Sakthi</h2>
|
||||
<h2 style="color: #e50000; border-bottom: 2px solid #e50000; padding-bottom: 10px;">New Contact Form Submission - Shiva Sakthi</h2>
|
||||
<table style="width: 100%; border-collapse: collapse; margin-top: 15px;">
|
||||
<tr>
|
||||
<td style="padding: 8px; font-weight: bold; width: 30%;">Full Name:</td>
|
||||
@ -48,7 +48,7 @@ class ContactController(http.Controller):
|
||||
<td style="padding: 8px;">{subject}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div style="margin-top: 20px; padding: 15px; background-color: #F8F9FA; border-left: 4px solid #ffb800;">
|
||||
<div style="margin-top: 20px; padding: 15px; background-color: #F8F9FA; border-left: 4px solid #e50000;">
|
||||
<strong style="display: block; margin-bottom: 10px;">Message:</strong>
|
||||
<div style="white-space: pre-wrap;">{message}</div>
|
||||
</div>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
addons/dine360_theme_shivasakthi/static/src/img/dine360_logo.png
Normal file
BIN
addons/dine360_theme_shivasakthi/static/src/img/dine360_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
@ -1,6 +1,6 @@
|
||||
$o-color-palettes: (
|
||||
'shivasakthi-palette': (
|
||||
'o-color-1': #ffb800, // Golden-Yellow (Primary)
|
||||
'o-color-1': #e50000, // Brand Red (Primary)
|
||||
'o-color-2': #0e1317, // Deep Dark Theme Base (Secondary)
|
||||
'o-color-3': #FFFFFF, // White text/highlights
|
||||
'o-color-4': #151a1e, // Lighter Charcoal for section contrast
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
/* Shivasakthi Shop Page - Exact Clone of the Classic Food Theme UI */
|
||||
|
||||
:root {
|
||||
--food-green: #ffb800;
|
||||
--food-yellow: #ffb800;
|
||||
--food-green: #e50000;
|
||||
--food-yellow: #e50000;
|
||||
--food-text: #333333;
|
||||
--food-light-grey: #f1f1f1;
|
||||
--food-border: #e6e6e6;
|
||||
@ -12,7 +12,7 @@
|
||||
.form-control,
|
||||
.form-select {
|
||||
background-color: #f8f9fa !important;
|
||||
border: 1px solid #ffb800 !important;
|
||||
border: 1px solid #e50000 !important;
|
||||
border-radius: 10px !important;
|
||||
padding: 14px 18px !important;
|
||||
font-size: 15px !important;
|
||||
@ -384,7 +384,7 @@
|
||||
background: white !important;
|
||||
|
||||
.btn-add-to-cart-overlay {
|
||||
background: #ffb800 !important;
|
||||
background: #e50000 !important;
|
||||
color: #000000 !important;
|
||||
padding: 10px;
|
||||
border-radius: 6px;
|
||||
@ -491,7 +491,7 @@
|
||||
|
||||
/* Breadcrumb Color */
|
||||
.breadcrumb-item a {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
@ -556,7 +556,7 @@
|
||||
}
|
||||
|
||||
#add_to_cart {
|
||||
background: #ffb800 !important;
|
||||
background: #e50000 !important;
|
||||
color: #000000 !important;
|
||||
border: none !important;
|
||||
border-radius: 50px !important;
|
||||
@ -601,7 +601,7 @@
|
||||
#add_to_cart,
|
||||
.a-submit,
|
||||
.btn-add-to-cart-overlay {
|
||||
background: #ffb800 !important;
|
||||
background: #e50000 !important;
|
||||
color: #000000 !important;
|
||||
border: none !important;
|
||||
}
|
||||
@ -611,9 +611,9 @@
|
||||
.o_wsale_toast .btn-primary,
|
||||
.o_wsale_add_to_cart_message a.btn-primary,
|
||||
#wsale_ajax_cart_msg a.btn-primary {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: #000000 !important;
|
||||
border-color: #ffb800 !important;
|
||||
border-color: #e50000 !important;
|
||||
font-weight: 700 !important;
|
||||
box-shadow: 0 4px 12px rgba(254, 205, 79, 0.2) !important;
|
||||
transition: all 0.3s ease !important;
|
||||
@ -633,9 +633,9 @@
|
||||
.oe_website_sale .btn-primary.a-submit,
|
||||
.oe_website_sale a.btn-primary,
|
||||
.oe_cart .btn-primary {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: #0e1317 !important;
|
||||
border-color: #ffb800 !important;
|
||||
border-color: #e50000 !important;
|
||||
font-weight: 800 !important;
|
||||
text-transform: uppercase !important;
|
||||
padding: 12px 30px !important;
|
||||
|
||||
@ -30,7 +30,7 @@ header {
|
||||
transition: color 0.3s ease;
|
||||
|
||||
&:hover, &.active {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -45,7 +45,7 @@ header {
|
||||
|
||||
/* Order Now Button */
|
||||
.btn-order-now {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: white !important;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
@ -59,7 +59,7 @@ header {
|
||||
|
||||
&:hover {
|
||||
background-color: white !important;
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 15px rgba(254, 205, 79, 0.4);
|
||||
}
|
||||
@ -74,19 +74,19 @@ header {
|
||||
transform: translateY(-2px);
|
||||
|
||||
.fa-shopping-cart {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
.cart-badge {
|
||||
color: white !important;
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.cart-badge {
|
||||
color: white !important;
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
font-weight: 800 !important;
|
||||
z-index: 10;
|
||||
border: 2px solid #0c0f12 !important;
|
||||
@ -138,7 +138,7 @@ header {
|
||||
// Hero Button Hover
|
||||
.btn-lg.flat:hover,
|
||||
.btn-custom:hover {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: white !important;
|
||||
transform: translateY(-3px);
|
||||
transition: all 0.3s ease;
|
||||
@ -177,7 +177,7 @@ header {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background-color: #ffb800;
|
||||
background-color: #e50000;
|
||||
display: inline-block;
|
||||
opacity: 0.5;
|
||||
cursor: pointer;
|
||||
@ -556,7 +556,7 @@ section h2.display-4 {
|
||||
padding: 0 !important;
|
||||
|
||||
.s_website_form_mark {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
@ -564,7 +564,7 @@ section h2.display-4 {
|
||||
.form-control,
|
||||
.form-select {
|
||||
background-color: #f8f9fa !important;
|
||||
border: 1px solid #ffb800 !important;
|
||||
border: 1px solid #e50000 !important;
|
||||
border-radius: 10px !important;
|
||||
padding: 14px 18px !important;
|
||||
font-size: 15px !important;
|
||||
@ -583,7 +583,7 @@ section h2.display-4 {
|
||||
}
|
||||
|
||||
.s_website_form_send {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: #0e1317 !important;
|
||||
border: none !important;
|
||||
border-radius: 10px !important;
|
||||
@ -603,7 +603,7 @@ section h2.display-4 {
|
||||
|
||||
&:hover {
|
||||
background-color: #0e1317 !important;
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
transform: translateY(-2px) !important;
|
||||
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
|
||||
}
|
||||
@ -709,7 +709,7 @@ section h2.display-4 {
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
|
||||
|
||||
h6 {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -765,7 +765,7 @@ section h2.display-4 {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #ffb800d4;
|
||||
background: #e50000d4;
|
||||
z-index: 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
@ -790,7 +790,7 @@ section h2.display-4 {
|
||||
position: relative;
|
||||
border-radius: 0 400px 400px 0;
|
||||
overflow: hidden;
|
||||
border-right: 15px solid #ffb800;
|
||||
border-right: 15px solid #e50000;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
@ -886,14 +886,14 @@ section h2.display-4 {
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: #ffb800;
|
||||
border-color: #ffb800;
|
||||
background: #e50000;
|
||||
border-color: #e50000;
|
||||
color: #0e1317;
|
||||
}
|
||||
|
||||
&.next-btn {
|
||||
background: #ffb800;
|
||||
border-color: #ffb800;
|
||||
background: #e50000;
|
||||
border-color: #e50000;
|
||||
color: #0e1317;
|
||||
}
|
||||
}
|
||||
@ -943,13 +943,13 @@ section h2.display-4 {
|
||||
font-size: 18px;
|
||||
|
||||
&:not(.collapsed) {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
|
||||
&::after {
|
||||
content: "-";
|
||||
transform: none;
|
||||
background-image: none;
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-size: 30px;
|
||||
line-height: 1;
|
||||
}
|
||||
@ -958,7 +958,7 @@ section h2.display-4 {
|
||||
&::after {
|
||||
content: "+";
|
||||
background-image: none;
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
display: flex;
|
||||
@ -985,7 +985,7 @@ section h2.display-4 {
|
||||
.carousel-control-next {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: #ffb800;
|
||||
background: #e50000;
|
||||
border-radius: 50%;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
@ -1010,7 +1010,7 @@ section h2.display-4 {
|
||||
|
||||
// Global button class for multiple sections
|
||||
.know-more-btn {
|
||||
background-color: #ffb800;
|
||||
background-color: #e50000;
|
||||
color: #0e1317 !important;
|
||||
font-weight: 700;
|
||||
padding: 12px 30px;
|
||||
@ -1041,16 +1041,16 @@ section h2.display-4 {
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: white !important;
|
||||
transform: translateY(-3px);
|
||||
|
||||
span {
|
||||
background-color: white !important;
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
|
||||
i {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1102,7 +1102,7 @@ section h2.display-4 {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: white;
|
||||
border: 2px solid #ffb800;
|
||||
border: 2px solid #e50000;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -1125,7 +1125,7 @@ section h2.display-4 {
|
||||
|
||||
&:last-child {
|
||||
font-size: 10px;
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
text-transform: uppercase;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
@ -1176,13 +1176,13 @@ section h2.display-4 {
|
||||
}
|
||||
|
||||
.date-badge {
|
||||
border: 2px dashed #ffb800;
|
||||
border: 2px dashed #e50000;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-body {
|
||||
h4 {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1205,7 +1205,7 @@ section h2.display-4 {
|
||||
/* Subtitle above title */
|
||||
.blog-subtitle-top {
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-size: 14px;
|
||||
letter-spacing: 3px;
|
||||
text-transform: uppercase;
|
||||
@ -1282,7 +1282,7 @@ section h2.display-4 {
|
||||
/* READ MORE link */
|
||||
.blog-news-readmore {
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-size: 14px;
|
||||
letter-spacing: 1.5px;
|
||||
text-decoration: none;
|
||||
@ -1360,7 +1360,7 @@ footer#bottom {
|
||||
z-index: 20;
|
||||
|
||||
.footer-cta-bar {
|
||||
background-color: #ffb800;
|
||||
background-color: #e50000;
|
||||
border-radius: 20px;
|
||||
padding: 30px 50px;
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
|
||||
@ -1382,7 +1382,7 @@ footer#bottom {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@ -1415,7 +1415,7 @@ footer#bottom {
|
||||
bottom: 0;
|
||||
width: 50px;
|
||||
height: 3px;
|
||||
background: #ffb800;
|
||||
background: #e50000;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1439,8 +1439,8 @@ footer#bottom {
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
background: #ffb800;
|
||||
border-color: #ffb800;
|
||||
background: #e50000;
|
||||
border-color: #e50000;
|
||||
color: #0e1317;
|
||||
}
|
||||
}
|
||||
@ -1458,7 +1458,7 @@ footer#bottom {
|
||||
gap: 10px;
|
||||
|
||||
i {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
@ -1469,7 +1469,7 @@ footer#bottom {
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1559,7 +1559,7 @@ footer#bottom {
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1569,25 +1569,25 @@ footer#bottom {
|
||||
}
|
||||
|
||||
.active-item {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Global Red Color Removal & Theme Alignment */
|
||||
.text-danger {
|
||||
color: #ffb800 !important; // Replace red text with theme gold
|
||||
color: #e50000 !important; // Replace red text with theme gold
|
||||
}
|
||||
|
||||
.bg-danger,
|
||||
.btn-danger {
|
||||
background-color: #ffb800 !important;
|
||||
border-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
border-color: #e50000 !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.badge-danger {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: #0e1317 !important;
|
||||
}
|
||||
|
||||
@ -1598,11 +1598,11 @@ footer#bottom {
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 184, 0, 0.1) !important;
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: white !important;
|
||||
border-radius: 8px;
|
||||
|
||||
@ -1626,20 +1626,20 @@ footer#bottom {
|
||||
/* Link hover color */
|
||||
body:not(.editor_enable):not(.o_edit_mode) a:hover,
|
||||
body:not(.editor_enable):not(.o_edit_mode) a:hover * {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
/* Button hover color */
|
||||
body:not(.editor_enable):not(.o_edit_mode) .btn:hover,
|
||||
body:not(.editor_enable):not(.o_edit_mode) .btn:hover * {
|
||||
color: #fff !important;
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
}
|
||||
|
||||
.active,
|
||||
.nav-link.active,
|
||||
.nav-pills .nav-link.active {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
|
||||
@ -1656,9 +1656,9 @@ body.o_edit_mode {
|
||||
.btn-primary:not(:disabled):not(.disabled):active,
|
||||
.btn-primary:not(:disabled):not(.disabled).active,
|
||||
.show>.btn-primary.dropdown-toggle {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: #0e1317 !important;
|
||||
border-color: #ffb800 !important;
|
||||
border-color: #e50000 !important;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
@ -1692,7 +1692,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.footer-cta-bar {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
border-radius: 15px;
|
||||
|
||||
.icon-circle {
|
||||
@ -1705,7 +1705,7 @@ body.o_edit_mode {
|
||||
justify-content: center;
|
||||
|
||||
i {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
@ -1731,7 +1731,7 @@ body.o_edit_mode {
|
||||
padding-bottom: 50px;
|
||||
|
||||
.footer-brand-title {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
font-size: 32px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
@ -1750,7 +1750,7 @@ body.o_edit_mode {
|
||||
bottom: 0;
|
||||
width: 35px;
|
||||
height: 2px;
|
||||
background-color: #ffb800;
|
||||
background-color: #e50000;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1777,7 +1777,7 @@ body.o_edit_mode {
|
||||
font-size: 15px;
|
||||
|
||||
i {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@ -1787,7 +1787,7 @@ body.o_edit_mode {
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
@ -1795,7 +1795,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.highlight-text {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
.footer-social-boxes {
|
||||
@ -1817,8 +1817,8 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #ffb800;
|
||||
border-color: #ffb800;
|
||||
background-color: #e50000;
|
||||
border-color: #e50000;
|
||||
transform: translateY(-3px);
|
||||
|
||||
i {
|
||||
@ -1872,7 +1872,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.footer-copyright-bar-new {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: #0e1317 !important;
|
||||
margin-top: 20px;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
@ -1932,8 +1932,8 @@ body.o_edit_mode {
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #ffb800;
|
||||
border-color: #ffb800;
|
||||
background-color: #e50000;
|
||||
border-color: #e50000;
|
||||
color: #0e1317;
|
||||
box-shadow: none;
|
||||
}
|
||||
@ -1991,7 +1991,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.hero-subtitle {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
font-weight: 400;
|
||||
letter-spacing: 2.5px;
|
||||
@ -2021,7 +2021,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.btn-hero-cta {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: white !important;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
@ -2041,7 +2041,7 @@ body.o_edit_mode {
|
||||
|
||||
&:hover {
|
||||
background-color: white !important;
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 5px 15px rgba(254, 205, 79, 0.4);
|
||||
|
||||
@ -2155,7 +2155,7 @@ body.o_edit_mode {
|
||||
width: 10px !important;
|
||||
height: 10px !important;
|
||||
border-radius: 50% !important;
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
opacity: 0.5;
|
||||
border: none !important;
|
||||
margin: 0 6px !important;
|
||||
@ -2245,7 +2245,7 @@ body.o_edit_mode {
|
||||
.feature-icon-wrapper {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background-color: #ffb800;
|
||||
background-color: #e50000;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -2298,7 +2298,7 @@ body.o_edit_mode {
|
||||
|
||||
img {
|
||||
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
border: 2px solid #ffb800 !important;
|
||||
border: 2px solid #e50000 !important;
|
||||
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
@ -2386,7 +2386,7 @@ body.o_edit_mode {
|
||||
/* Golden subtitle */
|
||||
.enjoy-subtitle {
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-size: clamp(16px, 2.2vw, 22px);
|
||||
letter-spacing: 2px;
|
||||
line-height: 1.3;
|
||||
@ -2398,8 +2398,8 @@ body.o_edit_mode {
|
||||
.enjoy-btn-outline {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
border: 2px solid #ffb800 !important;
|
||||
color: #ffb800 !important;
|
||||
border: 2px solid #e50000 !important;
|
||||
color: #e50000 !important;
|
||||
background: transparent !important;
|
||||
padding: 10px 28px;
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
@ -2410,9 +2410,9 @@ body.o_edit_mode {
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: #ffb800 !important;
|
||||
background: #e50000 !important;
|
||||
color: #111111 !important;
|
||||
border-color: #ffb800 !important;
|
||||
border-color: #e50000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2600,7 +2600,7 @@ body.o_edit_mode {
|
||||
|
||||
/* Stars */
|
||||
.testi-stars {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-size: 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -2694,7 +2694,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.category-btn {
|
||||
background-color: #ffb800;
|
||||
background-color: #e50000;
|
||||
color: #04121D;
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
font-size: 19px;
|
||||
@ -2719,7 +2719,7 @@ body.o_edit_mode {
|
||||
|
||||
.category-btn {
|
||||
background-color: #04121D;
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2795,7 +2795,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.thali-subtitle {
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
font-size: clamp(26px, 3.2vw, 34px);
|
||||
letter-spacing: 2px;
|
||||
@ -2812,7 +2812,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.btn-thali-day {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: #04121D !important;
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
font-size: 16px;
|
||||
@ -2848,8 +2848,8 @@ body.o_edit_mode {
|
||||
justify-content: center;
|
||||
|
||||
&:hover {
|
||||
background-color: #ffb800 !important;
|
||||
border-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
border-color: #e50000 !important;
|
||||
color: #04121D !important;
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
@ -2969,7 +2969,7 @@ body.o_edit_mode {
|
||||
height: 65px;
|
||||
object-fit: cover;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #ffb800 !important;
|
||||
border: 2px solid #e50000 !important;
|
||||
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
|
||||
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
@ -2991,7 +2991,7 @@ body.o_edit_mode {
|
||||
.price-text {
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
font-size: 18px;
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@ -3013,7 +3013,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.btn-menu-view-all {
|
||||
background-color: #ffb800 !important;
|
||||
background-color: #e50000 !important;
|
||||
color: #04121D !important;
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
font-size: 16px;
|
||||
@ -3031,7 +3031,7 @@ body.o_edit_mode {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 4px 15px rgba(254, 205, 79, 0.4);
|
||||
background-color: #04121D !important;
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -3108,7 +3108,7 @@ body.o_edit_mode {
|
||||
}
|
||||
/* About Us V2 Custom Styles */
|
||||
.hover-yellow:hover {
|
||||
color: #ffb800 !important;
|
||||
color: #e50000 !important;
|
||||
}
|
||||
|
||||
.floating-img {
|
||||
@ -3152,7 +3152,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.icon-circle:hover {
|
||||
background-color: #ffb800;
|
||||
background-color: #e50000;
|
||||
}
|
||||
|
||||
.icon-circle:hover i {
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
||||
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 500;">
|
||||
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none hover-yellow">Home</a></li>
|
||||
<li class="breadcrumb-item active" style="color: #ffb800;" aria-current="page">About Us</li>
|
||||
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">About Us</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
@ -27,7 +27,7 @@
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/about_v2/vada.png" alt="Vada Dish" class="img-fluid floating-img"/>
|
||||
</div>
|
||||
<div class="col-lg-6 ps-lg-5">
|
||||
<h6 class="text-uppercase mb-2 fw-bold" style="color: #ffb800; font-size: 14px; letter-spacing: 1px;">Experience South Indian Cuisine Like Never Before!</h6>
|
||||
<h6 class="text-uppercase mb-2 fw-bold" style="color: #e50000; font-size: 14px; letter-spacing: 1px;">Experience South Indian Cuisine Like Never Before!</h6>
|
||||
<h2 class="display-4 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Where Flavor Meets Festivity</h2>
|
||||
|
||||
<p class="text-muted mb-4" style="font-size: 16px; line-height: 1.8;">
|
||||
@ -76,7 +76,7 @@
|
||||
<section class="s_about_live_melodies position-relative text-center" style="background-image: url('/dine360_theme_shivasakthi/static/src/img/about_v2/skewers_bg.png'); background-attachment: fixed; background-size: cover; background-position: center; padding: 120px 0;">
|
||||
<div class="position-absolute w-100 h-100" style="top: 0; left: 0; background-color: rgba(0,0,0,0.75); z-index: 1;"></div>
|
||||
<div class="container position-relative text-white" style="z-index: 2;">
|
||||
<h6 class="text-uppercase mb-3 fw-bold" style="color: #ffb800; font-size: 14px; letter-spacing: 2px;">Dine-In And Experience South Indian Culture And Vibes!</h6>
|
||||
<h6 class="text-uppercase mb-3 fw-bold" style="color: #e50000; font-size: 14px; letter-spacing: 2px;">Dine-In And Experience South Indian Culture And Vibes!</h6>
|
||||
<h2 class="display-3 fw-bold text-uppercase mb-0" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 2px;">Indian Flavors With Live Melodies</h2>
|
||||
</div>
|
||||
</section>
|
||||
@ -86,7 +86,7 @@
|
||||
<div class="container pt-5 pb-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6 pe-lg-5">
|
||||
<h6 class="text-uppercase mb-2 fw-bold" style="color: #ffb800; font-size: 14px; letter-spacing: 1px;">Discover True South Indian Taste At Shiva Sakthi</h6>
|
||||
<h6 class="text-uppercase mb-2 fw-bold" style="color: #e50000; font-size: 14px; letter-spacing: 1px;">Discover True South Indian Taste At Shiva Sakthi</h6>
|
||||
<h2 class="display-4 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Authentic Flavors,<br/>Unforgettable Moments</h2>
|
||||
|
||||
<p class="text-muted mb-3" style="font-size: 16px; line-height: 1.8;">
|
||||
@ -108,7 +108,7 @@
|
||||
<section class="s_about_cta position-relative overflow-hidden">
|
||||
<div class="row g-0">
|
||||
<!-- Left Yellow Section -->
|
||||
<div class="col-lg-6 position-relative d-flex align-items-center" style="background-color: #ffb800; padding: 100px 50px;">
|
||||
<div class="col-lg-6 position-relative d-flex align-items-center" style="background-color: #e50000; padding: 100px 50px;">
|
||||
<!-- Subtle Texture Overlay (Optional) -->
|
||||
<div class="w-100" style="max-width: 500px; margin-left: auto; margin-right: auto; padding-right: 50px;">
|
||||
<h6 class="text-uppercase mb-3 fw-bold text-white" style="font-size: 14px; letter-spacing: 1px;">Experience Authentic South Indian Food</h6>
|
||||
@ -131,7 +131,7 @@
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/about_v2/feedback_dish.jpg" alt="Feedback Dish" class="img-fluid w-100 h-100" style="object-fit: cover; min-height: 500px;"/>
|
||||
</div>
|
||||
<!-- Right Yellow Section -->
|
||||
<div class="col-lg-6 position-relative d-flex align-items-center text-center" style="background-color: #ffb800; padding: 100px 50px;">
|
||||
<div class="col-lg-6 position-relative d-flex align-items-center text-center" style="background-color: #e50000; padding: 100px 50px;">
|
||||
<div class="w-100" style="max-width: 600px; margin: 0 auto;">
|
||||
<h2 class="display-4 fw-bold text-uppercase text-white mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px;">What Have Lot's Off Happy Customer<br/>Explore Feedback</h2>
|
||||
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0px;
|
||||
color: #ffb800;
|
||||
color: #e50000;
|
||||
font-weight: 900;
|
||||
font-size: 18px;
|
||||
}
|
||||
@ -39,7 +39,7 @@
|
||||
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
|
||||
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="/blog" class="text-white text-decoration-none" style="opacity: 0.8;">Blog</a></li>
|
||||
<li class="breadcrumb-item active" style="color: #ffb800;" aria-current="page">Blog Details</li>
|
||||
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">Blog Details</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
||||
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
|
||||
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
|
||||
<li class="breadcrumb-item active" style="color: #ffb800;" aria-current="page">Blog</li>
|
||||
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">Blog</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
@ -25,7 +25,7 @@
|
||||
<!-- Header -->
|
||||
<div class="row mb-5">
|
||||
<div class="col-12 text-center">
|
||||
<h6 class="d-flex align-items-center justify-content-center mb-3" style="color: #ffb800; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
<h6 class="d-flex align-items-center justify-content-center mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
BLOG
|
||||
</h6>
|
||||
<h2 class="display-4 fw-bold mb-4" style="color: #04121D; font-size: 48px;">News & Articles</h2>
|
||||
@ -40,7 +40,7 @@
|
||||
<a t-attf-href="/blog/#{blog.get('slug')}">
|
||||
<img t-att-src="blog.get('image')" t-att-alt="blog.get('title')" class="img-fluid w-100 h-100" style="object-fit: cover; transition: transform 0.5s ease;"/>
|
||||
</a>
|
||||
<div class="date-badge position-absolute" style="bottom: 10px; left: 15px; width: 50px; height: 65px; background: #ffb800; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; line-height: 1.1; box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 5;">
|
||||
<div class="date-badge position-absolute" style="bottom: 10px; left: 15px; width: 50px; height: 65px; background: #e50000; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; line-height: 1.1; box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 5;">
|
||||
<span style="font-size: 22px; display: block;" t-esc="blog.get('day')"/>
|
||||
<span style="font-size: 11px; text-transform: uppercase;" t-esc="blog.get('month')"/>
|
||||
</div>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
||||
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 500;">
|
||||
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none hover-yellow">Home</a></li>
|
||||
<li class="breadcrumb-item active" style="color: #ffb800;" aria-current="page">Contact</li>
|
||||
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">Contact</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
@ -23,7 +23,7 @@
|
||||
<section class="s_contact_get_in_touch pt-5 pb-5 bg-white position-relative" style="z-index: 10;">
|
||||
<div class="container pt-5 pb-5">
|
||||
<div class="text-center mb-5">
|
||||
<h6 style="color: #ffb800; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px;">Contact Us</h6>
|
||||
<h6 style="color: #e50000; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px;">Contact Us</h6>
|
||||
<h2 class="display-5 fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; color: #111;">Get In Touch With Us</h2>
|
||||
<p class="text-muted" style="max-width: 900px; margin: 0 auto; font-size: 15px; line-height: 1.8;">
|
||||
We're always happy to connect with you at Shiva Sakthi Restaurant. Conveniently located in a prime and easily accessible area, our restaurant welcomes guests who are looking for fresh, authentic South Indian meals served with care. Whether you want to make a reservation, check our menu, place a takeaway order, or inquire about catering services, our team is ready to assist you. Visitors can reach us by phone, email, or through the contact form on this page. We aim to respond quickly to all inquiries and ensure every guest enjoys a smooth experience. Drop by, get in touch, or simply say hello - we look forward to serving you.
|
||||
@ -35,7 +35,7 @@
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="contact-dark-card d-flex align-items-center p-4 h-100">
|
||||
<div class="icon-box bg-white d-flex align-items-center justify-content-center me-4">
|
||||
<i class="fa fa-phone" style="color: #ffb800; font-size: 20px;"></i>
|
||||
<i class="fa fa-phone" style="color: #e50000; font-size: 20px;"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Call Us</h6>
|
||||
@ -47,7 +47,7 @@
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="contact-dark-card d-flex align-items-center p-4 h-100">
|
||||
<div class="icon-box bg-white d-flex align-items-center justify-content-center me-4">
|
||||
<i class="fa fa-envelope-o" style="color: #ffb800; font-size: 20px;"></i>
|
||||
<i class="fa fa-envelope-o" style="color: #e50000; font-size: 20px;"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Email Address</h6>
|
||||
@ -59,7 +59,7 @@
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="contact-dark-card d-flex align-items-center p-4 h-100">
|
||||
<div class="icon-box bg-white d-flex align-items-center justify-content-center me-4">
|
||||
<i class="fa fa-map-marker" style="color: #ffb800; font-size: 20px;"></i>
|
||||
<i class="fa fa-map-marker" style="color: #e50000; font-size: 20px;"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="text-white fw-bold mb-1" style="font-size: 16px;">Location</h6>
|
||||
@ -119,7 +119,7 @@
|
||||
|
||||
<!-- Submit Button -->
|
||||
<div class="col-12 mt-4">
|
||||
<button type="submit" class="btn fw-bold text-white px-4 py-3 text-uppercase" style="background-color: #ffb800; border: none; font-size: 14px; letter-spacing: 1px; border-radius: 2px;">
|
||||
<button type="submit" class="btn fw-bold text-white px-4 py-3 text-uppercase" style="background-color: #e50000; border: none; font-size: 14px; letter-spacing: 1px; border-radius: 2px;">
|
||||
Send Message Us <i class="fa fa-paper-plane ms-2"></i>
|
||||
</button>
|
||||
</div>
|
||||
@ -148,11 +148,11 @@
|
||||
<section class="pt120 pb120" style="background-color: #F9F6F0;">
|
||||
<div class="container text-center">
|
||||
<div class="mb-4">
|
||||
<i class="fa fa-check-circle-o fa-5x" style="color: #ffb800;"></i>
|
||||
<i class="fa fa-check-circle-o fa-5x" style="color: #e50000;"></i>
|
||||
</div>
|
||||
<h1 class="display-3 fw-bold mb-3" style="color: #04121D;">Thank You!</h1>
|
||||
<p class="lead text-muted mb-5">Your message has been successfully sent to us.<br/>We will get back to you as soon as possible.</p>
|
||||
<a href="/" class="btn btn-lg flat" style="background-color: #ffb800; color: #04121D; font-weight: 700; padding: 15px 40px; border-radius: 4px; text-transform: uppercase;">Back to Home</a>
|
||||
<a href="/" class="btn btn-lg flat" style="background-color: #e50000; color: #04121D; font-weight: 700; padding: 15px 40px; border-radius: 4px; text-transform: uppercase;">Back to Home</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
|
||||
<li class="breadcrumb-item"><a href="/home" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
|
||||
<!-- Separator (manual or via CSS, bootstrap adds /) -->
|
||||
<li class="breadcrumb-item active" style="color: #ffb800;" aria-current="page">FAQ</li>
|
||||
<li class="breadcrumb-item active" style="color: #e50000;" aria-current="page">FAQ</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
@ -29,7 +29,7 @@
|
||||
<div class="col-lg-7 mb-5 mb-lg-0">
|
||||
<div class="pe-lg-5">
|
||||
<!-- Title -->
|
||||
<h6 class="d-flex align-items-center mb-3" style="color: #ffb800; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
<h6 class="d-flex align-items-center mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
Shivasakthi
|
||||
</h6>
|
||||
<h2 class="display-5 fw-bold mb-5" style="color: #04121D;">Frequently Asked Questions</h2>
|
||||
@ -189,12 +189,12 @@
|
||||
|
||||
<!-- Custom Navigation Arrows (centered vertically, appearing on sides) -->
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="prev" style="opacity: 1;">
|
||||
<span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #ffb800; border-radius: 50%; color: #04121D; position: absolute; left: 20px;">
|
||||
<span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e50000; border-radius: 50%; color: #04121D; position: absolute; left: 20px;">
|
||||
<i class="fa fa-arrow-left"></i>
|
||||
</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="next" style="opacity: 1;">
|
||||
<span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #ffb800; border-radius: 50%; color: #04121D; position: absolute; right: 20px;">
|
||||
<span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e50000; border-radius: 50%; color: #04121D; position: absolute; right: 20px;">
|
||||
<i class="fa fa-arrow-right"></i>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
@ -169,8 +169,8 @@
|
||||
<div class="col-lg-3 col-md-6 mb-4">
|
||||
<h5 class="footer-column-title fw-bold text-uppercase mb-4" style="font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 1px; font-size: 20px;">OPENING HOUR</h5>
|
||||
<div class="hours-list" style="font-size: 14px; line-height: 1.8;">
|
||||
<p class="mb-2 text-white">Monday – Friday: <span style="color: #ffb800;">11.30 am - 10.00 pm</span></p>
|
||||
<p class="mb-0 text-white">Saturday, Sunday: <span style="color: #ffb800;">12.00 pm - 10.00 pm</span></p>
|
||||
<p class="mb-2 text-white">Monday – Friday: <span style="color: #e50000;">11.30 am - 10.00 pm</span></p>
|
||||
<p class="mb-0 text-white">Saturday, Sunday: <span style="color: #e50000;">12.00 pm - 10.00 pm</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -180,13 +180,13 @@
|
||||
<div class="footer-copyright-bar" style="border-top: 1px solid rgba(255,255,255,0.05); padding: 20px 0;">
|
||||
<div class="container text-center">
|
||||
<p class="mb-0" style="font-size: 13px; color: #dcdcdc;">
|
||||
Copyright 2026 © Shiva Sakthi Restaurant. Powered by <span style="color: #ffb800;">MetatronCube</span>. All Right Reserved.
|
||||
Copyright 2026 © Shiva Sakthi Restaurant. Powered by <span style="color: #e50000;">MetatronCube</span>. All Right Reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Scroll to Top Button -->
|
||||
<!-- <a href="#" class="scroll-to-top" style="position: absolute; right: 30px; bottom: 30px; background-color: #ffb800; color: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.3);">
|
||||
<!-- <a href="#" class="scroll-to-top" style="position: absolute; right: 30px; bottom: 30px; background-color: #e50000; color: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.3);">
|
||||
<i class="fa fa-arrow-up"></i>
|
||||
</a> -->
|
||||
</section>
|
||||
|
||||
@ -144,7 +144,7 @@
|
||||
<!-- Right Content Side -->
|
||||
<div class="col-lg-6 ps-lg-5 o_colored_level">
|
||||
<div class="about-content">
|
||||
<h6 class="d-flex align-items-center mb-3" style="color: #ffb800; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
<h6 class="d-flex align-items-center mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
Real . authentic . South Indian
|
||||
</h6>
|
||||
<h2 class="display-4 fw-bold mb-4" style="color: #04121D; line-height: 1.2;">Welcome to Shiva Sakthi Restaurant</h2>
|
||||
@ -154,10 +154,10 @@
|
||||
|
||||
<!-- CTA Buttons -->
|
||||
<div class="d-flex flex-wrap align-items-center gap-4 pt-2">
|
||||
<a href="/about" class="btn btn-lg flat d-inline-flex align-items-center" style="background-color: #ffb800; color: #04121D; font-weight: 700; padding: 15px 35px; border-radius: 5px; text-transform: uppercase; font-size: 14px; border: none;">
|
||||
<a href="/about" class="btn btn-lg flat d-inline-flex align-items-center" style="background-color: #e50000; color: #04121D; font-weight: 700; padding: 15px 35px; border-radius: 5px; text-transform: uppercase; font-size: 14px; border: none;">
|
||||
LEARN MORE US <i class="fa fa-long-arrow-right ms-2"/>
|
||||
</a>
|
||||
<a href="/shop" class="fw-bold text-dark text-decoration-none d-inline-flex align-items-center" style="font-size: 14px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px solid #ffb800; padding-bottom: 3px;">
|
||||
<a href="/shop" class="fw-bold text-dark text-decoration-none d-inline-flex align-items-center" style="font-size: 14px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px solid #e50000; padding-bottom: 3px;">
|
||||
EXPLORE POPULAR MENU <i class="fa fa-long-arrow-right ms-2"/>
|
||||
</a>
|
||||
</div>
|
||||
@ -175,7 +175,7 @@
|
||||
<div class="col-lg-8 col-md-10">
|
||||
<div class="row g-0 overflow-hidden shadow-lg stats-box-row" style="background: transparent;">
|
||||
<!-- Box 1 -->
|
||||
<div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #ffb800; color: #000; min-height: 170px;">
|
||||
<div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e50000; color: #000; min-height: 170px;">
|
||||
<h2 class="fw-bold mb-1 stat-counter" data-target="20" data-suffix="+" style="font-size: clamp(32px, 4.5vw, 54px); line-height: 1; font-family: 'Bebas Neue', sans-serif !important;">0+</h2>
|
||||
<div class="wavy-line mb-3" style="font-size: 14px; font-weight: bold; color: #000; letter-spacing: -2px;">~~~~</div>
|
||||
<p class="text-uppercase fw-bold mb-0" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Experience Chefs</p>
|
||||
@ -187,7 +187,7 @@
|
||||
<p class="text-uppercase fw-bold mb-0 text-white" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Happy Customers</p>
|
||||
</div>
|
||||
<!-- Box 3 -->
|
||||
<div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #ffb800; color: #000; min-height: 170px;">
|
||||
<div class="col-4 text-center py-4 px-2 d-flex flex-column align-items-center justify-content-center" style="background-color: #e50000; color: #000; min-height: 170px;">
|
||||
<h2 class="fw-bold mb-1 stat-counter" data-target="40" data-suffix="+" style="font-size: clamp(32px, 4.5vw, 54px); line-height: 1; font-family: 'Bebas Neue', sans-serif !important;">0+</h2>
|
||||
<div class="wavy-line mb-3" style="font-size: 14px; font-weight: bold; color: #000; letter-spacing: -2px;">~~~~</div>
|
||||
<p class="text-uppercase fw-bold mb-0" style="font-size: clamp(10px, 1.2vw, 13px); letter-spacing: 0.5px; font-family: 'Bebas Neue', sans-serif !important;">Favorite Dishes</p>
|
||||
@ -208,7 +208,7 @@
|
||||
<!-- Header -->
|
||||
<div class="row mb-5">
|
||||
<div class="col-12 text-center">
|
||||
<h6 class="mb-3" style="color: #ffb800; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important;">SOUTH INDIAN AND NORTH INDIAN</h6>
|
||||
<h6 class="mb-3" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important;">SOUTH INDIAN AND NORTH INDIAN</h6>
|
||||
<h2 class="display-4 fw-bold" style="color: #04121D; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 46px; letter-spacing: 1px;">Popular Dishes</h2>
|
||||
</div>
|
||||
</div>
|
||||
@ -361,7 +361,7 @@
|
||||
<!-- Header -->
|
||||
<div class="row mb-5">
|
||||
<div class="col-12 text-center">
|
||||
<h6 class="mb-2" style="color: #ffb800; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 16px;">POPULAR MENU</h6>
|
||||
<h6 class="mb-2" style="color: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 16px;">POPULAR MENU</h6>
|
||||
<h2 class="display-4 fw-bold" style="color: #04121D; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 46px; letter-spacing: 1px; line-height: 1.2;">FROM AUTHENTIC INDIAN KITCHEN</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
<!-- <div class="o_wsale_products_breadcrumb mb-3">
|
||||
<ul class="breadcrumb bg-transparent p-0 small">
|
||||
<li class="breadcrumb-item"><a href="/shop" class="text-secondary text-decoration-none">All Products</a></li>
|
||||
<li class="breadcrumb-item active fw-bold" style="color: #ffb800;"><span t-field="product.name"/></li>
|
||||
<li class="breadcrumb-item active fw-bold" style="color: #e50000;"><span t-field="product.name"/></li>
|
||||
</ul>
|
||||
</div> -->
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user