Update color scheme across various pages to enhance visual consistency
- Changed breadcrumb and header colors from #e50000 (red) to #e5b945 (golden yellow) in about, blog, contact, FAQ, and product detail pages. - Updated button background colors and text colors to match the new color scheme. - Adjusted opening hours and footer copyright colors to align with the new design. - Ensured all relevant sections reflect the updated color for a cohesive look throughout the site.
This commit is contained in:
Alaguraj0361
parent
a364d756b8
commit
f3d75aac37
@ -20,7 +20,6 @@
|
||||
'web.assets_frontend': [
|
||||
'dine360_self_order/static/src/css/self_order.css',
|
||||
'dine360_self_order/static/src/js/self_order.js',
|
||||
'dine360_self_order/static/src/xml/self_order.xml',
|
||||
],
|
||||
},
|
||||
'installable': True,
|
||||
|
||||
@ -1,12 +1,13 @@
|
||||
/* Self-Order UI Styling */
|
||||
/* Shiva Sakthi Self-Order UI Styling */
|
||||
|
||||
#self_order_app {
|
||||
font-family: 'Outfit', 'Inter', -apple-system, sans-serif;
|
||||
color: #171422;
|
||||
color: #0f0d13;
|
||||
background-color: #fcfbf7 !important;
|
||||
}
|
||||
|
||||
.transition-all {
|
||||
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
|
||||
.no-scrollbar::-webkit-scrollbar {
|
||||
@ -18,73 +19,196 @@
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
/* Header Branding */
|
||||
.navbar {
|
||||
background: rgba(17, 17, 17, 0.9) !important;
|
||||
backdrop-filter: blur(10px);
|
||||
border-bottom: 2px solid #e5b945;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-family: 'Playfair Display', serif;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
/* Search Bar with glowing focus */
|
||||
.search-bar {
|
||||
border-radius: 14px;
|
||||
border-radius: 16px;
|
||||
background: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
|
||||
overflow: hidden;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.search-bar:focus-within {
|
||||
border-color: #e5b945;
|
||||
box-shadow: 0 4px 25px rgba(229, 0, 0, 0.08) !important;
|
||||
}
|
||||
|
||||
#product_search:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Category Filter Capsules */
|
||||
#category_filter {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#category_filter button {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.3px;
|
||||
text-transform: capitalize;
|
||||
border-radius: 20px;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
|
||||
#category_filter button.btn-warning {
|
||||
background: linear-gradient(135deg, #e5b945, #cc9200) !important;
|
||||
border: none !important;
|
||||
box-shadow: 0 4px 15px rgba(229, 0, 0, 0.25) !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
#category_filter button.btn-white {
|
||||
background: #ffffff;
|
||||
color: #555555;
|
||||
border: 1px solid rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
#category_filter button.btn-white:hover {
|
||||
background: rgba(229, 0, 0, 0.03);
|
||||
color: #e5b945;
|
||||
border-color: rgba(229, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* Premium Product Cards */
|
||||
.product-card {
|
||||
border-radius: 20px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03) !important;
|
||||
overflow: hidden;
|
||||
transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||
}
|
||||
|
||||
.product-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
|
||||
transform: translateY(-8px);
|
||||
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08) !important;
|
||||
}
|
||||
|
||||
.product-card .card-img-top {
|
||||
border-top-left-radius: 14px;
|
||||
border-top-right-radius: 14px;
|
||||
.product-card img {
|
||||
border-top-left-radius: 20px !important;
|
||||
border-top-right-radius: 20px !important;
|
||||
transition: transform 0.5s ease;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
background-color: #e50000;
|
||||
border-color: #e50000;
|
||||
color: #ffffff;
|
||||
.product-card:hover img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.btn-warning:hover,
|
||||
.btn-warning:active {
|
||||
background-color: #b30000;
|
||||
border-color: #b30000;
|
||||
color: #ffffff;
|
||||
.product-card .add-to-cart-btn {
|
||||
background: #e5b945 !important;
|
||||
border-color: #e5b945 !important;
|
||||
color: #ffffff !important;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
|
||||
.bg-warning-light {
|
||||
background-color: rgba(229, 0, 0, 0.08) !important;
|
||||
.product-card .add-to-cart-btn:hover {
|
||||
transform: scale(1.1);
|
||||
background: #cc9200 !important;
|
||||
box-shadow: 0 4px 12px rgba(229, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
/* Service select cards */
|
||||
.service-select {
|
||||
border: 1px solid rgba(0, 0, 0, 0.08) !important;
|
||||
background: #ffffff !important;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
|
||||
.service-select:hover {
|
||||
border-color: rgba(229, 0, 0, 0.2) !important;
|
||||
background: rgba(229, 0, 0, 0.01) !important;
|
||||
}
|
||||
|
||||
.service-select.active {
|
||||
border: 2px solid #e50000 !important;
|
||||
background-color: rgba(229, 0, 0, 0.05) !important;
|
||||
border: 2px solid #e5b945 !important;
|
||||
background: rgba(229, 0, 0, 0.03) !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Cart Footer Panel */
|
||||
#footer_cart {
|
||||
border-top-left-radius: 24px;
|
||||
border-top-right-radius: 24px;
|
||||
background: rgba(255, 255, 255, 0.9) !important;
|
||||
backdrop-filter: blur(15px);
|
||||
box-shadow: 0 -10px 45px rgba(0, 0, 0, 0.1) !important;
|
||||
z-index: 1040;
|
||||
}
|
||||
|
||||
#footer_cart #view_cart_btn {
|
||||
background: linear-gradient(135deg, #e5b945, #cc9200) !important;
|
||||
border: none;
|
||||
box-shadow: 0 4px 15px rgba(229, 0, 0, 0.3) !important;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
|
||||
#footer_cart #view_cart_btn:hover {
|
||||
transform: scale(1.03);
|
||||
box-shadow: 0 6px 20px rgba(229, 0, 0, 0.4) !important;
|
||||
}
|
||||
|
||||
/* Cart Modal Styling */
|
||||
.modal-content {
|
||||
border-radius: 28px !important;
|
||||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
||||
background: #111111 !important;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.cart-item {
|
||||
border-bottom: 1px dashed #eee;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
|
||||
padding-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.cart-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#category_filter button {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
/* Quantity Adjusters */
|
||||
.decrease-qty, .increase-qty {
|
||||
background: #ffffff !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.08) !important;
|
||||
color: #555555 !important;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.badge-primary {
|
||||
background-color: #171422;
|
||||
.decrease-qty:hover, .increase-qty:hover {
|
||||
background: rgba(229, 0, 0, 0.05) !important;
|
||||
color: #e5b945 !important;
|
||||
border-color: rgba(229, 0, 0, 0.2) !important;
|
||||
}
|
||||
|
||||
#footer_cart {
|
||||
border-top-left-radius: 20px;
|
||||
border-top-right-radius: 20px;
|
||||
z-index: 1050;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
#submit_order_btn {
|
||||
background: linear-gradient(135deg, #e5b945, #cc9200) !important;
|
||||
border: none;
|
||||
box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 4px 15px rgba(229, 0, 0, 0.3) !important;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
|
||||
.spinner-border {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
#submit_order_btn:hover {
|
||||
transform: scale(1.02);
|
||||
box-shadow: 0 6px 20px rgba(229, 0, 0, 0.4) !important;
|
||||
}
|
||||
|
||||
/* Spinner */
|
||||
.spinner-border {
|
||||
color: #e5b945 !important;
|
||||
}
|
||||
@ -2,6 +2,11 @@
|
||||
<odoo>
|
||||
<template id="self_order_menu_template" name="Self-Order Menu">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="head">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com"/>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap" rel="stylesheet"/>
|
||||
</t>
|
||||
<div id="self_order_app" class="bg-light min-vh-100 pb-5">
|
||||
<!-- Data injection for JS -->
|
||||
<div id="self_order_data" class="d-none"
|
||||
@ -13,7 +18,7 @@
|
||||
<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-danger"/> Dine360
|
||||
<i class="fa fa-cutlery me-2 text-danger"/> Shiva Sakthi Menu
|
||||
</a>
|
||||
<div t-if="pos_table" class="text-white-50 small">
|
||||
<span class="badge bg-danger text-white px-2 py-1 rounded-pill">
|
||||
|
||||
@ -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: #e50000; border-bottom: 2px solid #e50000; padding-bottom: 10px;">New Contact Form Submission - Shiva Sakthi</h2>
|
||||
<h2 style="color: #e5b945; border-bottom: 2px solid #e5b945; 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 #e50000;">
|
||||
<div style="margin-top: 20px; padding: 15px; background-color: #F8F9FA; border-left: 4px solid #e5b945;">
|
||||
<strong style="display: block; margin-bottom: 10px;">Message:</strong>
|
||||
<div style="white-space: pre-wrap;">{message}</div>
|
||||
</div>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
$o-color-palettes: (
|
||||
'shivasakthi-palette': (
|
||||
'o-color-1': #e50000, // Brand Red (Primary)
|
||||
'o-color-1': #e5b945, // 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: #e50000;
|
||||
--food-yellow: #e50000;
|
||||
--food-green: #e5b945;
|
||||
--food-yellow: #e5b945;
|
||||
--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 #e50000 !important;
|
||||
border: 1px solid #e5b945 !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: #e50000 !important;
|
||||
background: #e5b945 !important;
|
||||
color: #000000 !important;
|
||||
padding: 10px;
|
||||
border-radius: 6px;
|
||||
@ -491,7 +491,7 @@
|
||||
|
||||
/* Breadcrumb Color */
|
||||
.breadcrumb-item a {
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
@ -556,7 +556,7 @@
|
||||
}
|
||||
|
||||
#add_to_cart {
|
||||
background: #e50000 !important;
|
||||
background: #e5b945 !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: #e50000 !important;
|
||||
background: #e5b945 !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: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
color: #000000 !important;
|
||||
border-color: #e50000 !important;
|
||||
border-color: #e5b945 !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: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
color: #0e1317 !important;
|
||||
border-color: #e50000 !important;
|
||||
border-color: #e5b945 !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: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -45,7 +45,7 @@ header {
|
||||
|
||||
/* Order Now Button */
|
||||
.btn-order-now {
|
||||
background-color: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
color: white !important;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
@ -59,7 +59,7 @@ header {
|
||||
|
||||
&:hover {
|
||||
background-color: white !important;
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !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: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
}
|
||||
|
||||
.cart-badge {
|
||||
color: white !important;
|
||||
background-color: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.cart-badge {
|
||||
color: white !important;
|
||||
background-color: #e50000 !important;
|
||||
background-color: #e5b945 !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: #e50000 !important;
|
||||
background-color: #e5b945 !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: #e50000;
|
||||
background-color: #e5b945;
|
||||
display: inline-block;
|
||||
opacity: 0.5;
|
||||
cursor: pointer;
|
||||
@ -556,7 +556,7 @@ section h2.display-4 {
|
||||
padding: 0 !important;
|
||||
|
||||
.s_website_form_mark {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
@ -564,7 +564,7 @@ section h2.display-4 {
|
||||
.form-control,
|
||||
.form-select {
|
||||
background-color: #f8f9fa !important;
|
||||
border: 1px solid #e50000 !important;
|
||||
border: 1px solid #e5b945 !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: #e50000 !important;
|
||||
background-color: #e5b945 !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: #e50000 !important;
|
||||
color: #e5b945 !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: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -765,7 +765,7 @@ section h2.display-4 {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #e50000d4;
|
||||
background: #e5b945d4;
|
||||
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 #e50000;
|
||||
border-right: 15px solid #e5b945;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
@ -886,14 +886,14 @@ section h2.display-4 {
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: #e50000;
|
||||
border-color: #e50000;
|
||||
background: #e5b945;
|
||||
border-color: #e5b945;
|
||||
color: #0e1317;
|
||||
}
|
||||
|
||||
&.next-btn {
|
||||
background: #e50000;
|
||||
border-color: #e50000;
|
||||
background: #e5b945;
|
||||
border-color: #e5b945;
|
||||
color: #0e1317;
|
||||
}
|
||||
}
|
||||
@ -943,13 +943,13 @@ section h2.display-4 {
|
||||
font-size: 18px;
|
||||
|
||||
&:not(.collapsed) {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
|
||||
&::after {
|
||||
content: "-";
|
||||
transform: none;
|
||||
background-image: none;
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
font-size: 30px;
|
||||
line-height: 1;
|
||||
}
|
||||
@ -958,7 +958,7 @@ section h2.display-4 {
|
||||
&::after {
|
||||
content: "+";
|
||||
background-image: none;
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
display: flex;
|
||||
@ -985,7 +985,7 @@ section h2.display-4 {
|
||||
.carousel-control-next {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: #e50000;
|
||||
background: #e5b945;
|
||||
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: #e50000;
|
||||
background-color: #e5b945;
|
||||
color: #0e1317 !important;
|
||||
font-weight: 700;
|
||||
padding: 12px 30px;
|
||||
@ -1041,16 +1041,16 @@ section h2.display-4 {
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
color: white !important;
|
||||
transform: translateY(-3px);
|
||||
|
||||
span {
|
||||
background-color: white !important;
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
|
||||
i {
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1102,7 +1102,7 @@ section h2.display-4 {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: white;
|
||||
border: 2px solid #e50000;
|
||||
border: 2px solid #e5b945;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -1125,7 +1125,7 @@ section h2.display-4 {
|
||||
|
||||
&:last-child {
|
||||
font-size: 10px;
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
text-transform: uppercase;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
@ -1176,13 +1176,13 @@ section h2.display-4 {
|
||||
}
|
||||
|
||||
.date-badge {
|
||||
border: 2px dashed #e50000;
|
||||
border: 2px dashed #e5b945;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-body {
|
||||
h4 {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1205,7 +1205,7 @@ section h2.display-4 {
|
||||
/* Subtitle above title */
|
||||
.blog-subtitle-top {
|
||||
font-family: 'Bebas Neue', sans-serif !important;
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
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: #e50000;
|
||||
color: #e5b945;
|
||||
font-size: 14px;
|
||||
letter-spacing: 1.5px;
|
||||
text-decoration: none;
|
||||
@ -1360,7 +1360,7 @@ footer#bottom {
|
||||
z-index: 20;
|
||||
|
||||
.footer-cta-bar {
|
||||
background-color: #e50000;
|
||||
background-color: #e5b945;
|
||||
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: #e50000;
|
||||
color: #e5b945;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@ -1415,7 +1415,7 @@ footer#bottom {
|
||||
bottom: 0;
|
||||
width: 50px;
|
||||
height: 3px;
|
||||
background: #e50000;
|
||||
background: #e5b945;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1439,8 +1439,8 @@ footer#bottom {
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
background: #e50000;
|
||||
border-color: #e50000;
|
||||
background: #e5b945;
|
||||
border-color: #e5b945;
|
||||
color: #0e1317;
|
||||
}
|
||||
}
|
||||
@ -1458,7 +1458,7 @@ footer#bottom {
|
||||
gap: 10px;
|
||||
|
||||
i {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
@ -1469,7 +1469,7 @@ footer#bottom {
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1559,7 +1559,7 @@ footer#bottom {
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1569,25 +1569,25 @@ footer#bottom {
|
||||
}
|
||||
|
||||
.active-item {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Global Red Color Removal & Theme Alignment */
|
||||
.text-danger {
|
||||
color: #e50000 !important; // Replace red text with theme gold
|
||||
color: #e5b945 !important; // Replace red text with theme gold
|
||||
}
|
||||
|
||||
.bg-danger,
|
||||
.btn-danger {
|
||||
background-color: #e50000 !important;
|
||||
border-color: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
border-color: #e5b945 !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.badge-danger {
|
||||
background-color: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
color: #0e1317 !important;
|
||||
}
|
||||
|
||||
@ -1598,11 +1598,11 @@ footer#bottom {
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 184, 0, 0.1) !important;
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: #e50000 !important;
|
||||
background-color: #e5b945 !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: #e50000 !important;
|
||||
color: #e5b945 !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: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
}
|
||||
|
||||
.active,
|
||||
.nav-link.active,
|
||||
.nav-pills .nav-link.active {
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !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: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
color: #0e1317 !important;
|
||||
border-color: #e50000 !important;
|
||||
border-color: #e5b945 !important;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
@ -1692,7 +1692,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.footer-cta-bar {
|
||||
background-color: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
border-radius: 15px;
|
||||
|
||||
.icon-circle {
|
||||
@ -1705,7 +1705,7 @@ body.o_edit_mode {
|
||||
justify-content: center;
|
||||
|
||||
i {
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
@ -1731,7 +1731,7 @@ body.o_edit_mode {
|
||||
padding-bottom: 50px;
|
||||
|
||||
.footer-brand-title {
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
font-size: 32px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
@ -1750,7 +1750,7 @@ body.o_edit_mode {
|
||||
bottom: 0;
|
||||
width: 35px;
|
||||
height: 2px;
|
||||
background-color: #e50000;
|
||||
background-color: #e5b945;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1777,7 +1777,7 @@ body.o_edit_mode {
|
||||
font-size: 15px;
|
||||
|
||||
i {
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@ -1787,7 +1787,7 @@ body.o_edit_mode {
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
@ -1795,7 +1795,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.highlight-text {
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
}
|
||||
|
||||
.footer-social-boxes {
|
||||
@ -1817,8 +1817,8 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #e50000;
|
||||
border-color: #e50000;
|
||||
background-color: #e5b945;
|
||||
border-color: #e5b945;
|
||||
transform: translateY(-3px);
|
||||
|
||||
i {
|
||||
@ -1872,7 +1872,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.footer-copyright-bar-new {
|
||||
background-color: #e50000 !important;
|
||||
background-color: #e5b945 !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: #e50000;
|
||||
border-color: #e50000;
|
||||
background-color: #e5b945;
|
||||
border-color: #e5b945;
|
||||
color: #0e1317;
|
||||
box-shadow: none;
|
||||
}
|
||||
@ -1991,7 +1991,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.hero-subtitle {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
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: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
color: white !important;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
@ -2041,7 +2041,7 @@ body.o_edit_mode {
|
||||
|
||||
&:hover {
|
||||
background-color: white !important;
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !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: #e50000 !important;
|
||||
background-color: #e5b945 !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: #e50000;
|
||||
background-color: #e5b945;
|
||||
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 #e50000 !important;
|
||||
border: 2px solid #e5b945 !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: #e50000;
|
||||
color: #e5b945;
|
||||
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 #e50000 !important;
|
||||
color: #e50000 !important;
|
||||
border: 2px solid #e5b945 !important;
|
||||
color: #e5b945 !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: #e50000 !important;
|
||||
background: #e5b945 !important;
|
||||
color: #111111 !important;
|
||||
border-color: #e50000 !important;
|
||||
border-color: #e5b945 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2600,7 +2600,7 @@ body.o_edit_mode {
|
||||
|
||||
/* Stars */
|
||||
.testi-stars {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
font-size: 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -2694,7 +2694,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.category-btn {
|
||||
background-color: #e50000;
|
||||
background-color: #e5b945;
|
||||
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: #e50000;
|
||||
color: #e5b945;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2795,7 +2795,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.thali-subtitle {
|
||||
color: #e50000;
|
||||
color: #e5b945;
|
||||
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: #e50000 !important;
|
||||
background-color: #e5b945 !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: #e50000 !important;
|
||||
border-color: #e50000 !important;
|
||||
background-color: #e5b945 !important;
|
||||
border-color: #e5b945 !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 #e50000 !important;
|
||||
border: 2px solid #e5b945 !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: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@ -3013,7 +3013,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.btn-menu-view-all {
|
||||
background-color: #e50000 !important;
|
||||
background-color: #e5b945 !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: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -3108,7 +3108,7 @@ body.o_edit_mode {
|
||||
}
|
||||
/* About Us V2 Custom Styles */
|
||||
.hover-yellow:hover {
|
||||
color: #e50000 !important;
|
||||
color: #e5b945 !important;
|
||||
}
|
||||
|
||||
.floating-img {
|
||||
@ -3152,7 +3152,7 @@ body.o_edit_mode {
|
||||
}
|
||||
|
||||
.icon-circle:hover {
|
||||
background-color: #e50000;
|
||||
background-color: #e5b945;
|
||||
}
|
||||
|
||||
.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: #e50000;" aria-current="page">About Us</li>
|
||||
<li class="breadcrumb-item active" style="color: #e5b945;" 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: #e50000; font-size: 14px; letter-spacing: 1px;">Experience South Indian Cuisine Like Never Before!</h6>
|
||||
<h6 class="text-uppercase mb-2 fw-bold" style="color: #e5b945; 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: #e50000; 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: #e5b945; 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: #e50000; 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: #e5b945; 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: #e50000; padding: 100px 50px;">
|
||||
<div class="col-lg-6 position-relative d-flex align-items-center" style="background-color: #e5b945; 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: #e50000; padding: 100px 50px;">
|
||||
<div class="col-lg-6 position-relative d-flex align-items-center text-center" style="background-color: #e5b945; 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: #e50000;
|
||||
color: #e5b945;
|
||||
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: #e50000;" aria-current="page">Blog Details</li>
|
||||
<li class="breadcrumb-item active" style="color: #e5b945;" 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: #e50000;" aria-current="page">Blog</li>
|
||||
<li class="breadcrumb-item active" style="color: #e5b945;" 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: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
<h6 class="d-flex align-items-center justify-content-center mb-3" style="color: #e5b945; 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: #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;">
|
||||
<div class="date-badge position-absolute" style="bottom: 10px; left: 15px; width: 50px; height: 65px; background: #e5b945; 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: #e50000;" aria-current="page">Contact</li>
|
||||
<li class="breadcrumb-item active" style="color: #e5b945;" 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: #e50000; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px;">Contact Us</h6>
|
||||
<h6 style="color: #e5b945; 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: #e50000; font-size: 20px;"></i>
|
||||
<i class="fa fa-phone" style="color: #e5b945; 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: #e50000; font-size: 20px;"></i>
|
||||
<i class="fa fa-envelope-o" style="color: #e5b945; 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: #e50000; font-size: 20px;"></i>
|
||||
<i class="fa fa-map-marker" style="color: #e5b945; 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: #e50000; 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: #e5b945; 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: #e50000;"></i>
|
||||
<i class="fa fa-check-circle-o fa-5x" style="color: #e5b945;"></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: #e50000; 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: #e5b945; 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: #e50000;" aria-current="page">FAQ</li>
|
||||
<li class="breadcrumb-item active" style="color: #e5b945;" 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: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
<h6 class="d-flex align-items-center mb-3" style="color: #e5b945; 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: #e50000; 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: #e5b945; 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: #e50000; 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: #e5b945; border-radius: 50%; color: #04121D; position: absolute; right: 20px;">
|
||||
<i class="fa fa-arrow-right"></i>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
@ -100,8 +100,8 @@
|
||||
t-esc="website_sale_order.cart_quantity"
|
||||
style="font-size: 0.75rem; padding: 0.35em 0.6em; border: 2px solid #111;"/>
|
||||
</a>
|
||||
<a href="/shop" class="btn btn-order-now px-4 py-2 d-inline-flex align-items-center">
|
||||
ORDER NOW <i class="fa fa-long-arrow-right ms-2"></i>
|
||||
<a href="/reservation" class="btn btn-order-now px-4 py-2 d-inline-flex align-items-center">
|
||||
RESERVATION <i class="fa fa-long-arrow-right ms-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -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: #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>
|
||||
<p class="mb-2 text-white">Monday – Friday: <span style="color: #e5b945;">11.30 am - 10.00 pm</span></p>
|
||||
<p class="mb-0 text-white">Saturday, Sunday: <span style="color: #e5b945;">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: #e50000;">MetatronCube</span>. All Right Reserved.
|
||||
Copyright 2026 © Shiva Sakthi Restaurant. Powered by <span style="color: #e5b945;">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: #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);">
|
||||
<!-- <a href="#" class="scroll-to-top" style="position: absolute; right: 30px; bottom: 30px; background-color: #e5b945; 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: #e50000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
<h6 class="d-flex align-items-center mb-3" style="color: #e5b945; 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: #e50000; 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: #e5b945; 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 #e50000; 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 #e5b945; 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: #e50000; 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: #e5b945; 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: #e50000; 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: #e5b945; 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: #e50000; 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: #e5b945; 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: #e50000; 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: #e5b945; 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: #e50000;"><span t-field="product.name"/></li>
|
||||
<li class="breadcrumb-item active fw-bold" style="color: #e5b945;"><span t-field="product.name"/></li>
|
||||
</ul>
|
||||
</div> -->
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user