API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 6th, 2017
737
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.28 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5.  
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <meta charset="utf-8">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <link rel="stylesheet" href="css/style.css" media="screen" title="no title" charset="utf-8">
  12. <link rel="stylesheet" href="css/main.css" media="screen" title="no title" charset="utf-8">
  13. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  14. <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css" media="screen" title="no title" charset="utf-8">
  15. <link rel="stylesheet" href="plugins/uikit/css/uikit.min.css" media="screen" title="no title" charset="utf-8">
  16. <link rel="stylesheet" href="plugins/owl/owl.carousel.css">
  17. <link rel="stylesheet" href="plugins/owl/owl.theme.css">
  18. <link rel="stylesheet" href="plugins/owl/owl.transitions.css">
  19. <title>Pest in Peace</title>
  20. </head>
  21. <body>
  22.  
  23. <header>
  24.  
  25. <nav class="navbar navbar-fixed-top">
  26. <?php
  27. /**
  28. * This example shows settings to use when sending via Google's Gmail servers.
  29. */
  30. // Turn off error reporting
  31. error_reporting(0);
  32.  
  33. // Report runtime errors
  34. error_reporting(E_ERROR | E_WARNING | E_PARSE);
  35.  
  36. // Report all errors
  37. error_reporting(E_ALL);
  38.  
  39. error_reporting(E_WARNING);
  40. // Same as error_reporting(E_ALL);
  41. ini_set("error_reporting", E_ALL);
  42.  
  43. // Report all errors except E_NOTICE
  44. error_reporting(E_ALL & ~E_NOTICE);
  45.  
  46. $name = $_POST['name'];
  47. $email = $_POST['email'];
  48. $address = $_POST['address'];
  49. $phonenumber = $_POST['phonenumber'];
  50. $subject = $_POST['subject'];
  51. $message = $_POST['message'];
  52. $submit = $_POST['submit'];
  53.  
  54.  
  55. set_time_limit(300);
  56. date_default_timezone_set('Etc/UTC');
  57. require 'PHPMailer/PHPMailerAutoload.php';
  58. $mail = new PHPMailer;
  59. $mail->isSMTP();
  60. $mail->Debugoutput = 'html';
  61. $mail->Host = 'smtp.gmail.com';
  62. $mail->Port = 587;
  63. $mail->SMTPSecure = 'tls';
  64. $mail->SMTPAuth = true;
  65. $mail->Username = "walp.ralph@gmail.com";
  66. $mail->Password = "yopiearvwzqfexcn";
  67. $mail->setFrom('pest-in-peace@outlook.com', 'Pest in Peace Control Solutions Website');
  68. $mail->addReplyTo($email, $name);
  69. // pest-in-peace@outlook.ca
  70. $mail->addAddress('pest-in-peace@outlook.ca', 'Pest in Peace Control Solutions Website Inquiry');
  71. $mail->Subject = 'Pest in Peace Control Solutions';
  72. $mail->Body = '<b>Name: '.$name.'<b><br><br>Email:<b> '.$email.'</b><br><br>Address:<b> '.$address.'</b><br><br><br>Phone Number:<b> '.$phonenumber.'</b><br><br><br>Inquiry:<b> '.$subject.'</b><br><br><br>Message:<b>'.$message;
  73. $mail->AltBody = 'Inquiry';
  74.  
  75. if($submit){
  76. if($name && $email && $address && $phonenumber && $subject && $message){
  77. if (!$mail->send()) {
  78. echo "Mailer Error: " . $mail->ErrorInfo;
  79. echo'<div onload="openNav()" id="myNav" class="overlay-alert" style="z-index:99999; position: fixed;">';
  80. echo'<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>';
  81. echo'<div class="overlay-content">';
  82. echo'<h1>ERORR</h1>';
  83. echo'</div>';
  84. echo'</div>';
  85. } else {
  86. echo'<div onload="openNav()" id="myNav" class="overlay-alert" style="z-index:99999; position: fixed;">';
  87. echo'<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>';
  88. echo'<div class="overlay-content">';
  89. echo'<h1 class="aqua-text">Thank you for your message <br>Wait for a response within 24 hours </h1>';
  90. echo'</div>';
  91. echo'</div>';
  92. }
  93. }
  94. else{
  95. echo'<div onload="openNav()" id="myNav" class="overlay-alert" style="z-index:99999; position: fixed;">';
  96. echo'<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>';
  97. echo'<div class="overlay-content">';
  98. echo'<h1 style="color: #f44336;">Invalid Input<br>Something went wrong</h1>';
  99.  
  100. echo'</div>';
  101. echo'</div>';
  102. }
  103.  
  104. }
  105.  
  106.  
  107. ?>
  108. <div class="templatemo-top-bar" id="templatemo-top" style="background-color: #027db1 !important; z-index: 2">
  109. <div class="container">
  110. <div class="subheader">
  111. <div id="phone" class="pull-left white-text">
  112. <img src="img/phone.png" alt="phone"/>
  113. 306 716-9088
  114. </div>
  115. <div id="email" class="pull-right white-text">
  116. <img src="img/email.png" alt="email"/>
  117. pest-in-peace@outlook.ca
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. <div class="navbar-pestinpeace top-menu">
  123.  
  124. <a href="#" class="navbar-pestinpeace-brand">
  125. <img src="img/logo.png" />
  126. </a>
  127. <!-- Right Navigation -->
  128. <div class="navbar-pestinpeace-right hidden-xs hidden-sm" id="navbar-menu">
  129. <a href="/" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">Home</a>
  130.  
  131. <div class="uk-inline">
  132. <a class="navbar-pestinpeace-item navbar-pestinpeace-link">Services</a>
  133. <div uk-dropdown="pos: bottom-justify">
  134. <ul class="uk-nav uk-dropdown-nav">
  135. <li><a href="#services" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">Our Services</a></li>
  136. <li><a href="faq" class="navbar-pestinpeace-item navbar-pestinpeace-link">FAQ</a></li>
  137. </ul>
  138. </div>
  139. </div>
  140.  
  141.  
  142. <a href="#ourteam" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">About</a>
  143. <a href="#commonpests" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">Common Pests</a>
  144. <a href="#products" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">Products</a>
  145. <a href="#whychoose" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">Facts</a>
  146. <a href="#contactus" uk-scroll class="aqua white-text btn">Contact Us</a>
  147.  
  148. </div>
  149.  
  150. <!-- Dropdown appearing on mobile only -->
  151. <div class="navbar-pestinpeace-item hidden-md hidden-lg" style="z-index: 9999;">
  152. <div class="dropdown">
  153. <i class="fa fa-bars dropdown-toggle" data-toggle="dropdown"></i>
  154. <ul class="dropdown-menu dropdown-menu-right navbar-pestinpeace-dropdown-menu">
  155. <a href="#" class="btn white-text" uk-totop uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">Home</a>
  156. <a href="#services" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">Services</a>
  157. <a href="#ourteam" uk-scroll href="" class="navbar-pestinpeace-item navbar-pestinpeace-link">About</a>
  158. <a href="#commonpests" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">CommonPests</a>
  159. <a href="#products" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">Products</a>
  160. <a href="#whychoose" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">Facts</a>
  161. <a href="#contactus" uk-scroll class="navbar-pestinpeace-item navbar-pestinpeace-link">ContactUs</a>
  162. </ul>
  163. </div>
  164. </div>
  165.  
  166.  
  167. </div>
  168. </nav>
  169. <div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">
  170. <!-- Overlay -->
  171.  
  172. <!-- Indicators -->
  173. <ol class="carousel-indicators">
  174. <li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
  175. <li data-target="#bs-carousel" data-slide-to="1"></li>
  176. <li data-target="#bs-carousel" data-slide-to="2"></li>
  177. <li data-target="#bs-carousel" data-slide-to="3"></li>
  178. </ol>
  179.  
  180. <!-- Wrapper for slides -->
  181. <div class="carousel-inner">
  182. <div class="item slides active">
  183. <div class="slide-1"></div>
  184. <div class="hero">
  185. <hgroup>
  186. <h1 class="aqua-darken-text">Pest in Peace</h1>
  187. <h2 class="aqua-text">Control Solutions</h2>
  188. <h4 class="light-gray-text">
  189. It's time to exterminate! We offer professional pest control solutions to Saskatoon surrounding areas.
  190. </h4>
  191. </hgroup>
  192. </div>
  193. </div>
  194. <div class="item slides">
  195. <div class="slide-2"></div>
  196. <div class="hero">
  197. <hgroup>
  198. <h1 class="white-text">Guaranteed returned service</h1>
  199. <h4 class="light-gray-text">We will guarantee our technicians' work by offering return service if the customer is not satisfied with the treatments. This applies to all customers with service agreements. </h4>
  200. </hgroup>
  201. </div>
  202. </div>
  203. <div class="item slides">
  204. <div class="slide-3"></div>
  205. <div class="hero">
  206. <hgroup>
  207. <h1 class="white-text">Response time</h1>
  208. <h4 class="light-gray-text">The company will send a technician within 24 hours.</h4>
  209. </hgroup>
  210. </div>
  211. </div>
  212. <div class="item slides">
  213. <div class="slide-4"></div>
  214. <div class="hero">
  215. <hgroup>
  216. <h1 class="white-text">Instant quote</h1>
  217. <h4 class="light-gray-text">After an inspection, a technician will provide a quote for treatment, which can help you stay within your budget, even in an emergency situation.</h4>
  218. </hgroup>
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223. </header>
  224.  
  225. <main>
  226. <?php include('services.php'); ?>
  227.  
  228. <?php include('aboutus.php'); ?>
  229.  
  230. <?php include('commonpests.php'); ?>
  231.  
  232.  
  233. <section id="products" class="section white text-center">
  234. <div class="container">
  235. <div class="row section-header">
  236. <div class="col-md-offset-2 col-md-8">
  237. <h2 class="aqua-text">Our Products</h2>
  238. <p class="aqua-darken-text">It’s time to exterminate!</p>
  239. </div>
  240. </div>
  241. <div class="row">
  242. <div class="owl-carousel owl-theme">
  243. <div class="item">
  244. <div class="our-services uk-padding-small">
  245. <img src=" img/icons/bug.png" alt="" class="img-circle " style="width: 50%;">
  246. <h4>Bait stations, rodent control</h4>
  247. </div>
  248. </div>
  249.  
  250. <div class="item">
  251. <div class="our-services uk-padding-small">
  252. <img src=" img/icons/bug.png" alt="" class="img-circle " style="width: 50%;">
  253. <h4>Glue boards for insects and rodent control</h4>
  254. </div>
  255. </div>
  256.  
  257. <div class="item">
  258. <div class="our-services uk-padding-small">
  259. <img src=" img/icons/bug.png" alt="" class="img-circle " style="width: 50%;">
  260. <h4>Insects Fly lights</h4>
  261. </div>
  262. </div>
  263.  
  264. <div class="item">
  265. <div class="our-services uk-padding-small">
  266. <img src=" img/icons/bug.png" alt="" class="img-circle " style="width: 50%;">
  267. <h4>Poison corn for pigeon</h4>
  268. </div>
  269. </div>
  270.  
  271. <div class="item">
  272. <div class="our-services uk-padding-small">
  273. <img src=" img/icons/bug.png" alt="" class="img-circle " style="width: 50%;">
  274. <h4>Trays for birds control</h4>
  275. </div>
  276. </div>
  277.  
  278. <div class="item">
  279. <div class="our-services uk-padding-small">
  280. <img src=" img/icons/bug.png" alt="" class="img-circle " style="width: 50%;">
  281. <h4>Domestic insecticides</h4>
  282. </div>
  283. </div>
  284.  
  285. <div class="item">
  286. <div class="our-services uk-padding-small">
  287. <img src=" img/icons/bug.png" alt="" class="img-circle" style="width: 50%;">
  288. <h4>Rodent devices</h4>
  289. </div>
  290. </div>
  291.  
  292. <div class="item">
  293. <div class="our-services uk-padding-small">
  294. <img src=" img/icons/bug.png" alt="" class="img-circle" style="width: 50%;">
  295. <h4>Wild life live traps</h4>
  296. </div>
  297. </div>
  298.  
  299. </div>
  300. </div>
  301.  
  302. </div>
  303. </section>
  304.  
  305. <section id="whychoose" class="">
  306. <div class="whychoose-content">
  307. <div class="">
  308. <div class="row section-header text-center">
  309. <div class="col-md-offset-2 col-md-8">
  310. <h2 class="white-text">WHY CHOOSE PEST IN PEACE CONTROL SOLUTION?</h2>
  311.  
  312. </div>
  313. </div>
  314. <div class="container">
  315. <div class="row">
  316. <div class="col-md-6">
  317. <h3 class="white-text">Facts and Fiction</h3>
  318. <div class="">
  319. <iframe width="100%" height="315" src="https://www.youtube.com/embed/n1GhM6H1tRg" frameborder="0" allowfullscreen></iframe>
  320. </div>
  321. <br><br>
  322. </div>
  323. <div class="col-md-6">
  324.  
  325. <div class="col-md-12">
  326. <h4 class="white-text">Residential, Commercial & Industrial Pest Control Services</h4>
  327. <p class="light-gray-text">
  328. Pest in domestic homes, commercial properties and industrial areas are not only annoying but they can also cause structural damage and health risks to humans.<br>
  329. </p>
  330. <p><a class="btn aqua white-text" href="#residential" uk-toggle>Read More</a></p>
  331.  
  332. <div id="residential" uk-modal="center: true" style="z-index: 99999;">
  333. <div class="uk-modal-dialog">
  334. <button class="uk-modal-close-default" type="button" uk-close></button>
  335. <div class="uk-modal-body">
  336. <div class="row">
  337. <div class="col-md-12">
  338. </div>
  339. </div>
  340. <div class="row">
  341. <div class="col-md-12">
  342. <h2>Residential, Commercial & Industrial Pest Control Services</h2>
  343. <p>
  344. Pest in domestic homes, commercial properties and industrial areas are not only annoying but they can also cause structural damage and health risks to humans.
  345. <br><br>
  346. Pest-in-Peace Control Solutions puts you and your family first with safe, quick and thorough pest treatment and prevention solutions. We take the time to understand your needs and determine the best solution. Our team will explain the process and guide you, every step of the way so you know exactly what to expect.
  347. <br><br>
  348. Our treatments and products that we use are pest specific and not harmful to humans or pets. Rest assured, knowing your pest concern will be treated with the highest quality products, in a safe and environmentally friendly method.
  349. <br><br>
  350. All treatments are carried out by friendly, well-trained, licensed, professional pest technicians. We always follow the Canada standards where applicable and use only the highest quality products to ensure your pest problem is treated thoroughly.
  351. <br><br>
  352. Our professional pest technicians are trained not only to treat the pest problem but also to look at the cause of your home pest problems. They will take the time to understand your concerns and provide feedback and recommendations on how to minimize pests in and around the home.
  353. <br><br>
  354. All our professionally trained and experienced technicians take care when carrying out treatment at your home and will work with your family to accommodate any of your pest control needs.
  355. </p>
  356. </div>
  357. </div>
  358.  
  359. </div>
  360. </div>
  361. </div>
  362. </div>
  363.  
  364. <div class="col-md-12">
  365. <h4 class="white-text">Inspections</h4>
  366. <p class="light-gray-text">
  367. We begin our relationship with each customer with a thorough inspection of the building or home so we can develop a customized pest control plan.<br>
  368. </p>
  369. <p><a class="btn aqua white-text" href="#inspections" uk-toggle>Read More</a></p>
  370.  
  371. <div id="inspections" uk-modal="center: true" style="z-index: 99999;">
  372. <div class="uk-modal-dialog">
  373. <button class="uk-modal-close-default" type="button" uk-close></button>
  374. <div class="uk-modal-body">
  375. <div class="row">
  376. <div class="col-md-12">
  377. </div>
  378. </div>
  379. <div class="row">
  380. <div class="col-md-12">
  381. <h2>Inspections</h2>
  382. <p>We begin our relationship with each customer with a thorough inspection of the building or home so we can develop a customized pest control plan. The technician will provide a list of the areas treated, along with information about how long the treated areas need to be avoided. This type of detailed report is important, especially for those who are sensitive to common chemicals used in pest eradication.
  383. </p>
  384. </div>
  385. </div>
  386.  
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391. <div class="col-md-12">
  392. <h4 class="white-text">Pest removal</h4>
  393. <p class="light-gray-text">Prevention services includeblocking all possible entry points in the building exterior and interior, cutting off all source of feeding the.</p>
  394. <p><a class="btn aqua white-text" href="#pest-removal" uk-toggle>Read More</a></p>
  395.  
  396. <div id="pest-removal" uk-modal="center: true" style="z-index: 99999;">
  397. <div class="uk-modal-dialog">
  398. <button class="uk-modal-close-default" type="button" uk-close></button>
  399. <div class="uk-modal-body">
  400. <div class="row">
  401. <div class="col-md-12">
  402. </div>
  403. </div>
  404. <div class="row">
  405. <div class="col-md-12">
  406. <h2>Pest removal</h2>
  407. <p>Prevention services include blocking all possible entry points in the building exterior and interior, cutting off all source of feeding the pest could possible get the food that attract the pest.
  408. Elimination services involve spraying insecticide, baiting, traps, pesticides, rodenticides and more.</p>
  409.  
  410. </div>
  411. </div>
  412.  
  413. </div>
  414. </div>
  415. </div>
  416.  
  417.  
  418. </div>
  419. </div>
  420.  
  421. </div>
  422.  
  423. </div>
  424. </div>
  425. </div>
  426. </section>
  427.  
  428. <section id="contactus" class="mapwrapper" style="height: 100vh; max-width: 100%; position: relative; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; ">
  429. <div id='map' style="width: 100%;height: 100vh; "></div>
  430. <div class="mapoverlay" style="position: absolute; z-index: 2; top: 0; width: 100%; height: 100%; background-image: linear-gradient(-225deg, rgba(255,255,255,0.1) 40%, rgba(0,101,168,0.3) 90%), url();">
  431. <div class="container">
  432. <div class="col-lg-5 col-lg-offset-8 col-md-6">
  433. <div class="panel panel-default uk-padding aqua" style="margin-top: 5vh;">
  434. <div class="row white-text">
  435. <div class="col-md-12">
  436. <h4 class="white-text">Get A Quote Today!</h4>
  437. <p>Fill out this form and we will get back to you within 24 hours.</p>
  438. </div>
  439.  
  440. </div>
  441. <div class="row">
  442. <form class="" role="form" method="post" action="" enctype="multipart/form-data">
  443.  
  444. <div class="form-group col-md-6">
  445. <input type="text" name="name" class="uk-input input-text uk-form-small" id="name" placeholder="Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
  446. <div class="validation"></div>
  447. </div>
  448.  
  449. <div class="form-group col-md-6">
  450. <input type="email" name="email" class="uk-input input-text uk-form-small" id="email" placeholder="Email Address" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
  451. <div class="validation"></div>
  452. </div>
  453.  
  454. <div class="form-group col-md-12">
  455. <input type="text" name="phonenumber" class="uk-input input-text uk-form-small" id="phonenumber" placeholder="Phone Number" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
  456. <div class="validation"></div>
  457. </div>
  458.  
  459. <div class="form-group col-md-12">
  460. <input type="text" name="address" class="uk-input input-text uk-form-small" id="address" placeholder="Address" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
  461. <div class="validation"></div>
  462. </div>
  463.  
  464.  
  465. <div class="form-group col-md-12">
  466. <select name="subject" class="uk-select" style="height: 30px; line-height: 28px;">
  467. <option value="test">Option 01</option>
  468. <option value="test">Option 02</option>
  469. </select>
  470. </div>
  471. <!-- <div class="form-group">
  472. <input type="text" name="subject" class="uk-input input-text uk-form-small" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
  473. <div class="validation"></div>
  474. </div> -->
  475.  
  476. <div class="form-group col-md-12">
  477. <textarea name="message" class="uk-textarea uk-form-small" rows="3" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
  478. <div class="validation"></div>
  479. </div>
  480. <div class="form-group col-md-12">
  481. <input class="col-md-12 uk-button white uk-width-1-1 uk-margin-small-bottom" value="Send" name="submit" type="submit">
  482. </div>
  483. </form>
  484. </div>
  485.  
  486. </div>
  487. </div>
  488. </div>
  489. </div>
  490. </section>
  491.  
  492. <footer>
  493. <div class="footer white" id="footer">
  494. <div class="container">
  495. <div class="row">
  496.  
  497. <div class="col-md-4">
  498. <h3> Pest-In-Peace Control Solutions </h3>
  499. <ul>
  500. <li> Saskatoon, Saskatchewan</li>
  501. </ul>
  502. </div>
  503. <div class="col-md-4">
  504. <h3> Contacts </h3>
  505. <ul>
  506. <li> Phone: 306 716-9088</li>
  507. <li> Email: pest-in-peace@outlook.ca</li>
  508. </ul>
  509. </div>
  510. <div class="col-md-4">
  511. <h3> Follow us on our Social Media </h3>
  512.  
  513. <ul class="social">
  514. <li class="aqua"> <a href="https://www.facebook.com/pestinpeace2016/?ref=nf" target="blank"> <i class=" fa fa-facebook">   </i> </a> </li>
  515. <li class="aqua"> <a href="https://www.instagram.com/pestinpeace306/?hl=en" target="blank"> <i class="fa fa-instagram">   </i> </a> </li>
  516. <li class="aqua"> <a href="https://www.linkedin.com/in/pest-in-peace-control-solutions-141124127" target="blank"> <i class="fa fa-linkedin">   </i> </a> </li>
  517. <li class="aqua"> <a href="https://plus.google.com/communities/114696174730574449642" target="blank"> <i class="fa fa-google-plus">   </i> </a> </li>
  518. <li class="aqua"> <a href="https://www.youtube.com/channel/UCABOh0nTIivdRo5Q4iDqvEg" target="blank"> <i class="fa fa-youtube">   </i> </a> </li>
  519. </ul>
  520. </div>
  521. </div>
  522. <!--/.row-->
  523. </div>
  524. <!--/.container-->
  525. </div>
  526. <!--/.footer-->
  527.  
  528. <div class="footer-bottom aqua-darken">
  529. <div class="container">
  530. <p class="pull-left white-text"> Copyright © Pest in Peace Control Slutions. </p>
  531. <div class="pull-right">
  532. <a href="#" class="btn white-text" uk-totop uk-scroll></a>
  533. </div>
  534. </div>
  535. </div>
  536. <!--/.footer-bottom-->
  537. </footer>
  538. </main>
  539.  
  540.  
  541. </body>
  542. <script type="text/javascript" src="plugins/jQuery/jquery-3.1.1.js"></script>
  543. <script type="text/javascript" src="plugins/owl/owl.carousel.min.js"></script>
  544. <script type="text/javascript" src="plugins/uikit/js/uikit.min.js"></script>
  545. <script type="text/javascript" src="plugins/bootstrap/js/bootstrap.min.js"></script>
  546. <script>
  547. function openNav() {
  548. document.getElementById("myNav").style.width = "100%";
  549. }
  550.  
  551. /* Close when someone clicks on the "x" symbol inside the overlay */
  552. function closeNav() {
  553. document.getElementById("myNav").style.width = "0%";
  554. }
  555. </script>
  556. <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAWgMSeuS1T9FjUStz8Wy9-K5L7Nwpa4Qg&callback=initMap"
  557. type="text/javascript"></script>
  558. <script type="text/javascript">
  559. $(function(){
  560. $("#modal-ants").appendTo("body");
  561. });
  562. function initMap() {
  563. // Styles a map in night mode.
  564. var myLatLng = {lat: 52.115603, lng: -106.5862807};
  565. var centerlatlng = {lat: 52.115903, lng: -106.5862807};
  566.  
  567. var map = new google.maps.Map(document.getElementById('map'), {
  568. center: centerlatlng,
  569. zoom: 16,
  570. styles: [
  571. {
  572. "featureType": "administrative",
  573. "elementType": "labels.text.fill",
  574. "stylers": [
  575. {
  576. "color": "#444444"
  577. }
  578. ]
  579. },
  580. {
  581. "featureType": "landscape",
  582. "elementType": "all",
  583. "stylers": [
  584. {
  585. "color": "#f2f2f2"
  586. }
  587. ]
  588. },
  589. {
  590. "featureType": "poi",
  591. "elementType": "all",
  592. "stylers": [
  593. {
  594. "visibility": "off"
  595. }
  596. ]
  597. },
  598. {
  599. "featureType": "road",
  600. "elementType": "all",
  601. "stylers": [
  602. {
  603. "saturation": -100
  604. },
  605. {
  606. "lightness": 45
  607. }
  608. ]
  609. },
  610. {
  611. "featureType": "road.highway",
  612. "elementType": "all",
  613. "stylers": [
  614. {
  615. "visibility": "simplified"
  616. }
  617. ]
  618. },
  619. {
  620. "featureType": "road.arterial",
  621. "elementType": "labels.icon",
  622. "stylers": [
  623. {
  624. "visibility": "off"
  625. }
  626. ]
  627. },
  628. {
  629. "featureType": "transit",
  630. "elementType": "all",
  631. "stylers": [
  632. {
  633. "visibility": "off"
  634. }
  635. ]
  636. },
  637. {
  638. "featureType": "water",
  639. "elementType": "all",
  640. "stylers": [
  641. {
  642. "color": "#46bcec"
  643. },
  644. {
  645. "visibility": "on"
  646. }
  647. ]
  648. }
  649. ]
  650. });
  651. var marker = new google.maps.Marker({
  652. position: myLatLng,
  653. map: map,
  654. title: 'Hello World!'
  655. });
  656.  
  657. var infowindow = new google.maps.InfoWindow();
  658. infowindow.setContent(
  659. '<div id="content">'+
  660. '<div id="siteNotice">'+'</div>'+
  661. '<div id="bodyContent">'+
  662. '<h4 class="aqua-text">Pest in Peace Control Solutions</h4>'+
  663. '<span><b>Address:</b> 114 Edinburgh place Saskatoon, Sk.</span><br><br>'+
  664. '<span><b>Phone Number:</b> 306-7169088</span><br><br>'+
  665. '<span><b>Email:</b> pest-in-peace@outlook.com</span>'+
  666. ''+
  667. '</div>'+
  668. '</div>');
  669. infowindow.open(map, marker);
  670. }
  671.  
  672. </script>
  673. <script type="text/javascript">
  674. $(document).ready(function() {
  675. $(".filter-button").click(function(){
  676. var value = $(this).attr('data-filter');
  677.  
  678. if(value == "all")
  679. {
  680. //$('.filter').removeClass('hidden');
  681. $('.filter').show('1000');
  682. }
  683. else
  684. {
  685. // $('.filter[filter-item="'+value+'"]').removeClass('hidden');
  686. // $(".filter").not('.filter[filter-item="'+value+'"]').addClass('hidden');
  687. $(".filter").not('.'+value).hide('3000');
  688. $('.filter').filter('.'+value).show('3000');
  689.  
  690. }
  691. });
  692.  
  693. if ($(".filter-button").removeClass("active")) {
  694. $(this).removeClass("active");
  695. }
  696. $(this).addClass("active");
  697.  
  698. $(".ourteam-carousel").owlCarousel({
  699. loop:true,
  700. autoPlay:true,
  701. margin:10,
  702. items:1,
  703. pagination: true,
  704. responsiveRefreshRate : 200,
  705. navigation:false,
  706. navigationText: [
  707. "<span class=' glyphicon glyphicon-chevron-left' aria-hidden='true'></span>",
  708. "<span class=' glyphicon glyphicon-chevron-right' aria-hidden='true'></span>"
  709. ]
  710. });
  711. $('.owl-carousel').owlCarousel({
  712. loop:true,
  713. autoPlay:true,
  714. margin:10,
  715. items:5,
  716. pagination: true,
  717. responsiveRefreshRate : 200,
  718. navigation:false,
  719. navigationText: [
  720. "<span class=' glyphicon glyphicon-chevron-left' aria-hidden='true'></span>",
  721. "<span class=' glyphicon glyphicon-chevron-right' aria-hidden='true'></span>"
  722. ]
  723. });
  724. });
  725.  
  726. </script>
  727.  
  728. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!