|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/dtplenviro/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!doctype html>
<html class="no-js" lang="en">
<?php require "inc/head.php"; ?>
<body class="template-color-1">
<div class="main-wrapper">
<!-- Begin Hiraola's Header Main Area -->
<?php require "inc/header.php"; ?>
<!-- Hiraola's Header Main Area End Here -->
<!-- Begin Hiraola's Breadcrumb Area -->
<div class="breadcrumb-area">
<div class="container">
<div class="breadcrumb-content">
<h2>Other</h2>
<ul>
<li><a href="index.php">Home</a></li>
<li class="active">Contact</li>
</ul>
</div>
</div>
</div>
<!-- Hiraola's Breadcrumb Area End Here -->
<!-- Begin Contact Main Page Area -->
<div class="contact-main-page">
<div class="container">
<div id="google-map"></div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-5 offset-lg-1 col-md-12 order-1 order-lg-2">
<div class="contact-page-side-content">
<h3 class="contact-page-title">Contact Us</h3>
<p class="contact-page-message">Claritas est etiam processus dynamicus, qui sequitur
mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum
claram anteposuerit litterarum formas human.</p>
<div class="single-contact-block">
<h4><i class="fa fa-fax"></i> Address</h4>
<p>123 Main Street, Anytown, CA 12345 – USA</p>
</div>
<div class="single-contact-block">
<h4><i class="fa fa-phone"></i> Phone</h4>
<p>Mobile: (08) 123 456 789</p>
<p>Hotline: 1009 678 456</p>
</div>
<div class="single-contact-block last-child">
<h4><i class="fa fa-envelope-o"></i> Email</h4>
<p>yourmail@domain.com</p>
<p>support@hastech.company</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 order-2 order-lg-1">
<div class="contact-form-content">
<h3 class="contact-page-title">Tell Us Your Message</h3>
<div class="contact-form">
<form id="contact-form" action="https://whizthemes.com/mail-php/mamunur/hiraola/hiraola.php">
<div class="form-group">
<label>Your Name <span class="required">*</span></label>
<input type="text" name="con_name" required>
</div>
<div class="form-group">
<label>Your Email <span class="required">*</span></label>
<input type="email" name="con_email" required>
</div>
<div class="form-group">
<label>Subject</label>
<input type="text" name="con_subject">
</div>
<div class="form-group form-group-2">
<label>Your Message</label>
<textarea name="con_message"></textarea>
</div>
<div class="form-group">
<button type="submit" value="submit" id="submit" class="hiraola-contact-form_btn" name="submit">send</button>
</div>
</form>
<p class="form-message mt-3 mb-0"></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact Main Page Area End Here -->
<!-- Begin Hiraola's Footer Area -->
<?php require "inc/footer.php"; ?>
<!-- Hiraola's Footer Area End Here -->
</div>
<!-- JS
============================================ -->
<!-- jQuery JS -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
<!-- Modernizer JS -->
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<!-- Slick Slider JS -->
<script src="assets/js/plugins/slick.min.js"></script>
<!-- Countdown JS -->
<script src="assets/js/plugins/countdown.min.js"></script>
<!-- Barrating JS -->
<script src="assets/js/plugins/jquery.barrating.min.js"></script>
<!-- Counterup JS -->
<script src="assets/js/plugins/jquery.counterup.min.js"></script>
<!-- Waypoints -->
<script src="assets/js/plugins/waypoints.min.js"></script>
<!-- Nice Select JS -->
<script src="assets/js/plugins/jquery.nice-select.min.js"></script>
<!-- Sticky Sidebar JS -->
<script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
<!-- Jquery-ui JS -->
<script src="assets/js/plugins/jquery-ui.min.js"></script>
<!-- Scroll Top JS -->
<script src="assets/js/plugins/scroll-top.min.js"></script>
<!-- Theia Sticky Sidebar JS -->
<script src="assets/js/plugins/theia-sticky-sidebar.min.js"></script>
<!-- ElevateZoom JS -->
<script src="assets/js/plugins/jquery.elevateZoom-3.0.8.min.js"></script>
<!-- Timecircles JS -->
<script src="assets/js/plugins/timecircles.min.js"></script>
<!-- Mailchimp Ajax JS -->
<script src="assets/js/plugins/mailchimp-ajax.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>
<!-- <script src="assets/js/main.min.js"></script> -->
<!-- Begin Hiraola's Google Map Area -->
<script src="https://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIzaSyChs2QWiAhnzz0a4OEhzqCXwx_qA9ST_lE"></script>
<script>
// When the window has finished loading create our google map below
google.maps.event.addDomListener(window, 'load', init);
function init() {
// Basic options for a simple Google Map
// For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
var mapOptions = {
// How zoomed in you want the map to start at (always required)
zoom: 12,
scrollwheel: false,
// The latitude and longitude to center the map (always required)
center: new google.maps.LatLng(40.740610, -73.935242), // New York
// How you would like to style the map.
// This is where you would paste any style found on
styles: [{
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"color": "#e9e9e9"
},
{
"lightness": 17
}
]
},
{
"featureType": "landscape",
"elementType": "geometry",
"stylers": [{
"color": "#f5f5f5"
},
{
"lightness": 20
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [{
"color": "#ffffff"
},
{
"lightness": 17
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#ffffff"
},
{
"lightness": 29
},
{
"weight": 0.2
}
]
},
{
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [{
"color": "#ffffff"
},
{
"lightness": 18
}
]
},
{
"featureType": "road.local",
"elementType": "geometry",
"stylers": [{
"color": "#ffffff"
},
{
"lightness": 16
}
]
},
{
"featureType": "poi",
"elementType": "geometry",
"stylers": [{
"color": "#f5f5f5"
},
{
"lightness": 21
}
]
},
{
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [{
"color": "#dedede"
},
{
"lightness": 21
}
]
},
{
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "on"
},
{
"color": "#ffffff"
},
{
"lightness": 16
}
]
},
{
"elementType": "labels.text.fill",
"stylers": [{
"saturation": 36
},
{
"color": "#333333"
},
{
"lightness": 40
}
]
},
{
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
},
{
"featureType": "transit",
"elementType": "geometry",
"stylers": [{
"color": "#f2f2f2"
},
{
"lightness": 19
}
]
},
{
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{
"color": "#fefefe"
},
{
"lightness": 20
}
]
},
{
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#fefefe"
},
{
"lightness": 17
},
{
"weight": 1.2
}
]
}
]
};
// Get the HTML DOM element that will contain your map
// We are using a div with id="map" seen below in the <body>
var mapElement = document.getElementById('google-map');
// Create the Google Map using our element and options defined above
var map = new google.maps.Map(mapElement, mapOptions);
// Let's also add a marker while we're at it
var marker = new google.maps.Marker({
position: new google.maps.LatLng(40.740610, -73.935242),
map: map,
title: 'Limupa',
animation: google.maps.Animation.BOUNCE
});
}
</script>
<!-- Hiraola's Google Map Area End Here -->
</body>
<!-- Mirrored from htmldemo.net/hiraola/hiraola/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 18 Nov 2024 12:13:51 GMT -->
</html>