File: //backups/24hour/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" />
<title>24 Hour Cleaning Services</title>
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" rel="stylesheet" />
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href="css/media-style.css" rel="stylesheet" />
</head>
<body>
<div class="container-fluid mainbanner">
<header>
<div class="container-field header">
<div class="container clearfix">
<div class="header-top">
<div class="logo">
<a href="http://dev.mobilewebsitepro.com/24hour/"><img src="images/logo.png"></a>
</div>
<div class="header-right">
<p><img src="images/mob.png"> Call Us : <a href="tel:0800600035">0800 600 035</a></p>
</div>
</div>
</div>
</div>
</header>
<div class="container">
<div class="col-md-7 col-sm-7 header-top">
<div class="banner-content">
<h1>Welcome to 24hour Cleaning Services</h1>
<p>We are committed to provide our customers with the service you could rely on.</p>
<!-- <div class="btn-cont"><a href="javascript:void(0);">contact us</a></div> -->
</div>
<div class="company-icon desktopsec">
<div class="icon">
<div class="icon-img">
<img src="images/icon-1.png">
<p>Quality</p>
</div>
</div>
<div class="icon icon1">
<div class="icon-img">
<img src="images/icon-2.png">
<p>Customer Guarantee</p>
</div>
</div>
<div class="icon icon2">
<div class="icon-img">
<img src="images/icon-3.png">
<p>Safety & Security</p>
</div>
</div>
<div class="icon icon3">
<div class="icon-img">
<img src="images/icon-4.png">
<p>Environment Friendly</p>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-sm-5 nopad desktopsec">
<div class="mainform">
<h2>GET A FREE QUOTE </h2>
<p>Fill out this form and one of our friendly team members will get back in touch with you shortly.</p>
<form action="mail.php" method="post" class="form-details" id="commentForm">
<div class="col-md-12 nopad">
<div class="arte">
<input type="text" value="" required="" placeholder="Your Name" name="name" class="inputfield txt-fl" onkeyup="nospaces(this)">
</div>
</div>
<div class="col-md-12 nopad">
<div class="arte1">
<input type="email" value="" required="" placeholder="Email Id" name="email" class="inputfield">
</div>
</div>
<div class="col-md-12 nopad">
<div class="arte1">
<select name="service" class="wpcf7-select" required="">
<option value="">Select Service</option>
<option value="Office Cleaning">Office Cleaning</option>
<option value="School Cleaning">School Cleaning</option>
<option value="Commercial Cleaning">Commercial Cleaning</option>
<option value="Daycare Cleaning">Daycare Cleaning</option>
<option value="Carpet Cleaning">Carpet Cleaning</option>
<option value="Kindergarden Cleaning">Kindergarden Cleaning</option>
</select>
</div>
</div>
<div class="col-md-12 nopad">
<div class="arte">
<input type="number" style="-moz-appearance: textfield;" value="" required="" placeholder="Phone" name="phone" class="inputfield">
</div>
</div>
<div class="col-md-12 nopad">
<div class="arte2">
<textarea value="" placeholder="Message" name="message" required="" class="textareafield"></textarea>
</div>
</div>
<div class="smtnew">
<input type="submit" name="submit" value="SUBMIT NOW" class="submitbtn">
</div>
</form>
</div>
</div>
</div>
</div>
<div class="mobnewsec">
<div class="company-icon">
<div class="icon">
<div class="icon-img">
<img src="images/icon-1.png">
<p>Quality</p>
</div>
</div>
<div class="icon icon1">
<div class="icon-img">
<img src="images/icon-2.png">
<p>Customer Guarantee</p>
</div>
</div>
<div class="icon icon2">
<div class="icon-img">
<img src="images/icon-3.png">
<p>Safety & Security</p>
</div>
</div>
<div class="icon icon3">
<div class="icon-img">
<img src="images/icon-4.png">
<p>Environment Friendly</p>
</div>
</div>
</div>
<div class="mainform" id="smtup">
<h2>GET A FREE QUOTE </h2>
<p>Fill out this form and one of our friendly team members will get back in touch with you shortly.</p>
<form action="mail.php" method="post" class="form-details" id="commentForm1">
<div class="col-md-12 nopad">
<div class="arte">
<input type="text" value="" required="" placeholder="Your Name" name="name" class="inputfield txt-fl" onkeyup="nospaces(this)">
</div>
</div>
<div class="col-md-12 nopad">
<div class="arte1">
<input type="email" value="" required="" placeholder="Email Id" name="email" class="inputfield">
</div>
</div>
<div class="col-md-12 nopad">
<div class="arte1">
<select name="service" class="wpcf7-select" required="">
<option value="">Select Service</option>
<option value="Office Cleaning">Office Cleaning</option>
<option value="School Cleaning">School Cleaning</option>
<option value="Commercial Cleaning">Commercial Cleaning</option>
<option value="Daycare Cleaning">Daycare Cleaning</option>
<option value="Carpet Cleaning">Carpet Cleaning</option>
<option value="Kindergarden Cleaning">Kindergarden Cleaning</option>
</select>
</div>
</div>
<div class="col-md-12 nopad">
<div class="arte">
<input type="number" style="-moz-appearance: textfield;" value="" required="" placeholder="Phone" name="phone" class="inputfield">
</div>
</div>
<div class="col-md-12 nopad">
<div class="arte2">
<textarea value="" placeholder="Message" name="message" required="" class="textareafield"></textarea>
</div>
</div>
<div class="smtnew">
<input type="submit" name="submit" value="SUBMIT NOW" class="submitbtn">
</div>
</form>
</div>
</div>
<section>
<div class="container-fluid aboutmain">
<div class="container nopad aboutmain1">
<div class="col-md-8 col-sm-8 col-xs-12 nopad">
<div class="content">
<h3>ABOUT</h3>
<p>24hour Cleaning Services is an independent company and operates with well trained and dedicated staffs. We are committed to provide our customers with the service you could rely on. The moto of 24hour Cleaning Services is Quality, Guarantee, Safety, Security and Environment Friendly.</p>
<p>Quality: Employees are fully trained and are required to follow set of procedures in place.</p>
<p>Customer Guarantee: With procedures in place and the training provided to our employees we are able to provide guaranteed workmanship to our customers.</p>
<div class="scroll-btn">
<a href="#commentForm1">CONTACT US</a>
</div>
<div class="scroll-btn1">
<a href="javascript:void(0);">CONTACT US</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 nopad">
<div class="about-img">
<img src="images/main.png" class="img-responsive img-circle">
</div>
</div>
</div>
</div>
</section>
<section class="demo">
<div class="container-fluid">
<div class="container nopad clearfix">
<div class="service-section">
<h2>services</h2>
</div>
<div class="box">
<div class="shadowboard"></div>
<div class="clipboard"><img src="images/img1.png"></div>
<div class="content-clip">office cleaning</div>
</div>
<div class="box boxnew">
<div class="shadowboard"></div>
<div class="clipboard"><img src="images/img2.png"></div>
<div class="content-clip">school cleaning</div>
</div>
<div class="box">
<div class="shadowboard"></div>
<div class="clipboard"><img src="images/img3.png"></div>
<div class="content-clip">commercial cleaning</div>
</div>
<div class="box">
<div class="shadowboard"></div>
<div class="clipboard"><img src="images/img4.png"></div>
<div class="content-clip">daycare cleaning</div>
</div>
<div class="box boxnew">
<div class="shadowboard"></div>
<div class="clipboard"><img src="images/img5.png"></div>
<div class="content-clip">Carpet Cleaning</div>
</div>
<div class="box">
<div class="shadowboard"></div>
<div class="clipboard"><img src="images/img6.png"></div>
<div class="content-clip">kindergarden cleaning</div>
</div>
</div>
</div>
</section>
<section>
<div class="container-fluid testimonial">
<div class="container nopad">
<div class="col-sm-12">
<div class="testimonial-inner">
<h3>WHAT OUR CLIENTS SAY</h3>
<div class="testimonial-inner-in">
<p><span>Shehnaz completed all of the necessary tasks in a suitable time frame and worked in well with me on any aspects peculiar to me or my unit located at Mt Eden.</span></p>
<div class="testimonial-image">
<img src="images/man.png" class="img-responsive img-circle">
<h6>Thanks, Ryan</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container-fluid address-call">
<div class="container nopad">
<div class="adress">
<p>Call us : <a href="tel:0800600035">0800 600 035</a> <span>OR</span> Email : <a href="mailto:info@24hourcleaners.co.nz">info@24hourcleaners.co.nz</a></p>
<!-- <p>24hour Cleaning Service</p> -->
</div>
</div>
</div>
</section>
<footer>
<div class="container-fluid copyright-main">
<div class="container nopad clearfix">
<div class="col-md-6 col-sm-6 col-xs-12 nopad">
<div class="copyright">
<p>© 2007 - 2018 24hour Cleaning Services. All Rights Reserved.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 nopad">
<div class="copyright1">
<p>Marketing page developed by <a href="https://www.smegoweb.co.nz/" target="_blank"><img src="images/smego.png" class="img-responsive"></a></p>
</div>
</div>
</div>
</div>
</footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script type="text/javascript">
function testInput(event) {
var value = String.fromCharCode(event.which);
var pattern = new RegExp(/[a-zåäö ]/i);
return pattern.test(value);
}
jQuery(document).ready(function() {
jQuery("#commentForm").validate({
normalizer: function(value) {
// Trim the value of every element
return jQuery.trim(value);
},
rules: {
phone: {
phoneno: true
},
}
});
jQuery('.txt-fl').bind('keypress', testInput);
jQuery(".scroll-btn").click(function() {
jQuery("html, body").animate({
scrollTop: 0
}, "slow");
return false;
});
jQuery(".scroll-btn1").click(function() {
var topOff = jQuery("#smtup").offset().top;
console.log(topOff);
jQuery("html, body").animate({
scrollTop: topOff
}, 400);
});
jQuery(".btn-cont").click(function() {
var topOff = jQuery("#smtup").offset().top;
console.log(topOff);
jQuery("html, body").animate({
scrollTop: topOff
}, 400);
});
})
</script>
<script type="text/javascript">
function testInput(event) {
var value = String.fromCharCode(event.which);
var pattern = new RegExp(/[a-zåäö ]/i);
return pattern.test(value);
}
jQuery(document).ready(function() {
jQuery("#commentForm1").validate({
normalizer: function(value) {
// Trim the value of every element
return jQuery.trim(value);
},
rules: {
phone: {
phoneno: true
},
}
});
jQuery('.txt-fl').bind('keypress', testInput);
})
</script>
<script type="text/javascript">
function validate(evt) {
var theEvent = evt || window.event;
var key = theEvent.keyCode || theEvent.which;
key = String.fromCharCode( key );
var regex = /[0-9]|\./;
if( !regex.test(key) ) {
theEvent.returnValue = false;
if(theEvent.preventDefault) theEvent.preventDefault();
}
}
</script>
<script language="javascript" type="text/javascript">
jQuery.validator.addMethod("phoneno", function(phone_number, element) {
phone_number = phone_number.replace(/\s+/g, "");
return this.optional(element) || phone_number.length > 3 &&
phone_number.match(/^((\+[1-9]{1,4}[ \-]*)|(\([0-9]{2,3}\)[ \-]*)|([0-9]{2,4})[ \-]*)*?[0-9]{3,4}?[ \-]*[0-9]{3,4}?$/);
}, "Please specify a valid phone number");
</script>
<script>
jQuery(document).ready(function() {
var owl = jQuery('.owl-carousel');
owl.owlCarousel({
margin: 10,
responsiveClass:true,
nav: false,
autoplay: true,
autoHeight:true,
dots:false,
loop: true,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
})
})
</script>
</body>
</html>