reels section updated
This commit is contained in:
parent
65ead62da2
commit
c6177c898c
@ -510,8 +510,8 @@ body,
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
gap: 12px;
|
||||
|
||||
> * {
|
||||
|
||||
>* {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
@ -532,7 +532,7 @@ body,
|
||||
align-items: center !important;
|
||||
width: 100% !important;
|
||||
gap: 10px;
|
||||
|
||||
|
||||
.mobile-cat-bar-btn {
|
||||
margin-right: auto !important;
|
||||
}
|
||||
@ -606,7 +606,8 @@ body,
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
&:hover, &:active {
|
||||
&:hover,
|
||||
&:active {
|
||||
background: #e5a500 !important;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 5px 14px rgba(255, 184, 0, 0.35) !important;
|
||||
@ -642,18 +643,18 @@ body,
|
||||
max-width: 100% !important;
|
||||
flex: 0 0 100% !important;
|
||||
padding: 0 !important;
|
||||
|
||||
|
||||
.o_wsale_products_grid_table_wrapper {
|
||||
overflow: hidden !important;
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
|
||||
|
||||
table {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
|
||||
|
||||
tbody {
|
||||
display: flex !important;
|
||||
flex-wrap: wrap !important;
|
||||
@ -663,7 +664,7 @@ body,
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
tr {
|
||||
display: flex !important;
|
||||
flex-wrap: wrap !important;
|
||||
@ -671,13 +672,14 @@ body,
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
td {
|
||||
display: block !important;
|
||||
width: 50% !important;
|
||||
max-width: 50% !important;
|
||||
flex: 0 0 50% !important;
|
||||
padding: 4px !important; /* Tight padding to fit 2 items */
|
||||
padding: 4px !important;
|
||||
/* Tight padding to fit 2 items */
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
}
|
||||
@ -689,12 +691,13 @@ body,
|
||||
margin-bottom: 10px;
|
||||
|
||||
.oe_product_image {
|
||||
height: 120px !important; /* Smaller image to fit in 3-col layout on mobile */
|
||||
height: 120px !important;
|
||||
/* Smaller image to fit in 3-col layout on mobile */
|
||||
}
|
||||
|
||||
.o_wsale_product_information {
|
||||
padding: 8px !important;
|
||||
|
||||
|
||||
.o_wsale_products_item_title a {
|
||||
font-size: 0.75rem !important;
|
||||
white-space: nowrap;
|
||||
@ -702,11 +705,11 @@ body,
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.price-row span {
|
||||
font-size: 0.85rem !important;
|
||||
}
|
||||
|
||||
|
||||
.btn-add-to-cart-overlay {
|
||||
padding: 5px !important;
|
||||
font-size: 0.7rem !important;
|
||||
@ -718,7 +721,7 @@ body,
|
||||
|
||||
/* Custom Pagination */
|
||||
.products_pager {
|
||||
margin-top: 60px;
|
||||
// margin-top: 60px;
|
||||
|
||||
ul.pagination {
|
||||
justify-content: center !important;
|
||||
@ -1023,7 +1026,8 @@ body,
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:hover, &:active {
|
||||
&:hover,
|
||||
&:active {
|
||||
background: #ffb800;
|
||||
border-color: #ffb800;
|
||||
color: #000;
|
||||
@ -1143,7 +1147,8 @@ body,
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
span, .category-name {
|
||||
span,
|
||||
.category-name {
|
||||
color: #222222 !important;
|
||||
font-weight: 700 !important;
|
||||
font-size: 0.9rem !important;
|
||||
@ -1163,7 +1168,8 @@ body,
|
||||
font-weight: 900 !important;
|
||||
box-shadow: 0 4px 12px rgba(255, 184, 0, 0.35) !important;
|
||||
|
||||
span, .category-name {
|
||||
span,
|
||||
.category-name {
|
||||
color: #000000 !important;
|
||||
font-weight: 900 !important;
|
||||
}
|
||||
@ -1172,4 +1178,4 @@ body,
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1066,7 +1066,7 @@ section h2.display-4 {
|
||||
|
||||
// Also ensure the oe_structure wrap div doesn't clip content
|
||||
#wrap>.s_blog_detail_section:last-child {
|
||||
padding-bottom: 100px !important;
|
||||
padding: 80px 0 !important;
|
||||
}
|
||||
|
||||
// Blog Section
|
||||
@ -1628,7 +1628,7 @@ 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: #000 !important;
|
||||
}
|
||||
|
||||
/* Button hover color */
|
||||
@ -3054,7 +3054,7 @@ body.o_edit_mode {
|
||||
.food-slider-container {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding: 0 0 20px 0;
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.food-slider-track {
|
||||
@ -3253,4 +3253,11 @@ section h2.display-4, section h2.display-5, section h2.testi-main-title, section
|
||||
.products_header .oe_search_button {
|
||||
min-width: 44px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.pt80,
|
||||
.pb80, .food-slider-container, .s_footer_image_match {
|
||||
padding: 60px 0 !important;
|
||||
}
|
||||
}
|
||||
@ -20,8 +20,8 @@
|
||||
</section>
|
||||
|
||||
<!-- Section 1: Where Flavor Meets Festivity -->
|
||||
<section class="s_about_flavor_festivity pt-5 pb-5 bg-white">
|
||||
<div class="container pt-5 pb-5">
|
||||
<section class="s_about_flavor_festivity pt80 pb80 bg-white">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-column-reverse flex-lg-row">
|
||||
<div class="col-lg-6 mb-5 mb-lg-0 text-center">
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/about_v2/vada.png" alt="Vada Dish" class="img-fluid floating-img"/>
|
||||
@ -52,15 +52,15 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="/menu" class="btn btn-warning text-uppercase fw-bold px-4 py-3 rounded-0" style="font-size: 14px; letter-spacing: 1px;">Discover More <i class="fa fa-arrow-right ms-2"></i></a>
|
||||
<a href="/shop" class="btn btn-warning text-uppercase fw-bold px-4 py-3 rounded-0" style="font-size: 14px; letter-spacing: 1px;">Discover More <i class="fa fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section 2: Banner Cards (Biryani) -->
|
||||
<section class="s_about_biryani_banners pb-5 bg-white">
|
||||
<div class="container pb-5">
|
||||
<section class="s_about_biryani_banners pb80 bg-white">
|
||||
<div class="container">
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-6">
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/about_v2/chicken_biryani_banner.png" alt="Ambur Chicken Biryani" class="img-fluid w-100 banner-card"/>
|
||||
@ -82,8 +82,8 @@
|
||||
</section>
|
||||
|
||||
<!-- Section 4: Authentic Flavors -->
|
||||
<section class="s_about_authentic_flavors pt-5 pb-5 bg-white position-relative overflow-hidden">
|
||||
<div class="container pt-5 pb-5">
|
||||
<section class="s_about_authentic_flavors pt80 pb80 bg-white position-relative overflow-hidden">
|
||||
<div class="container">
|
||||
<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>
|
||||
@ -116,9 +116,9 @@
|
||||
<a href="tel:+1234567890" class="btn btn-outline-light text-uppercase fw-bold px-4 py-3 rounded-0 mt-2" style="font-size: 14px; letter-spacing: 1px; border-width: 2px;">Call Us <i class="fa fa-phone ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Right Black Section -->
|
||||
<div class="col-lg-6 position-relative" style="background-color: #111; min-height: 400px; display: flex; align-items: center; justify-content: center;">
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/about_v2/noodles.png" alt="Noodles" class="img-fluid floating-img" style="max-height: 450px; z-index: 2;"/>
|
||||
<!-- Right Image Section -->
|
||||
<div class="col-lg-6 position-relative">
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/about_v2/noodles.png" alt="Noodles" class="img-fluid w-100 h-100" style="object-fit: cover; min-height: 400px;"/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -86,8 +86,8 @@
|
||||
</section>
|
||||
|
||||
<!-- 2. Main Blog Detail Section -->
|
||||
<section class="s_blog_detail_section py-5 o_colored_level" style="background-color: #F9F6F0;">
|
||||
<div class="container py-4">
|
||||
<section class="s_blog_detail_section o_colored_level" style="background-color: #F9F6F0;">
|
||||
<div class="container">
|
||||
<div class="row g-5">
|
||||
|
||||
<!-- Left Main Article Column (col-lg-8) -->
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
</section>
|
||||
|
||||
<!-- Blog Listing Section -->
|
||||
<section class="s_blog_listing o_colored_level pt96 pb96" style="background-color: #F9F6F0;">
|
||||
<section class="s_blog_listing o_colored_level pt80 pb80" style="background-color: #F9F6F0;">
|
||||
<div class="container">
|
||||
<!-- Header -->
|
||||
<div class="row mb-5">
|
||||
|
||||
@ -20,8 +20,8 @@
|
||||
</section>
|
||||
|
||||
<!-- 2. GET IN TOUCH WITH US + DARK CARDS -->
|
||||
<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">
|
||||
<section class="s_contact_get_in_touch pt80 pb80 bg-white position-relative" style="z-index: 10;">
|
||||
<div class="container">
|
||||
<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>
|
||||
<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>
|
||||
@ -72,8 +72,8 @@
|
||||
</section>
|
||||
|
||||
<!-- 3. FORM & IMAGE SECTION (Dark wrapper, Light inner) -->
|
||||
<section class="s_contact_form_split pt-5 pb-5" style="background-color: #111;">
|
||||
<div class="container pt-5 pb-5">
|
||||
<section class="s_contact_form_split pt80 pb80" style="background-color: #111;">
|
||||
<div class="container">
|
||||
<div class="row g-0">
|
||||
<!-- Left Image -->
|
||||
<div class="col-lg-6">
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
</section>
|
||||
|
||||
<!-- Main FAQ Section -->
|
||||
<section class="s_faq_page_section pt96 pb96 o_colored_level" style="background-color: #F9F6F0;">
|
||||
<section class="s_faq_page_section pt80 pb80 o_colored_level" style="background-color: #F9F6F0;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Left Content: Questions -->
|
||||
|
||||
@ -159,7 +159,7 @@
|
||||
<ul class="footer-links-list list-unstyled ps-0" style="font-size: 14px;">
|
||||
<li class="mb-3"><a href="/" class="text-decoration-none text-white">Home</a></li>
|
||||
<li class="mb-3"><a href="/about" class="text-decoration-none text-white">About</a></li>
|
||||
<li class="mb-3"><a href="/menu" class="text-decoration-none text-white">Menu</a></li>
|
||||
<li class="mb-3"><a href="/shop" class="text-decoration-none text-white">Menu</a></li>
|
||||
<li class="mb-3"><a href="/contactus" class="text-decoration-none text-white">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -189,7 +189,7 @@
|
||||
<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 © Shivas Dosa Restaurant. Powered by <span style="color: #ffb800;">MetatronCube</span>. All Right Reserved.
|
||||
Copyright 2026 © Shiva Sakthi Restaurant. Powered by <span style="color: #ffb800;">MetatronCube</span>. All Right Reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
|
||||
<div class="carousel-inner">
|
||||
<!-- Slide 1 -->
|
||||
<div class="carousel-item o_colored_level pt128 pb128 active oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
|
||||
<div class="carousel-item o_colored_level pt80 pb80 active oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
|
||||
<!-- Left Side Dish (Pizza/Uttapam Platter) -->
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/left-side-image.webp" class="hero-left-dish d-none d-lg-block" alt="Left Pizza Platter"/>
|
||||
|
||||
@ -53,7 +53,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Slide 2 -->
|
||||
<div class="carousel-item o_colored_level pt128 pb128 oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
|
||||
<div class="carousel-item o_colored_level pt80 pb80 oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
|
||||
<!-- Left Side Dish -->
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/left-side-image.webp" class="hero-left-dish d-none d-lg-block" alt="Left Pizza Platter"/>
|
||||
|
||||
@ -86,7 +86,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Slide 3 -->
|
||||
<div class="carousel-item o_colored_level pt128 pb128 oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
|
||||
<div class="carousel-item o_colored_level pt80 pb80 oe_img_bg o_bg_img_center shivasakthi-hero-slide" data-name="Slide">
|
||||
<!-- Left Side Dish -->
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/left-side-image.webp" class="hero-left-dish d-none d-lg-block" alt="Left Pizza Platter"/>
|
||||
|
||||
@ -129,7 +129,7 @@
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_about_premium o_colored_level pt96 pb96" data-snippet="s_about_premium" data-name="Premium About">
|
||||
<section class="s_about_premium o_colored_level pt80 pb80" data-snippet="s_about_premium" data-name="Premium About">
|
||||
<!-- Floating Elements Removed as requested -->
|
||||
|
||||
<div class="container">
|
||||
@ -168,7 +168,7 @@
|
||||
</section>
|
||||
|
||||
<!-- Stats Section -->
|
||||
<section class="s_stats_section o_colored_level pt128" style="background-image: url('/dine360_theme_shivasakthi/static/src/img/bg-image.jpg'); background-size: cover; background-position: center; position: relative; min-height: 600px; display: flex; align-items: flex-end; padding-bottom: 0;">
|
||||
<section class="s_stats_section o_colored_level pt80" style="background-image: url('/dine360_theme_shivasakthi/static/src/img/bg-image.jpg'); background-size: cover; background-position: center; position: relative; min-height: 600px; display: flex; align-items: flex-end; padding-bottom: 0;">
|
||||
<div class="o_we_bg_filter bg-black-25" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 1;"/>
|
||||
<div class="container position-relative" style="z-index: 2;">
|
||||
<div class="row justify-content-center">
|
||||
@ -308,7 +308,7 @@
|
||||
</section>
|
||||
|
||||
<!-- Unlimited Thali Section -->
|
||||
<section class="s_unlimited_thali_section o_colored_level pt128 pb128" style="background-color: #080808; background-image: url('/dine360_theme_shivasakthi/static/src/img/hero-bg.jpg'); background-size: cover; background-position: center; position: relative; overflow: hidden;">
|
||||
<section class="s_unlimited_thali_section o_colored_level pt80 pb80" style="background-color: #080808; background-image: url('/dine360_theme_shivasakthi/static/src/img/hero-bg.jpg'); background-size: cover; background-position: center; position: relative; overflow: hidden;">
|
||||
<div class="o_we_bg_filter bg-black-85" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 1;"/>
|
||||
|
||||
<!-- Watermark -->
|
||||
@ -352,7 +352,7 @@
|
||||
</section>
|
||||
|
||||
<!-- From Authentic Indian Kitchen Section -->
|
||||
<section class="s_authentic_kitchen_section o_colored_level pt96 pb96" style="background-color: #fcfbf7; position: relative; overflow: hidden;">
|
||||
<section class="s_authentic_kitchen_section o_colored_level pt80 pb80" style="background-color: #fcfbf7; position: relative; overflow: hidden;">
|
||||
<!-- Floating Accent Images -->
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/menu-cucumber.png" class="menu-accent-cucumber d-none d-lg-block" alt="Cucumber Accent"/>
|
||||
<img src="/dine360_theme_shivasakthi/static/src/img/menu-tomato.png" class="menu-accent-tomato d-none d-lg-block" alt="Tomato Accent"/>
|
||||
@ -677,7 +677,7 @@
|
||||
</section>
|
||||
|
||||
<!-- Premium Blog Section -->
|
||||
<section class="s_blog_premium o_colored_level" style="background-color: #ffffff; padding: 80px 0;">
|
||||
<section class="s_blog_premium o_colored_level pt80 pb80" style="background-color: #ffffff;">
|
||||
<div class="container">
|
||||
|
||||
<!-- Header -->
|
||||
@ -739,6 +739,31 @@
|
||||
|
||||
|
||||
|
||||
<!-- Instagram Reels Section -->
|
||||
<section class="s_instagram_reels_premium o_colored_level pt80 pb80" style="background-color: #111111;">
|
||||
<div class="container">
|
||||
<!-- Header -->
|
||||
<div class="row mb-5">
|
||||
<div class="col-12 text-center">
|
||||
<p class="blog-subtitle-top mb-2" style="color: #ffb800; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">FOLLOW US ON INSTAGRAM</p>
|
||||
<h2 class="blog-main-heading mb-4" style="color: #ffffff; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-size: 52px; letter-spacing: 1px;">LATEST REELS</h2>
|
||||
<p class="mt-4" style="color: #d1d1d1; font-size: 18px; font-weight: 400; max-width: 600px; margin: 0 auto; line-height: 1.6;">Follow <a href="https://www.instagram.com/shivasakthi.ca/?hl=en" target="_blank" style="color: #ffb800 !important; font-weight: 600; text-decoration: none; border-bottom: 2px dashed #ffb800; padding-bottom: 2px; transition: all 0.3s ease;">@shivasakthi.ca</a> for our latest updates and delicious moments.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Instagram Widget Container -->
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12">
|
||||
<div class="instagram-widget-container" style="background-color: transparent; min-height: 200px;">
|
||||
<!-- Zyff Instagram Feed widget -->
|
||||
<div class="zyff-instagram" data-zyff-widget="instagram" data-zyff-id="uKQdhDxThLY0mg"></div>
|
||||
<script src="https://www.zyff.app/w/instagram.js" defer="defer"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pre-footer Food Slider -->
|
||||
<section class="s_prefooter_food_slider overflow-hidden" style="background-color: #ffffff;">
|
||||
<div class="food-slider-container">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user