website/content/firm/contact.html

498 lines
26 KiB
HTML
Raw Permalink Normal View History

2017-03-30 04:06:17 +00:00
<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7 "> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]><html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<title>Be</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- FONTS -->
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,700'>
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Patua+One:100,300,400,400italic,700'>
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Raleway:200,400,400italic,700,700italic,900'>
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Biryani:200,400,400italic,700,700italic,900'>
<!-- CSS -->
<link rel='stylesheet' href='../../css/global.css'>
<link rel='stylesheet' href='css/structure.css'>
<link rel='stylesheet' href='css/firm.css'>
<link rel='stylesheet' href='css/custom.css'>
</head>
<body class="layout-full-width nice-scroll-on mobile-tb-left button-flat no-content-padding no-table-hover header-stack header-center minimalist-header-no sticky-header sticky-white ab-hide subheader-both-center menu-line-below-80-1 menuo-no-borders footer-copy-center tr-header tr-menu tr-content">
<!-- Main Theme Wrapper -->
<div id="Wrapper">
<!-- Header Wrapper -->
<div id="Header_wrapper">
<!-- Header -->
<header id="Header">
<!-- Header - Logo and Menu area -->
<div id="Top_bar">
<div class="container">
<div class="column one">
<div class="top_bar_left clearfix">
<!-- Logo-->
<div class="logo">
<a id="logo" href="../../index-firm.html" title="BeFirm - BeTheme"><img class="logo-main scale-with-grid" src="images/firm.png" alt="BeFirm - BeTheme" /><img class="logo-sticky scale-with-grid" src="images/firm.png" alt=""><img class="logo-mobile scale-with-grid" src="images/firm.png" alt="">
</a>
</div>
<!-- Main menu-->
<div class="menu_wrapper">
<nav id="menu" class="menu-main-menu-container">
<ul id="menu-main-menu" class="menu">
<li>
<a href="../../index-firm.html"><span>Home</span></a>
</li>
<li>
<a href="about.html"><span>About</span></a>
</li>
<li>
<a href="offer.html"><span>Offer</span></a>
</li>
<li>
<a href="our-crew.html"><span>Our crew</span></a>
</li>
<li class="current_page_item">
<a href="contact.html"><span>Contact</span></a>
</li>
<li>
<a target="_blank" href="http://bit.ly/1M6lijQ"><span><span style="padding: 0; color: #e8ca00;">Buy now</span></span></a>
</li>
</ul>
</nav><a class="responsive-menu-toggle" href="#"><i class="icon-menu"></i></a>
</div>
<!-- Secondary menu area - only for certain pages -->
<div class="secondary_menu_wrapper"></div>
<!-- Banner area - only for certain pages-->
<div class="banner_wrapper"></div>
<!-- Header Searchform area-->
<div class="search_wrapper">
<form method="get" id="searchform" action="#">
<i class="icon_search icon-search"></i><a href="#" class="icon_close"><i class="icon-cancel"></i></a>
<input type="text" class="field" name="s" id="s" placeholder="Enter your search" />
<input type="submit" class="submit" value="" style="display:none;" />
</form>
</div>
</div>
</div>
</div>
</div>
</header>
<!--Subheader area - only for certain pages -->
<div id="Subheader" style="padding:250px 0 100px;">
<div class="container">
<div class="column one">
<h1 class="title">CONTACT US</h1>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div id="Content">
<div class="content_wrapper clearfix">
<div class="sections_group">
<div class="entry-content">
<div class="section mcb-section section-border-top " style="padding-top:120px; padding-bottom:70px; background-color:rgba(255, 255, 255, 0.9)">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one clearfix">
<div class="column mcb-column one-fourth column_image ">
<div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
<div class="image_wrapper"><img class="scale-with-grid" src="images/home_firm_contact_icon.png" alt="" width="162" height="186" />
</div>
</div>
</div>
<div class="column mcb-column one-fourth column_column">
<div class="column_attr">
<h3 style="margin-top: 10px;">BeFirm</h3>
<p>
Vitae adipiscing turpis. Aenean ligula nibh, molestie id gravida vitae viverra a, dapibus at dolor:
</p>
<p class="big">
Level 13, 2 Elizabeth St,
<br> Melbourne, Victoria 3000
</p>
<h5 style="margin-bottom: 5px;"><i class="icon-phone themecolor"></i> +61 (0) 3 8376 6284</h5>
<h5 style="margin-bottom: 5px;"><i class="icon-phone themecolor"></i> +61 (0) 3 8376 6285</h5>
</div>
</div>
<!-- One Second (1/2) Column -->
<div class="column mcb-column one-second column_map ">
<!-- Google map area -->
<div class="google-map-wrapper no_border">
<div class="google-map" id="google-map-area-567bd6d84c451" style="width:100%; height:290px;">
&nbsp;
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mcb-section section-border-top " style="padding-top:120px; padding-bottom:70px; background-color:rgba(227, 229, 232, 0.95)">
<div class="section_wrapper mcb-section-inner">
<div class="wrap mcb-wrap one clearfix">
<!-- One Second (1/2) Column -->
<div class="column mcb-column one-second column_column">
<div class="column_attr" style=" padding:0 5% 0 0;">
<h3>Send us a message</h3>
<hr class="no_line" style="margin: 0 auto 20px;" />
<div role="form" class="wpcf7" id="wpcf7-f40-p24-o1" lang="en-US" dir="ltr">
<div class="screen-reader-response"></div>
<div id="contactWrapper">
<form id="contactform">
<!-- One Second (1/2) Column -->
<div class="column one-second">
<input placeholder="Your name" type="text" name="name" id="name" size="40" aria-required="true" aria-invalid="false" />
</div>
<!-- One Second (1/2) Column -->
<div class="column one-second">
<input placeholder="Your e-mail" type="email" name="email" id="email" size="40" aria-required="true" aria-invalid="false" />
</div>
<div class="column one">
<input placeholder="Subject" type="text" name="subject" id="subject" size="40" aria-invalid="false" />
</div>
<div class="column one">
<textarea placeholder="Message" name="body" id="body" style="width:100%;" rows="10" aria-invalid="false"></textarea>
</div>
<div class="column one">
<input type="button" value="Send A Message" id="submit" onClick="return check_values();">
</div>
</form>
</div>
</div>
</div>
</div>
<!-- One Second (1/2) Column -->
<div class="column mcb-column one-second column_column">
<div class="column_attr">
<h3>Work area and time</h3>
<hr class="no_line" style="margin: 0 auto 20px;" />
<p class="big">
Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.
</p>
<ul style="float: left; width: 47%; margin-left: 3%;">
<li>
<a href="#">Aenean ligula</a>
</li>
<li>
<a href="#">Dapibus at dolor</a>
</li>
<li>
<a href="#">Molestie id</a>
</li>
</ul>
<ul style="float: left; width: 47%; margin-left: 3%;">
<li>
<a href="#">Vestibulum</a>
</li>
<li>
<a href="#">Commodo </a>
</li>
</ul>
<hr class="no_line" />
<p>
Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
</p>
<p>
<span class="themecolor">Monday-Tuesday:</span> 6:00 am - 8:00 pm
<br>
<span class="themecolor">Wednesday - Saturday:</span> 7:00 am - 7:00 pm
<br>
<span class="themecolor">Sunday:</span> Closed
</p>
</div>
</div>
</div>
</div>
</div>
<div class="section the_content no_content">
<div class="section_wrapper">
<div class="the_content_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<footer id="Footer" class="clearfix">
<div class="widgets_wrapper" style="padding:40px 0;">
<div class="container">
<!-- One Fourth (1/4) Column -->
<div class="column one-fourth">
<!-- Text Area -->
<aside class="widget widget_text">
<h4>Aenean sollicit</h4>
<div class="textwidget">
<ul style="border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; line-height: 32px;">
<li>
<a href="#">Quent per conubia nostra</a>
</li>
<li>
<a href="#">Nceptos himenaeos</a>
</li>
<li>
<a href="#">Mauris in erat</a>
</li>
<li>
<a href="#">Lustoac</a>
</li>
</ul>
</div>
</aside>
</div>
<!-- One Fourth (1/4) Column -->
<div class="column one-fourth">
<!-- Text Area -->
<aside class="widget widget_text">
<h4>Bibendum auctor</h4>
<div class="textwidget">
<ul style="border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; line-height: 32px;">
<li>
<a href="#">Aenean sollicitudin orem qui</a>
</li>
<li>
<a href="#">Duis sed odio sit amet nibh</a>
</li>
<li>
<a href="#">Morbi accumsan ipsum velit</a>
</li>
<li>
<a href="#">Nam nec tellus </a>
</li>
<li>
<a href="#">Class aptent taciti sociosqu </a>
</li>
<li>
<a href="#">Mauris in erat justo</a>
</li>
<li>
<a href="#">Sed non neque</a>
</li>
</ul>
</div>
</aside>
</div>
<!-- One Fourth (1/4) Column -->
<div class="column one-fourth">
<!-- Text Area -->
<aside class="widget widget_text">
<h4>Quisque cursus</h4>
<div class="textwidget">
<ul style="border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; line-height: 32px;">
<li>
<a href="#">Duis sed odio sit amet nibh</a>
</li>
<li>
<a href="#">Morbi accumsan ipsum velit</a>
</li>
<li>
<a href="#">Nam nec tellus </a>
</li>
<li>
<a href="#">Class aptent taciti sociosqu </a>
</li>
<li>
<a href="#">Mauris in erat justo</a>
</li>
<li>
<a href="#">Sed non neque</a>
</li>
</ul>
</div>
</aside>
</div>
<!-- One Fourth (1/4) Column -->
<div class="column one-fourth">
<!-- Text Area -->
<aside class="widget widget_text">
<h4>Vesti bulum</h4>
<div class="textwidget">
<ul style="border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; line-height: 32px;">
<li>
<a href="#">Nam nec tellus </a>
</li>
<li>
<a href="#">Class aptent taciti sociosqu </a>
</li>
<li>
<a href="#">Mauris in erat justo</a>
</li>
<li>
<a href="#">Sed non neque</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
</div>
<!-- Footer copyright-->
<div class="footer_copy">
<div class="container">
<div class="column one">
<div class="copyright">
&copy; 2017 BeFirm - BeTheme. Muffin group - HTML by <a target="_blank" rel="nofollow" href="http://bit.ly/1M6lijQ">BeantownThemes</a>
</div>
<!--Social info area-->
<ul class="social"></ul>
</div>
</div>
</div>
</footer>
</div>
<!-- JS -->
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/mfn.menu.js"></script>
<script src="../../js/jquery.plugins.js"></script>
<script src="../../js/jquery.jplayer.min.js"></script>
<script src="../../js/animations/animations.js"></script>
<script src="../../js/scripts.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false&ver=5.9"></script>
<script src="../../js/email.js"></script>
<script>
function google_maps_567bd6d84c451() {
var latlng = new google.maps.LatLng(-33.8710, 151.2039);
var draggable = true;
var myOptions = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
styles: [{
"featureType": "administrative",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#444444"
}]
}, {
"featureType": "administrative.country",
"elementType": "geometry.stroke",
"stylers": [{
"visibility": "on"
}, {
"color": "#b6c0cb"
}]
}, {
"featureType": "landscape",
"elementType": "all",
"stylers": [{
"color": "#f2f2f2"
}]
}, {
"featureType": "poi",
"elementType": "all",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "poi.business",
"elementType": "geometry.fill",
"stylers": [{
"visibility": "on"
}]
}, {
"featureType": "road",
"elementType": "all",
"stylers": [{
"saturation": -100
}, {
"lightness": 45
}]
}, {
"featureType": "road.highway",
"elementType": "all",
"stylers": [{
"visibility": "simplified"
}]
}, {
"featureType": "road.arterial",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "transit",
"elementType": "all",
"stylers": [{
"visibility": "on"
}]
}, {
"featureType": "transit",
"elementType": "labels",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "water",
"elementType": "all",
"stylers": [{
"color": "#a6bdcc"
}, {
"visibility": "on"
}]
}],
draggable: draggable,
zoomControl: true,
mapTypeControl: false,
streetViewControl: false,
scrollwheel: false
};
var map = new google.maps.Map(document.getElementById("google-map-area-567bd6d84c451"), myOptions);
var marker = new google.maps.Marker({
position: latlng,
icon: "images/home_firm_map_pin.png",
map: map
});
}
jQuery(document).ready(function($) {
google_maps_567bd6d84c451();
});
</script>
<script>
jQuery(window).load(function() {
var retina = window.devicePixelRatio > 1 ? true : false;
if (retina) {
var retinaEl = jQuery("#logo img.logo-main");
var retinaLogoW = retinaEl.width();
var retinaLogoH = retinaEl.height();
retinaEl.attr("src", "images/retina-firm.png").width(retinaLogoW).height(retinaLogoH);
var stickyEl = jQuery("#logo img.logo-sticky");
var stickyLogoW = stickyEl.width();
var stickyLogoH = stickyEl.height();
stickyEl.attr("src", "images/retina-firm.png").width(stickyLogoW).height(stickyLogoH);
var mobileEl = jQuery("#logo img.logo-mobile");
var mobileLogoW = mobileEl.width();
var mobileLogoH = mobileEl.height();
mobileEl.attr("src", "images/retina-firm.png").width(mobileLogoW).height(mobileLogoH);
}
});
</script>
</body>
</html>