498 lines
26 KiB
HTML
498 lines
26 KiB
HTML
|
<!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;">
|
||
|
|
||
|
</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">
|
||
|
© 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>
|