You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
319 lines
19 KiB
319 lines
19 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<data>
|
|
<template id="fuge_contact" inherit_id="website.contactus"
|
|
name="Contactus">
|
|
<xpath expr="//div[@id='wrap']/div[hasclass('oe_structure')]"
|
|
position="replace">
|
|
<section class="header banner_about" style="margin-top:-150px;">
|
|
<div class="banner-heading text-center">
|
|
<h1 style="color:#fff; font-weight:bold;">Contact us</h1>
|
|
<ol class="breadcrumb mb-0">
|
|
<li>
|
|
<a style="color:#fff" href="/">Home</a>
|
|
<span style="color:#fff" class="fa fa-angle-double-right"/>
|
|
</li>
|
|
<li style="color:#fff" class="active">Contact</li>
|
|
</ol>
|
|
</div>
|
|
</section>
|
|
</xpath>
|
|
|
|
<xpath expr="//div[@id='wrap']/div[hasclass('container')]"
|
|
position="replace">
|
|
<!-- Contact section starts here -->
|
|
<section class="contact">
|
|
<div class="contact_details">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="contact_left">
|
|
<div class="get_touch">
|
|
|
|
<div class="wrapper">
|
|
<h3>GET IN
|
|
<span>TOUCH</span>
|
|
</h3>
|
|
<p>We're ready to lead you into
|
|
the future with Business
|
|
Services
|
|
</p>
|
|
</div>
|
|
|
|
<div class="num_email">
|
|
<p>
|
|
<span>Call us:</span>
|
|
<a href="tel:+6494461709">
|
|
+6494461709
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<span>Email :</span>
|
|
<a href="mailto:info@demo.com">
|
|
info@demo.com
|
|
</a>
|
|
</p>
|
|
|
|
<p class="address">433
|
|
California St, Suite 300 San
|
|
Francisco, CA 94104, USA
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hours">
|
|
<div class="wrapper">
|
|
<h3>WORKING
|
|
<span>HOURS</span>
|
|
</h3>
|
|
|
|
</div>
|
|
|
|
<div class="service">
|
|
<h6>Business Service:</h6>
|
|
<p>Monday to Friday 8.00 am -
|
|
6.00 pm
|
|
</p>
|
|
<p>
|
|
Saturday and Sunday -
|
|
Closed>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="service">
|
|
<h6>Customer support:</h6>
|
|
<p>Monday to Friday 8.00 am -
|
|
6.00 pm
|
|
</p>
|
|
<p>Saturday 10.00 am - 4.00 pm
|
|
</p>
|
|
<p>Sunday - Closed</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="contact_right">
|
|
|
|
<div class="map">
|
|
<!-- <div id="map"></div>
|
|
<script>
|
|
function initMap() {
|
|
// Styles a map in night mode.
|
|
var map = new google.maps.Map(document.getElementById('map'), {
|
|
center: {lat: 40.674, lng: -73.945},
|
|
zoom: 12,
|
|
styles: [
|
|
{elementType: 'geometry', stylers: [{color: '#242f3e'}]},
|
|
{elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]},
|
|
{elementType: 'labels.text.fill', stylers: [{color: '#746855'}]},
|
|
{
|
|
featureType: 'administrative.locality',
|
|
elementType: 'labels.text.fill',
|
|
stylers: [{color: '#d59563'}]
|
|
},
|
|
{
|
|
featureType: 'poi',
|
|
elementType: 'labels.text.fill',
|
|
stylers: [{color: '#d59563'}]
|
|
},
|
|
{
|
|
featureType: 'poi.park',
|
|
elementType: 'geometry',
|
|
stylers: [{color: '#263c3f'}]
|
|
},
|
|
{
|
|
featureType: 'poi.park',
|
|
elementType: 'labels.text.fill',
|
|
stylers: [{color: '#6b9a76'}]
|
|
},
|
|
{
|
|
featureType: 'road',
|
|
elementType: 'geometry',
|
|
stylers: [{color: '#38414e'}]
|
|
},
|
|
{
|
|
featureType: 'road',
|
|
elementType: 'geometry.stroke',
|
|
stylers: [{color: '#212a37'}]
|
|
},
|
|
{
|
|
featureType: 'road',
|
|
elementType: 'labels.text.fill',
|
|
stylers: [{color: '#9ca5b3'}]
|
|
},
|
|
{
|
|
featureType: 'road.highway',
|
|
elementType: 'geometry',
|
|
stylers: [{color: '#746855'}]
|
|
},
|
|
{
|
|
featureType: 'road.highway',
|
|
elementType: 'geometry.stroke',
|
|
stylers: [{color: '#1f2835'}]
|
|
},
|
|
{
|
|
featureType: 'road.highway',
|
|
elementType: 'labels.text.fill',
|
|
stylers: [{color: '#f3d19c'}]
|
|
},
|
|
{
|
|
featureType: 'transit',
|
|
elementType: 'geometry',
|
|
stylers: [{color: '#2f3948'}]
|
|
},
|
|
{
|
|
featureType: 'transit.station',
|
|
elementType: 'labels.text.fill',
|
|
stylers: [{color: '#d59563'}]
|
|
},
|
|
{
|
|
featureType: 'water',
|
|
elementType: 'geometry',
|
|
stylers: [{color: '#17263c'}]
|
|
},
|
|
{
|
|
featureType: 'water',
|
|
elementType: 'labels.text.fill',
|
|
stylers: [{color: '#515c6d'}]
|
|
},
|
|
{
|
|
featureType: 'water',
|
|
elementType: 'labels.text.stroke',
|
|
stylers: [{color: '#17263c'}]
|
|
}
|
|
]
|
|
});
|
|
}
|
|
</script>
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap&libraries=&v=weekly"
|
|
|
|
defer></script> -->
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d125531.6465457217!2d76.1532098152453!3d10.51137992115151!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba7ee15ed42d1bb%3A0x82e45aa016ca7db!2sThrissur%2C%20Kerala!5e0!3m2!1sen!2sin!4v1601463985519!5m2!1sen!2sin"
|
|
width="100%" height="500"
|
|
frameborder="0"
|
|
style="border:4;"
|
|
allowfullscreen=""
|
|
aria-hidden="false"
|
|
tabindex="0"/>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- Contact section ends here -->
|
|
<!-- Contact forrm section starts here -->
|
|
<section class="contact_form">
|
|
<div class="container">
|
|
<div class="c_form">
|
|
<h2 class="h1-responsive text-center my-4">FILL OUT
|
|
OF THE FORM
|
|
</h2>
|
|
<section class="mb-4">
|
|
<div class="row ">
|
|
<div class="col-md-9 mb-md-0 mb-5">
|
|
<form id="contactus_form"
|
|
t-ignore="true"
|
|
action="/website_form/"
|
|
method="post"
|
|
data-model_name="mail.mail"
|
|
class="s_website_form container-fluid mt32"
|
|
enctype="multipart/form-data"
|
|
data-success_page="/contactus-thank-you">
|
|
<div class="row mb-5">
|
|
<div class="col-md-6">
|
|
<div class="md-form mb-0">
|
|
<input type="text"
|
|
id="name"
|
|
name="name"
|
|
placeholder="Your name"
|
|
class="form-control s_website_form_required"
|
|
required="required"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 s_website_form_required">
|
|
<div class="md-form mb-0">
|
|
<input type="text"
|
|
id="email"
|
|
name="email"
|
|
placeholder="Your email"
|
|
required="required"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-5">
|
|
<div class="col-md-12">
|
|
<div class="md-form mb-0">
|
|
<input type="text"
|
|
id="subject"
|
|
name="subject"
|
|
placeholder="Subject"
|
|
class="form-control"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-5">
|
|
<div class="col-md-12">
|
|
<div class="md-form">
|
|
<textarea type="text"
|
|
id="message"
|
|
name="message"
|
|
rows="5"
|
|
placeholder="Message"
|
|
class="form-control2 md-textarea"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center text-md-left">
|
|
<a class="btn btn-contact o_website_form_send">
|
|
Send
|
|
</a>
|
|
</div>
|
|
</form>
|
|
<div class="status"/>
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center">
|
|
<ul class="list-unstyled mb-0">
|
|
<li>
|
|
<i class="fas fa-map-marker-alt fa-2x"/>
|
|
<p>San Francisco, CA 94126,
|
|
USA
|
|
</p>
|
|
</li>
|
|
|
|
<li>
|
|
<i class="fa fa-phone mt-4 fa-2x"/>
|
|
<p>+ 01 234 567 89</p>
|
|
</li>
|
|
|
|
<li>
|
|
<i class="fa fa-envelope mt-4 fa-2x"/>
|
|
<p>mail@demo.com</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!--Section: Contact v.2-->
|
|
<!--Section: Contact v.2-->
|
|
</section>
|
|
<!-- Contact form section starts here -->
|
|
</xpath>
|
|
</template>
|
|
</data>
|
|
</odoo>
|