Introduce the dine360_theme_chennora module, providing a custom homepage, images, and styling.
This commit is contained in:
Alaguraj0361
parent
cf637f0074
commit
5154383fd6
@ -97,7 +97,7 @@ body,
|
||||
|
||||
.o_main_navbar .o_menu_sections .o_nav_entry,
|
||||
.o_main_navbar .o_menu_systray .o_nav_entry {
|
||||
color: var(--primary-color) !important;
|
||||
color: white !important;
|
||||
font-size: 14px !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
@ -8,7 +8,7 @@ body .navbar,
|
||||
body #o_main_nav {
|
||||
background-color: #171422 !important;
|
||||
background: #171422 !important;
|
||||
border-bottom: 2px solid #d6111e;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Navbar Links / Menu Items */
|
||||
|
||||
BIN
addons/dine360_theme_chennora/static/src/img/about-banner-bg.png
Normal file
BIN
addons/dine360_theme_chennora/static/src/img/about-banner-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
addons/dine360_theme_chennora/static/src/img/about-main-dish.png
Normal file
BIN
addons/dine360_theme_chennora/static/src/img/about-main-dish.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 643 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 541 KiB |
@ -206,88 +206,81 @@ section h2.display-4 {
|
||||
.s_about_premium {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: rgb(244, 241, 234);
|
||||
background-color: #F4F1EA !important;
|
||||
padding: 100px 0;
|
||||
|
||||
.floating-lemon {
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
top: 40%;
|
||||
width: 120px;
|
||||
opacity: 0.8;
|
||||
left: -40px;
|
||||
top: 35%;
|
||||
width: 150px;
|
||||
z-index: 10;
|
||||
animation: float 6s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.floating-leaves {
|
||||
position: absolute;
|
||||
left: 50px;
|
||||
bottom: 5%;
|
||||
width: 150px;
|
||||
opacity: 0.9;
|
||||
left: 80px;
|
||||
bottom: 8%;
|
||||
width: 180px;
|
||||
z-index: 10;
|
||||
animation: float 8s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.floating-bellpepper {
|
||||
.floating-pepper {
|
||||
position: absolute;
|
||||
right: 40px;
|
||||
top: 50px;
|
||||
width: 130px;
|
||||
opacity: 0.8;
|
||||
right: -30px;
|
||||
top: 80px;
|
||||
width: 140px;
|
||||
z-index: 10;
|
||||
animation: float 7s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.about-image-wrapper {
|
||||
position: relative;
|
||||
padding: 50px;
|
||||
display: inline-block;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 15%;
|
||||
top: 25%;
|
||||
width: 75%;
|
||||
height: 60%;
|
||||
background-color: #FECD4F;
|
||||
left: -15px;
|
||||
top: -15px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
border-radius: 10px;
|
||||
opacity: 0.6;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.15));
|
||||
}
|
||||
}
|
||||
|
||||
.feature-item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 25px;
|
||||
|
||||
.feature-icon-wrapper {
|
||||
margin-right: 20px;
|
||||
|
||||
img {
|
||||
width: 60px;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.about-content {
|
||||
h2 {
|
||||
font-size: 2.8rem;
|
||||
font-weight: 900;
|
||||
color: #04121D;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 19px;
|
||||
font-weight: 800;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 700;
|
||||
color: #04121D;
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
color: #555;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
color: rgba(4, 18, 29, 0.7);
|
||||
line-height: 1.8;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -306,6 +299,122 @@ section h2.display-4 {
|
||||
}
|
||||
}
|
||||
|
||||
/* Contact Section Premium */
|
||||
.s_contact_premium {
|
||||
background-color: #F4F1EA !important;
|
||||
padding: 100px 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.contact-image-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: -15px;
|
||||
top: -15px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-form-card {
|
||||
background: white;
|
||||
padding: 50px;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
|
||||
|
||||
h2 {
|
||||
font-size: 2.2rem;
|
||||
font-weight: 800;
|
||||
color: #04121D;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.s_website_form_label {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
margin-bottom: 8px;
|
||||
display: block;
|
||||
text-align: left !important;
|
||||
width: auto !important;
|
||||
padding: 0 !important;
|
||||
|
||||
.s_website_form_mark {
|
||||
color: #d6111e;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control,
|
||||
.form-select {
|
||||
background-color: #f8f9fa !important;
|
||||
border: 1px solid transparent !important;
|
||||
border-radius: 10px !important;
|
||||
padding: 14px 18px !important;
|
||||
font-size: 15px !important;
|
||||
color: #04121D !important;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&::placeholder {
|
||||
color: #adb5bd;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border-color: rgba(43, 177, 165, 0.3) !important;
|
||||
background-color: white !important;
|
||||
box-shadow: 0 5px 15px rgba(43, 177, 165, 0.1) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_website_form_send {
|
||||
background-color: #FECD4F !important;
|
||||
color: #04121D !important;
|
||||
border: none !important;
|
||||
border-radius: 10px !important;
|
||||
padding: 16px !important;
|
||||
font-weight: 800 !important;
|
||||
font-size: 15px !important;
|
||||
text-transform: uppercase !important;
|
||||
letter-spacing: 1px !important;
|
||||
width: 100% !important;
|
||||
margin-top: 15px !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
gap: 10px;
|
||||
transition: all 0.3s ease !important;
|
||||
box-shadow: 0 4px 10px rgba(254, 205, 79, 0.2) !important;
|
||||
|
||||
&:hover {
|
||||
background-color: #04121D !important;
|
||||
color: #FECD4F !important;
|
||||
transform: translateY(-2px) !important;
|
||||
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "\2192";
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Why Choose Section
|
||||
.s_why_choose_premium {
|
||||
background-color: #04121D;
|
||||
@ -1098,3 +1207,50 @@ footer#bottom {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* About Us Hero Banner */
|
||||
.about-hero-banner {
|
||||
background: linear-gradient(rgba(4, 18, 29, 0.4), rgba(4, 18, 29, 0.4)), url('/dine360_theme_chennora/static/src/img/about-banner-bg.png') no-repeat center center !important;
|
||||
background-size: cover !important;
|
||||
min-height: 450px !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
padding: 100px 0 !important;
|
||||
|
||||
h1 {
|
||||
font-size: 5rem !important;
|
||||
font-weight: 900 !important;
|
||||
color: white !important;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 5px !important;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.breadcrumb-container {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
color: white;
|
||||
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: #FECD4F;
|
||||
}
|
||||
}
|
||||
|
||||
.separator {
|
||||
margin: 0 10px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.active-item {
|
||||
color: #FECD4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -188,7 +188,7 @@
|
||||
</h6>
|
||||
<h2 class="display-4 fw-bold mb-4" style="color: #04121D; line-height: 1.2;">Experience Authentic South Indian Flavors</h2>
|
||||
<p class="text-muted mb-5" style="font-size: 16px; line-height: 1.8;">
|
||||
Welcome to Chennora – one of the best Indian restaurants in Brampton! We proudly serve authentic South Indian dishes, mouth-watering dosas, rich biryanis, and delicious curries made with traditional spices.
|
||||
Welcome to Chennora – one of the best Indian restaurants in Brampton! We proudly serve authentic South Indian dishes, mouth-watering dosas, rich biryanis, and delicious curries made with traditional spices. If you're searching for "Indian restaurant Brampton" or "best dosa in Brampton," your search ends here. Visit us today and experience the vibrant flavors of India, right here in Brampton, Ontario.
|
||||
</p>
|
||||
|
||||
<!-- Feature Boxes -->
|
||||
@ -565,7 +565,7 @@
|
||||
|
||||
<!-- Google Reviews Branding -->
|
||||
<div class="google-reviews-info mb-5">
|
||||
<img src="https://www.vectorlogo.zone/logos/google/google-ar21.svg" class="google-reviews-logo" alt="Google" style="filter: brightness(0) invert(1); height: 40px; margin-bottom: 5px;"/>
|
||||
<img src="https://www.vectorlogo.zone/logos/google/google-ar21.svg" class="google-reviews-logo" alt="Google" style=" height: 80px; margin-bottom: 5px;"/>
|
||||
<div class="stars" style="color: #FECD4F; font-size: 14px;">
|
||||
Reviews
|
||||
<i class="fa fa-star"/><i class="fa fa-star"/><i class="fa fa-star"/><i class="fa fa-star"/><i class="fa fa-star"/>
|
||||
@ -808,126 +808,51 @@
|
||||
<xpath expr="//div[@id='wrap']" position="replace">
|
||||
<div id="wrap" class="oe_structure">
|
||||
<!-- Hero Section -->
|
||||
<section class="s_title o_colored_level pt96 pb96 oe_img_bg o_bg_img_center" data-snippet="s_title" style="background-color: rgb(4, 18, 29); background-image: url('/dine360_theme_chennora/static/src/img/chen-banner-1.webp');">
|
||||
<div class="o_we_bg_filter bg-black-75"/>
|
||||
<div class="container s_allow_columns">
|
||||
<h1 class="display-3-fs text-center" style="text-align: center;"><font class="text-o-color-3">About Chennora's</font></h1>
|
||||
<p class="lead text-center" style="text-align: center;"><font class="text-o-color-3">Bringing Authentic South Indian Flavors to Brampton</font></p>
|
||||
<section class="about-hero-banner o_colored_level" data-snippet="s_title">
|
||||
<div class="container s_allow_columns z-index-1">
|
||||
<h1>About Us</h1>
|
||||
<div class="breadcrumb-container">
|
||||
<a href="/">Home</a>
|
||||
<span class="separator">/</span>
|
||||
<span class="active-item">About Us</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Story Section -->
|
||||
<section class="s_text_image o_colored_level pt64 pb64" data-snippet="s_image_text" style="background-color: rgb(244, 241, 234);">
|
||||
<!-- Premium About Section -->
|
||||
<section class="s_about_premium o_colored_level" data-snippet="s_about_premium" data-name="Premium About">
|
||||
<!-- Floating Elements -->
|
||||
<img src="/dine360_theme_chennora/static/src/img/about-lemon-float.png" class="floating-lemon d-none d-lg-block" alt=""/>
|
||||
<img src="/dine360_theme_chennora/static/src/img/about-basil-float.png" class="floating-leaves d-none d-lg-block" alt=""/>
|
||||
<img src="/dine360_theme_chennora/static/src/img/about-pepper-float.png" class="floating-pepper d-none d-lg-block" alt=""/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6 pt16 pb16 o_colored_level o_animate o_anim_slide_in o_anim_from_left">
|
||||
<img src="/web/image/1122-1269de16/about.webp" alt="Chennora Restaurant" class="img img-fluid mx-auto o_we_custom_image shadow" style="border-radius: 15px;"/>
|
||||
</div>
|
||||
<div class="pt16 pb16 o_colored_level col-lg-6">
|
||||
<h6 style="color: rgb(43, 177, 165);"><strong>🍛 ABOUT US</strong></h6>
|
||||
<h2 class="fadeInUp"><strong>Bringing Authentic South Indian Cuisine to Brampton</strong></h2>
|
||||
<h5 style="color: rgb(254, 205, 79); margin-top: 20px;">Our Story, Our Passion for Freshness and Flavor</h5>
|
||||
<p style="margin-top: 20px;">
|
||||
At Chennora, we believe that every meal should be a celebration of authentic Indian flavors. As one of the top Indian restaurants in Brampton, we take pride in serving dishes that capture the rich traditions of South India. Whether you're visiting for a casual lunch, a family dinner, or a special event, our team is committed to delivering the best Indian food experience in Brampton.
|
||||
</p>
|
||||
<p>
|
||||
Our chefs bring generations of expertise to every dish — from the famous Hyderabadi biryani to the crispy masala dosas. Visit Chennora today and find out why we are a top-rated South Indian restaurant in Brampton.
|
||||
</p>
|
||||
<!-- Left Image Side -->
|
||||
<div class="col-lg-6 mb-5 mb-lg-0 o_colored_level text-center">
|
||||
<div class="about-image-wrapper o_animate o_anim_fade_in">
|
||||
<img src="/dine360_theme_chennora/static/src/img/about-main-dish.png" class="img img-fluid mx-auto" alt="South Indian Dish"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Values Section -->
|
||||
<section class="s_three_columns pt64 pb64 o_colored_level" data-snippet="s_three_columns" style="background-color: rgb(255, 255, 255);">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h6 style="color: rgb(43, 177, 165);"><strong>OUR VALUES</strong></h6>
|
||||
<h2><strong>What Makes Chennora Special</strong></h2>
|
||||
</div>
|
||||
<div class="row d-flex align-items-stretch">
|
||||
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
|
||||
<div class="card bg-white h-100 border-0 shadow-sm text-center p-4" style="border-radius: 15px;">
|
||||
<div class="mb-3">
|
||||
<i class="fa fa-leaf fa-3x" style="color: rgb(43, 177, 165);"/>
|
||||
</div>
|
||||
<h4>Fresh Ingredients</h4>
|
||||
<p>We use only the freshest local ingredients combined with authentic Indian spices to create unforgettable flavors.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
|
||||
<div class="card bg-white h-100 border-0 shadow-sm text-center p-4" style="border-radius: 15px;">
|
||||
<div class="mb-3">
|
||||
<i class="fa fa-heart fa-3x" style="color: rgb(254, 205, 79);"/>
|
||||
</div>
|
||||
<h4>Traditional Recipes</h4>
|
||||
<p>Our menu features iconic Tamil Nadu specialties like Madurai Mutton Bone Soup, Seeraga Samba Mutton Biryani, and more.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
|
||||
<div class="card bg-white h-100 border-0 shadow-sm text-center p-4" style="border-radius: 15px;">
|
||||
<div class="mb-3">
|
||||
<i class="fa fa-users fa-3x" style="color: rgb(43, 177, 165);"/>
|
||||
</div>
|
||||
<h4>Family Atmosphere</h4>
|
||||
<p>Chennora stands out for its dedication to freshness, authenticity, and variety, creating a warm dining atmosphere.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 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: #2BB1A5; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||
<img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-right: 10px;" alt=""/>
|
||||
ABOUT US
|
||||
<img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-left: 10px;" alt=""/>
|
||||
</h6>
|
||||
<h2 class="fadeInUp">Bringing Authentic South Indian Cuisine To Brampton</h2>
|
||||
<h5>Our Story, Our Passion For Freshness And Flavor</h5>
|
||||
|
||||
<!-- Why Choose Us Section -->
|
||||
<section class="s_banner pt96 pb96 o_colored_level" data-snippet="s_banner" style="background-color: rgb(4, 18, 29);">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<h6 style="color: rgb(254, 205, 79);"><strong>WHY CHOOSE US</strong></h6>
|
||||
<h2><font class="text-o-color-3">Best Indian Restaurant in Brampton</font></h2>
|
||||
<p class="lead"><font class="text-o-color-3">
|
||||
Chennora is rated among the best Indian restaurants in Brampton, offering authentic South Indian flavors, traditional curries, biryanis, and a warm dining atmosphere. Whether you are looking for fine dining or a casual meal, we are a top choice in Brampton.
|
||||
</font></p>
|
||||
<p><font class="text-o-color-3">
|
||||
From crispy dosas to flavorful biryanis, every dish reflects our passion for Indian cuisine. Discover why we're considered one of the best Indian restaurants near Brampton Downtown.
|
||||
</font></p>
|
||||
<p style="margin-top: 30px;">
|
||||
<a class="btn btn-custom text-o-color-5 flat" href="/contactus" style="border-width: 1px; border-style: solid; border-color: rgb(254, 205, 79); background-color: rgb(254, 205, 79);"><strong>Contact Us</strong> <span class="fa fa-angle-right ms-2"/></a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<img src="/web/image/1127-129df970/today-special.webp" alt="Chennora Special Dishes" class="img img-fluid mx-auto shadow" style="border-radius: 15px;"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<p>At Chennora, we believe that every meal should be a celebration of authentic Indian flavors. As one of the top Indian restaurants in Brampton, we take pride in serving dishes that capture the rich traditions of South India. Whether you're visiting for a casual lunch, a family dinner, or a special event, our team is committed to delivering the best Indian food experience in Brampton.</p>
|
||||
|
||||
<!-- Location/Visit Us Section -->
|
||||
<section class="s_text_block pt64 pb64 o_colored_level" data-snippet="s_text_block" style="background-color: rgb(244, 241, 234);">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h6 style="color: rgb(43, 177, 165);"><strong>VISIT US</strong></h6>
|
||||
<h2><strong>Find Us in Brampton</strong></h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 pt24 pb24 text-center">
|
||||
<div class="card bg-white h-100 border-0 shadow-sm p-4" style="border-radius: 15px;">
|
||||
<i class="fa fa-map-marker fa-3x mb-3" style="color: rgb(254, 205, 79);"/>
|
||||
<h4>Location</h4>
|
||||
<p>123 Restaurant Row<br/>Brampton, ON L6X 1A1</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 pt24 pb24 text-center">
|
||||
<div class="card bg-white h-100 border-0 shadow-sm p-4" style="border-radius: 15px;">
|
||||
<i class="fa fa-clock-o fa-3x mb-3" style="color: rgb(254, 205, 79);"/>
|
||||
<h4>Hours</h4>
|
||||
<p>Mon-Sun: 11:00 AM - 10:00 PM<br/>Kitchen closes at 9:30 PM</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 pt24 pb24 text-center">
|
||||
<div class="card bg-white h-100 border-0 shadow-sm p-4" style="border-radius: 15px;">
|
||||
<i class="fa fa-phone fa-3x mb-3" style="color: rgb(254, 205, 79);"/>
|
||||
<h4>Contact</h4>
|
||||
<p>+1 (905) 555-0123<br/>info@chennora.com</p>
|
||||
<p>Our chefs bring generations of expertise to every dish — from the famous Hyderabadi biryani to the crispy masala dosas. Visit Chennora today and find out why we are a top-rated South Indian restaurant in Brampton.</p>
|
||||
|
||||
<p>Chennora stands out for its dedication to freshness, authenticity, and variety. Our menu features iconic Tamil Nadu specialties like Madurai Mutton Bone Soup, Seeraga Samba Mutton Dum Biryani, and classic dosas, idlis, and uttapams. For something different, try our Indo-Chinese dishes or indulge in our exclusive weekend specials for a unique culinary experience.</p>
|
||||
|
||||
<p>Whether you're stopping by for a quick bite, a hearty meal, or a special celebration, our team ensures a warm welcome and an unforgettable dining experience. Blending tradition with modern flair, Chennora isn't just a restaurant—it's a tribute to Chennai's rich and vibrant culinary heritage.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -948,120 +873,85 @@
|
||||
<template id="custom_contactus" inherit_id="website.contactus" name="Chennora Contact Us">
|
||||
<xpath expr="//div[@id='wrap']" position="replace">
|
||||
<div id="wrap" class="oe_structure">
|
||||
<section class="s_title o_colored_level pt96 pb96" data-vcss="001" data-snippet="s_title" data-name="Title" style="background-color: rgb(4, 18, 29); background-image: none;">
|
||||
<div class="container s_allow_columns">
|
||||
<h1 class="display-3-fs text-center" style="text-align: center;"><font class="text-o-color-3">Contact Us</font></h1>
|
||||
<p class="lead text-center" style="text-align: center;"><font class="text-o-color-3">Have questions? We're here to help!</font></p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_text_block pt40 pb40 o_colored_level" data-snippet="s_text_block" data-name="Text" style="background-color: rgb(244, 241, 234);">
|
||||
<div class="container s_allow_columns">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 pt24 pb24 o_colored_level o_animate o_anim_zoom_in">
|
||||
<div class="card bg-white h-100 border-0 shadow-sm" style="border-radius: 15px;">
|
||||
<div class="card-body text-center p-4">
|
||||
<i class="fa fa-map-marker fa-3x mb-3" style="color: rgb(254, 205, 79);"/>
|
||||
<h4>Our Address</h4>
|
||||
<p>123 Restaurant Row,<br/>Brampton, ON L6X 1A1</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 pt24 pb24 o_colored_level o_animate o_anim_zoom_in" style="animation-delay: 0.2s;">
|
||||
<div class="card bg-white h-100 border-0 shadow-sm" style="border-radius: 15px;">
|
||||
<div class="card-body text-center p-4">
|
||||
<i class="fa fa-phone fa-3x mb-3" style="color: rgb(254, 205, 79);"/>
|
||||
<h4>Phone Number</h4>
|
||||
<p>+1 (905) 555-0123</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 pt24 pb24 o_colored_level o_animate o_anim_zoom_in" style="animation-delay: 0.4s;">
|
||||
<div class="card bg-white h-100 border-0 shadow-sm" style="border-radius: 15px;">
|
||||
<div class="card-body text-center p-4">
|
||||
<i class="fa fa-envelope fa-3x mb-3" style="color: rgb(254, 205, 79);"/>
|
||||
<h4>Email Address</h4>
|
||||
<p>info@chennora.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="about-hero-banner o_colored_level" data-snippet="s_title">
|
||||
<div class="container s_allow_columns z-index-1">
|
||||
<h1>Contact Us</h1>
|
||||
<div class="breadcrumb-container">
|
||||
<a href="/">Home</a>
|
||||
<span class="separator">/</span>
|
||||
<span class="active-item">Contact Us</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_website_form pt64 pb64 o_colored_level" data-vcss="001" data-snippet="s_website_form">
|
||||
|
||||
<!-- Premium Contact Section -->
|
||||
<section class="s_contact_premium o_colored_level" data-snippet="s_contact_premium" data-name="Premium Contact">
|
||||
<div class="container">
|
||||
<h2 class="text-center mb-5">Send us a Message</h2>
|
||||
<div class="row">
|
||||
<div class="col-lg-8 offset-lg-2">
|
||||
<div id="contactus_form_container" class="bg-white p-4 shadow-sm" style="border-radius: 15px;">
|
||||
<div class="row align-items-center">
|
||||
<!-- Left Image Side -->
|
||||
<div class="col-lg-6 mb-5 mb-lg-0 o_colored_level text-center">
|
||||
<div class="contact-image-wrapper o_animate o_anim_fade_in">
|
||||
<img src="/dine360_theme_chennora/static/src/img/contact-side-img.png" class="img img-fluid mx-auto" alt="Contact Side Image"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Form Side -->
|
||||
<div class="col-lg-6 ps-lg-5 o_colored_level">
|
||||
<div class="contact-form-card">
|
||||
<h2>Get In Touch For Reservations Or Inquiries!</h2>
|
||||
<div id="contactus_form_container">
|
||||
<form id="contactus_form" action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-model_name="crm.lead" data-success-mode="redirect" data-success-page="/contactus-thank-you" data-pre-fill="true">
|
||||
<div class="s_website_form_rows row s_col_no_bgcolor">
|
||||
<div class="mb-3 col-12 s_website_form_field s_website_form_custom" data-type="char" data-name="Field">
|
||||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||||
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="contact_name">
|
||||
<span class="s_website_form_label_content">Your Name</span>
|
||||
<span class="s_website_form_mark"> *</span>
|
||||
<!-- Full Name & Email (Two Columns) -->
|
||||
<div class="col-md-6 mb-3 s_website_form_field s_website_form_custom" data-type="char" data-name="Field">
|
||||
<label class="s_website_form_label" for="contact_name">
|
||||
<span class="s_website_form_label_content">Full Name</span>
|
||||
<span class="s_website_form_mark">*</span>
|
||||
</label>
|
||||
<div class="col-sm">
|
||||
<input id="contact_name" type="text" class="form-control s_website_form_input" name="contact_name" required="" data-fill-with="name"/>
|
||||
<input id="contact_name" type="text" class="form-control s_website_form_input" name="contact_name" placeholder="Full Name" required="" data-fill-with="name"/>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3 s_website_form_field s_website_form_required" data-type="email" data-name="Field">
|
||||
<label class="s_website_form_label" for="email_from">
|
||||
<span class="s_website_form_label_content">Email Address</span>
|
||||
<span class="s_website_form_mark">*</span>
|
||||
</label>
|
||||
<input id="email_from" type="email" class="form-control s_website_form_input" name="email_from" placeholder="Email Address" required="" data-fill-with="email"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 col-12 s_website_form_field s_website_form_custom" data-type="tel" data-name="Field">
|
||||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||||
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="phone">
|
||||
|
||||
<!-- Phone & Subject (Two Columns) -->
|
||||
<div class="col-md-6 mb-3 s_website_form_field s_website_form_custom" data-type="tel" data-name="Field">
|
||||
<label class="s_website_form_label" for="phone">
|
||||
<span class="s_website_form_label_content">Phone Number</span>
|
||||
<span class="s_website_form_mark">*</span>
|
||||
</label>
|
||||
<div class="col-sm">
|
||||
<input id="phone" type="tel" class="form-control s_website_form_input" name="phone" data-fill-with="phone"/>
|
||||
<input id="phone" type="tel" class="form-control s_website_form_input" name="phone" placeholder="Phone Number" data-fill-with="phone"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 col-12 s_website_form_field s_website_form_required" data-type="email" data-name="Field">
|
||||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||||
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="email_from">
|
||||
<span class="s_website_form_label_content">Email</span>
|
||||
<span class="s_website_form_mark"> *</span>
|
||||
</label>
|
||||
<div class="col-sm">
|
||||
<input id="email_from" type="email" class="form-control s_website_form_input" name="email_from" required="" data-fill-with="email"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 col-12 s_website_form_field s_website_form_custom" data-type="char" data-name="Field">
|
||||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||||
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="partner_name">
|
||||
<span class="s_website_form_label_content">Company</span>
|
||||
</label>
|
||||
<div class="col-sm">
|
||||
<input id="partner_name" type="text" class="form-control s_website_form_input" name="partner_name"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 col-12 s_website_form_field s_website_form_required" data-type="char" data-name="Field">
|
||||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||||
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="name">
|
||||
<div class="col-md-6 mb-3 s_website_form_field s_website_form_required" data-type="char" data-name="Field">
|
||||
<label class="s_website_form_label" for="subject">
|
||||
<span class="s_website_form_label_content">Subject</span>
|
||||
<span class="s_website_form_mark"> *</span>
|
||||
<span class="s_website_form_mark">*</span>
|
||||
</label>
|
||||
<div class="col-sm">
|
||||
<input id="name" type="text" class="form-control s_website_form_input" name="name" required=""/>
|
||||
<select id="subject" class="form-select s_website_form_input" name="name" required="">
|
||||
<option value="" disabled="" selected="">Select Subject</option>
|
||||
<option value="Reservation">Reservation</option>
|
||||
<option value="Inquiry">Inquiry</option>
|
||||
<option value="Feedback">Feedback</option>
|
||||
<option value="Other">Other</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 col-12 s_website_form_field s_website_form_required" data-type="text" data-name="Field">
|
||||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||||
<label class="col-form-label col-sm-auto s_website_form_label" style="width: 200px" for="description">
|
||||
<span class="s_website_form_label_content">Question</span>
|
||||
<span class="s_website_form_mark"> *</span>
|
||||
|
||||
<!-- Message -->
|
||||
<div class="col-12 mb-3 s_website_form_field s_website_form_required" data-type="text" data-name="Field">
|
||||
<label class="s_website_form_label" for="description">
|
||||
<span class="s_website_form_label_content">Message</span>
|
||||
<span class="s_website_form_mark">*</span>
|
||||
</label>
|
||||
<div class="col-sm">
|
||||
<textarea id="description" class="form-control s_website_form_input" name="description" required="" rows="5"></textarea>
|
||||
<textarea id="description" class="form-control s_website_form_input" name="description" placeholder="Message" required="" rows="4"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 col-12 s_website_form_submit" data-name="Submit Button">
|
||||
<div style="width: 200px;" class="s_website_form_label"/>
|
||||
<button type="submit" class="btn btn-primary btn-lg s_website_form_send">Submit</button>
|
||||
|
||||
<!-- Submit Button -->
|
||||
<div class="col-12 s_website_form_submit text-center">
|
||||
<button type="submit" class="btn s_website_form_send">Submit Now</button>
|
||||
<span id="s_website_form_result"></span>
|
||||
</div>
|
||||
</div>
|
||||
@ -1070,6 +960,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</xpath>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user