contact page ui updated
This commit is contained in:
Alaguraj0361
parent
24fba9acc1
commit
4621645621
@ -9,6 +9,7 @@
|
|||||||
'views/layout.xml', # Header, Footer, and Global Layout changes
|
'views/layout.xml', # Header, Footer, and Global Layout changes
|
||||||
'views/pages.xml', # specific page content (Home, About, etc.)
|
'views/pages.xml', # specific page content (Home, About, etc.)
|
||||||
'views/about_page.xml', # About Page
|
'views/about_page.xml', # About Page
|
||||||
|
'views/contact_page.xml',# Contact Page
|
||||||
'views/faq_page.xml', # FAQ Page
|
'views/faq_page.xml', # FAQ Page
|
||||||
'views/snippets.xml', # Custom Building Blocks
|
'views/snippets.xml', # Custom Building Blocks
|
||||||
'views/options.xml', # Options for snippets (if any)
|
'views/options.xml', # Options for snippets (if any)
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 541 KiB |
@ -1,5 +1,83 @@
|
|||||||
/* Chennora Theme Custom Styles */
|
/* Chennora Theme Custom Styles */
|
||||||
|
|
||||||
|
/* Header Navigation Styles */
|
||||||
|
header {
|
||||||
|
|
||||||
|
// Navigation Links
|
||||||
|
.navbar-nav {
|
||||||
|
.nav-link {
|
||||||
|
color: #FECD4F !important;
|
||||||
|
font-weight: 600;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #2BB1A5 !important;
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item.active .nav-link {
|
||||||
|
color: #FECD4F !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Top header links (phone, search, cart, etc.)
|
||||||
|
.o_header_affix_top {
|
||||||
|
a:not(.btn):not(.btn-primary) {
|
||||||
|
color: #FECD4F !important;
|
||||||
|
transition: color 0.3s ease;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #2BB1A5 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fa {
|
||||||
|
color: #FECD4F !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Contact Us Button - Odoo CTA Button
|
||||||
|
.btn,
|
||||||
|
.btn-primary,
|
||||||
|
.o_header_cta_btn,
|
||||||
|
.btn-contact,
|
||||||
|
a.btn[href="/contactus"],
|
||||||
|
a.btn[href*="contact"] {
|
||||||
|
background-color: #FECD4F !important;
|
||||||
|
color: #04121D !important;
|
||||||
|
border: none !important;
|
||||||
|
border-radius: 8px !important;
|
||||||
|
padding: 10px 25px !important;
|
||||||
|
font-weight: 700 !important;
|
||||||
|
text-transform: uppercase !important;
|
||||||
|
transition: all 0.3s ease !important;
|
||||||
|
box-shadow: 0 4px 10px rgba(254, 205, 79, 0.3) !important;
|
||||||
|
text-decoration: none !important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #04121D !important;
|
||||||
|
color: #FECD4F !important;
|
||||||
|
transform: translateY(-2px) !important;
|
||||||
|
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// All header links (excluding buttons)
|
||||||
|
a:not(.btn):not(.btn-primary):not(.o_header_cta_btn) {
|
||||||
|
color: #FECD4F !important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #2BB1A5 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Header icons
|
||||||
|
i.fa {
|
||||||
|
color: #FECD4F !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Hero Button Hover
|
// Hero Button Hover
|
||||||
.btn-lg.flat:hover,
|
.btn-lg.flat:hover,
|
||||||
.btn-custom:hover {
|
.btn-custom:hover {
|
||||||
@ -355,7 +433,7 @@ section h2.display-4 {
|
|||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
|
|
||||||
.s_website_form_mark {
|
.s_website_form_mark {
|
||||||
color: #d6111e;
|
color: #FECD4F;
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -363,7 +441,7 @@ section h2.display-4 {
|
|||||||
.form-control,
|
.form-control,
|
||||||
.form-select {
|
.form-select {
|
||||||
background-color: #f8f9fa !important;
|
background-color: #f8f9fa !important;
|
||||||
border: 1px solid transparent !important;
|
border: 1px solid #FECD4F !important;
|
||||||
border-radius: 10px !important;
|
border-radius: 10px !important;
|
||||||
padding: 14px 18px !important;
|
padding: 14px 18px !important;
|
||||||
font-size: 15px !important;
|
font-size: 15px !important;
|
||||||
|
|||||||
207
addons/dine360_theme_chennora/views/contact_page.xml
Normal file
207
addons/dine360_theme_chennora/views/contact_page.xml
Normal file
@ -0,0 +1,207 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<odoo>
|
||||||
|
<data>
|
||||||
|
<template id="contact_page" inherit_id="website.contactus" name="Chennora Contact Page" priority="1000">
|
||||||
|
<xpath expr="//div[@id='wrap']" position="replace">
|
||||||
|
<div id="wrap" class="oe_structure">
|
||||||
|
|
||||||
|
<!-- 1. HERO BANNER -->
|
||||||
|
<section class="s_page_title o_colored_level" style="background-color: #04121D; background-image: url('/dine360_theme_chennora/static/src/img/contact-banner-bg.png'); background-size: cover; background-position: center; padding: 120px 0; position: relative;">
|
||||||
|
<div class="o_we_bg_filter bg-black-50"/>
|
||||||
|
<div class="container text-center text-white position-relative" style="z-index: 2;">
|
||||||
|
<h1 class="display-3 fw-bold mb-3" style="text-transform: uppercase; letter-spacing: 1px;">Contact Us</h1>
|
||||||
|
<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: #FECD4F;" aria-current="page">Contact Us</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 2. CONTACT INFO SECTION -->
|
||||||
|
<section class="s_contact_info pt80 pb80" style="background-color: #F9F6F0;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h6 style="color: #2BB1A5; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px;">
|
||||||
|
<img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 20px;" alt=""/>
|
||||||
|
CHENNORA
|
||||||
|
<img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 20px;" alt=""/>
|
||||||
|
</h6>
|
||||||
|
<h2 class="display-5 fw-bold" style="color: #04121D;">Contact</h2>
|
||||||
|
<p class="text-muted mt-3" style="max-width: 800px; margin: 0 auto; font-size: 14px;">
|
||||||
|
Looking for 'Indian restaurants near me' in Brampton? Find us conveniently located near Downtown Brampton. Chennora is your go-to destination for authentic Indian and South Indian food in Brampton, Ontario. Call us or drop by for dine-in, takeout, or catering services.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row g-4 justify-content-center">
|
||||||
|
<!-- Address -->
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
|
||||||
|
<div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
|
||||||
|
<i class="fa fa-map-marker fa-lg"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold mb-2">Our Address</h5>
|
||||||
|
<p class="text-muted small mb-0">Chennora Indian Kitchen Bar<br/>Unit 66, 11665 McVean Dr, Brampton</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Email -->
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
|
||||||
|
<div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
|
||||||
|
<i class="fa fa-envelope fa-lg"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold mb-2">Email</h5>
|
||||||
|
<p class="text-muted small mb-0">chennorakitchen@gmail.com</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Call Us -->
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
|
||||||
|
<div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
|
||||||
|
<i class="fa fa-phone fa-lg"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold mb-2">Call Us</h5>
|
||||||
|
<p class="text-muted small mb-0">+1(647)856-2878</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Opening Hours -->
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
|
||||||
|
<div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
|
||||||
|
<i class="fa fa-clock-o fa-lg"></i>
|
||||||
|
</div>
|
||||||
|
<h5 class="fw-bold mb-2">Opening Hours</h5>
|
||||||
|
<p class="text-muted small mb-0">Sunday - Thursday: 12 PM - 9 PM<br/>Friday & Saturday: 12 PM - 11 PM</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 3. FORM & IMAGE SECTION -->
|
||||||
|
<section class="s_contact_form_wrapper pb96 pt48" style="background-color: #F9F6F0;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<!-- Left Image -->
|
||||||
|
<div class="col-lg-6 mb-5 mb-lg-0">
|
||||||
|
<div class="position-relative p-3">
|
||||||
|
<div class="position-absolute" style="background-color: #FECD4F; bottom: 0; left: 0; width: 90%; height: 90%; z-index: 0; border-radius: 2px;"></div>
|
||||||
|
<div class="position-relative bg-white p-2 shadow-sm" style="z-index: 1; margin: 0 20px 20px 20px;">
|
||||||
|
<img src="/dine360_theme_chennora/static/src/img/contact-side-img-new.png" class="img-fluid w-100" style="object-fit: cover; height: 500px;" alt="Interior"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right Form -->
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="bg-white p-5 rounded-3 shadow-lg">
|
||||||
|
<h3 class="fw-bold mb-4" style="color: #04121D;">Get In Touch For Reservations Or Inquiries!</h3>
|
||||||
|
|
||||||
|
<!-- Odoo Form Implementation -->
|
||||||
|
<section class="s_website_form" data-vcss="001" data-snippet="s_website_form_default">
|
||||||
|
<div class="container">
|
||||||
|
<form action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-model_name="mail.mail" 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">
|
||||||
|
|
||||||
|
<!-- Full Name -->
|
||||||
|
<div class="col-lg-6 mb-4 s_website_form_field" data-type="char" data-name="Field">
|
||||||
|
<div class="s_col_no_resize s_col_no_bgcolor">
|
||||||
|
<label class="form-label fw-normal" for="contact_name" style="color: #666; font-size: 15px;">
|
||||||
|
Full Name
|
||||||
|
<span class="s_website_form_mark text-danger"> *</span>
|
||||||
|
</label>
|
||||||
|
<div>
|
||||||
|
<input type="text" class="form-control s_website_form_input" name="name" required="1" placeholder="Full Name" style="background-color: #F8F9FA; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Email Address -->
|
||||||
|
<div class="col-lg-6 mb-4 s_website_form_field" data-type="email" data-name="Field">
|
||||||
|
<div class="s_col_no_resize s_col_no_bgcolor">
|
||||||
|
<label class="form-label fw-normal" for="contact_email" style="color: #666; font-size: 15px;">
|
||||||
|
Email Address
|
||||||
|
<span class="s_website_form_mark text-danger"> *</span>
|
||||||
|
</label>
|
||||||
|
<div>
|
||||||
|
<input type="email" class="form-control s_website_form_input" name="email_from" required="1" placeholder="" style="background-color: #F8F9FA; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Phone Number -->
|
||||||
|
<div class="col-lg-6 mb-4 s_website_form_field" data-type="tel" data-name="Field">
|
||||||
|
<div class="s_col_no_resize s_col_no_bgcolor">
|
||||||
|
<label class="form-label fw-normal" for="phone" style="color: #666; font-size: 15px;">
|
||||||
|
Phone Number
|
||||||
|
<span class="s_website_form_mark text-danger"> *</span>
|
||||||
|
</label>
|
||||||
|
<div>
|
||||||
|
<input type="tel" class="form-control s_website_form_input" name="phone" placeholder="" style="background-color: #F8F9FA; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Subject -->
|
||||||
|
<div class="col-lg-6 mb-4 s_website_form_field" data-type="char" data-name="Field">
|
||||||
|
<div class="s_col_no_resize s_col_no_bgcolor">
|
||||||
|
<label class="form-label fw-normal" for="subject" style="color: #666; font-size: 15px;">
|
||||||
|
Subject
|
||||||
|
<span class="s_website_form_mark text-danger"> *</span>
|
||||||
|
</label>
|
||||||
|
<div>
|
||||||
|
<select class="form-select s_website_form_input" name="subject" style="background-color: #F8F9FA; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;">
|
||||||
|
<option value="" disabled="disabled" selected="selected">Select Subject</option>
|
||||||
|
<option value="Complain">Complain</option>
|
||||||
|
<option value="Greetings">Greetings</option>
|
||||||
|
<option value="Expire Date">Expire Date</option>
|
||||||
|
<option value="About Price">About Price</option>
|
||||||
|
<option value="About Order">About Order</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Message -->
|
||||||
|
<div class="col-12 mb-4 s_website_form_field" data-type="text" data-name="Field">
|
||||||
|
<div class="s_col_no_resize s_col_no_bgcolor">
|
||||||
|
<label class="form-label fw-normal" for="description" style="color: #666; font-size: 15px;">
|
||||||
|
Message
|
||||||
|
<span class="s_website_form_mark text-danger"> *</span>
|
||||||
|
</label>
|
||||||
|
<div>
|
||||||
|
<textarea class="form-control s_website_form_input" name="description" required="1" placeholder="Message" rows="5" style="background-color: #FFFFFF; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Submit Button -->
|
||||||
|
<div class="col-12 s_website_form_submit" data-name="Submit Button">
|
||||||
|
<button type="submit" class="btn btn-primary btn-lg w-100 fw-bold" style="background-color: #2BB1A5 !important; border: none; color: #04121D; padding: 15px; text-transform: uppercase; border-radius: 4px;">
|
||||||
|
Submit Now <i class="fa fa-long-arrow-right ms-2"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- 4. MAP SECTION -->
|
||||||
|
<section class="s_map pb0" data-snippet="s_map" data-name="Map">
|
||||||
|
<div class="map_container o_not_editable" style="height: 600px !important; width: 100%;">
|
||||||
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2882.023604364022!2d-79.69973268450123!3d43.79155297911666!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3d8f3b1b3b1b%3A0x1b3b1b3b1b3b1b3b!2s11665%20McVean%20Dr%2C%20Brampton%2C%20ON%20L6P%201J7%2C%20Canada!5e0!3m2!1sen!2sus!4v1620000000000!5m2!1sen!2sus"
|
||||||
|
width="100%" height="600" style="border:0; height: 600px !important; width: 100%;" allowfullscreen="" loading="lazy"></iframe>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</xpath>
|
||||||
|
</template>
|
||||||
|
</data>
|
||||||
|
</odoo>
|
||||||
@ -102,7 +102,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<t t-set="cta_btn_text" t-value="False"/>
|
<t t-set="cta_btn_text">Contact Us</t>
|
||||||
<t t-set="cta_btn_href">/contactus</t>
|
<t t-set="cta_btn_href">/contactus</t>
|
||||||
<t t-set="extra_items_toggle_aria_label">Extra items button</t>
|
<t t-set="extra_items_toggle_aria_label">Extra items button</t>
|
||||||
</xpath>
|
</xpath>
|
||||||
|
|||||||
@ -772,105 +772,6 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ====================================================== -->
|
|
||||||
<!-- 3. CONTACT US PAGE -->
|
|
||||||
<!-- ====================================================== -->
|
|
||||||
<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="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>
|
|
||||||
|
|
||||||
<!-- Premium Contact Section -->
|
|
||||||
<section class="s_contact_premium o_colored_level" data-snippet="s_contact_premium" data-name="Premium Contact">
|
|
||||||
<div class="container">
|
|
||||||
<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">
|
|
||||||
<!-- 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>
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<!-- 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>
|
|
||||||
<input id="phone" type="tel" class="form-control s_website_form_input" name="phone" placeholder="Phone Number" data-fill-with="phone"/>
|
|
||||||
</div>
|
|
||||||
<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>
|
|
||||||
</label>
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<!-- 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>
|
|
||||||
<textarea id="description" class="form-control s_website_form_input" name="description" placeholder="Message" required="" rows="4"></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 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>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</xpath>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<!-- ====================================================== -->
|
<!-- ====================================================== -->
|
||||||
<!-- 4. SHOP PAGE -->
|
<!-- 4. SHOP PAGE -->
|
||||||
<!-- ====================================================== -->
|
<!-- ====================================================== -->
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user