Advertisement
Guest User

Untitled

a guest
Mar 28th, 2015
230
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.98 KB | None | 0 0
  1. <?php
  2. /*
  3. Template Name: Franchise Main
  4. */
  5. ?>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  9. <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  10. <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
  11. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  12. <head>
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14. <meta name="description" content="">
  15. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  17. <script src="<?php bloginfo('template_url'); ?>/js/owl.carousel.min.js"></script>
  18. <script src="<?php bloginfo('template_url'); ?>/js/bootstrap.min.js"></script>
  19. <script src="<?php bloginfo('template_url'); ?>/js/js.js"></script>
  20.  
  21. <script src="<?php bloginfo('template_url'); ?>/js/jquery.isotope.js"></script>
  22. <script src="http://maps.googleapis.com/maps/api/js"></script>
  23.  
  24. <link href="<?php bloginfo('template_url'); ?>/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  25. <link href="<?php bloginfo('template_url'); ?>/css/franchise.css" rel="stylesheet" type="text/css" />
  26. <link href="<?php bloginfo('template_url'); ?>/css/owl.carousel.css" rel="stylesheet" type="text/css" />
  27. <link href="<?php bloginfo('template_url'); ?>/css/ihover.css" rel="stylesheet" type="text/css" />
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  30. <link rel='stylesheet' media='screen and (min-width: 320px) and (max-width: 768px)' href='<?php bloginfo('template_url'); ?>/css/xs device css.css' />
  31. <link rel='stylesheet' media='screen and (min-width: 769px) and (max-width: 992px)' href='<?php bloginfo('template_url'); ?>/css/sm device css.css' />
  32. <link rel='stylesheet' media='screen and (min-width: 993px) and (max-width: 1199px)' href='<?php bloginfo('template_url'); ?>/css/md device css.css' />
  33. <link rel='stylesheet' media='screen and (min-width: 1200px) and (max-width: 2000px)' href='<?php bloginfo('template_url'); ?>/css/lg device css.css' />
  34. <title>Sparkle Wash Franchise</title>
  35. <?php wp_head(); ?>
  36. <style>
  37. .owl-theme .owl-controls {
  38.     margin-top: 10px;
  39.     text-align: center;
  40.     -webkit-tap-highlight-color: transparent
  41. }
  42. .owl-theme .owl-controls .owl-nav [class*=owl-] {
  43.  
  44. }
  45. .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  46. }
  47. .owl-theme .owl-controls .owl-nav .disabled {
  48.     opacity: .5;
  49.     cursor: default
  50. }
  51. .owl-theme .owl-dots .owl-dot {
  52.     display: inline-block;
  53.     zoom: 1;
  54. *display:inline
  55. }
  56. .owl-theme .owl-dots .owl-dot span {
  57.     width: 10px;
  58.     height: 10px;
  59.     margin: 5px 7px;
  60.     background: #d6d6d6;
  61.     display: block;
  62.     -webkit-backface-visibility: visible;
  63.     -webkit-transition: opacity 200ms ease;
  64.     -moz-transition: opacity 200ms ease;
  65.     -ms-transition: opacity 200ms ease;
  66.     -o-transition: opacity 200ms ease;
  67.     transition: opacity 200ms ease;
  68.     -webkit-border-radius: 0px;
  69.     -moz-border-radius: 0px;
  70.     border-radius: 0px
  71. }
  72. .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  73.     background: #223f7b;
  74. }
  75. </style>
  76. </head>
  77. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  78.       <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  79.       <!--[if lt IE 9]>
  80.      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  81.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  82.      <script src="<?php bloginfo('template_url'); ?>/js/respond.js"></script>
  83.      <![endif]-->
  84.  
  85. <body>
  86. <!--------------------------------Top gray area start------------------------- -->
  87. <div class="container-fluid top-gray">
  88.     <div class="container ">
  89.         <div class="row" id="main">
  90.             <div class="col-md-4 col-sm-6 col-lg-4">
  91.                 <p class="contact"></p>
  92.             </div>
  93.                     <div class="col-md-4"></div>
  94.  
  95.  
  96.        
  97.             <div class="col-md-4 franchise col-sm-4">      
  98.             <p class="text-center top-txt"><?php the_field('f_top_desc','options'); ?></p>
  99.             <div class="clearfix"> </div>
  100.             </div>
  101. <div class="clearfix"> </div>
  102.         </div>
  103. <div class="clearfix"> </div>
  104.     </div>
  105. </div>
  106. <!--------------------------------Top gray area end--------------------------->
  107.  
  108. <!--------------------------------Header area start------------------------- -->
  109. <div class="clearfix"> </div>
  110. <div class="container-fluid header">
  111. <div class="container">
  112.     <div class="row">
  113.         <div class="col-md-4 col-sm-6 col-lg-4">
  114.        <a href="/franchise"><?php the_field('logo','category_'.$catid); ?></a>
  115.         </div>
  116.          <div class="col-md-8 col-sm-6 col-xs-12">
  117.                                 <div class="navbar navbar-inverse navabar-inverse-for-dropdown">
  118.                                 <!-- button section start -->
  119.                             <span class="icon-bar"></span>
  120.                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  121.                          <span class="icon-bar"></span>
  122.                             <span class="icon-bar"></span>
  123.                           </button>
  124. <a class="bluebutton" href="#contacts">CONTACT US</a>
  125.                                          <!-- button section end -->
  126.                      <div class="collapse navbar-collapse pers">  <!-- make a div for button responsive -->
  127.                
  128.                     <ul class="nav navbar-nav down-menues pull-right menu">
  129.                                   <li class="active"><a href="/franchise">HOME</a></li>
  130.                                  <li class="dropdown">
  131.                                   <a href="/franchise/#service" class="dropdown-toggle"
  132.                                  role="button" aria-expanded="false">SERVICE <span class="caret"></span></a>
  133.                                     <ul class="dropdown-menu" role="menu">
  134.                                        <li><a href="/commercial-4">COMMERCIAL</a></li>
  135.                                         <li><a href="/residential-4">RESIDENTIAL</a></li>
  136.                                         <li><a href="/fleet-3">FLEET</a></li>
  137.                                         <li><a href="/construction-4">CONSTRUCTION</a></li>
  138.                                         <li><a href="/industrial-5">INDUSTRIAL</a></li>
  139.                                         </ul>
  140.                                   </li>
  141.  
  142.                                   <li><a href="/franchise/#quote">REQUEST A QUOTE</a></li>
  143.                                   <li><a href="/franchise/#customer">CUSTOMER REVIEWS</a></li>
  144.                                    <li><a href="/franchise/#offers">SPECIAL OFFERS</a></li>
  145.                            
  146.                                  
  147.                       </ul>
  148.                    
  149.                             </div>
  150.                   </div>
  151.             </div>
  152.            
  153.        
  154.         </div>
  155.     </div>
  156. </div>
  157.  
  158. <!--------------------------------Header area end----------------------------->
  159. <style>
  160.  
  161. #home {
  162.             background: url(<?php the_field('fbimage3', 'options'); ?>) 50% 0 fixed;
  163.             height: auto;  
  164.             margin: 0 auto;
  165.             width: 100%;
  166.             position: relative;
  167.             padding: 20px 0;
  168.             background-position:center;
  169.                 -webkit-background-size: cover;
  170.     -moz-background-size: cover;
  171.     -o-background-size: cover;
  172.     background-size: cover;
  173.     width: 100%;
  174.         }
  175. </style>
  176. <style>
  177. #gform_submit_button_3{
  178. background-color: red;
  179. width: 100%;
  180. border: 0px;
  181. border-radius: 0px;
  182. color: white;
  183. font-family: bebas-neue;
  184. font-size: 30px;
  185. }
  186. #field_3_1 > label,#field_3_2 > label,#field_3_3 > label,#field_3_4 > label,#field_3_5 > label{
  187. display: none;
  188. }
  189. input[type="text"]{
  190. background: rgba(195, 195, 195, 0.01);
  191. border: 1px solid white;
  192. color: white;
  193. width: 100% !important;
  194. }
  195. ::-webkit-input-placeholder { /* WebKit browsers */
  196.     color: white;
  197. }
  198. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  199.    color: white;
  200.    opacity:  1;
  201. }
  202. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  203.    color: white;
  204.    opacity:  1;
  205. }
  206. :-ms-input-placeholder { /* Internet Explorer 10+ */
  207.    color: white;
  208. }
  209. /* Clear header menu */
  210. .formarea form div div input[type="text"]{
  211.     background: rgba(195, 195, 195, 0.01);
  212.     border: 1px solid white;
  213.     color: white;
  214.     width: 100% !important;
  215. }
  216. .formarea form div div input[type="submit"]{
  217.     height: 50px;
  218. }
  219.  
  220. /* Mobile Devices */
  221. @media only screen and (max-width: 600px){
  222.     .ginput_container{
  223.         width: 100%;
  224.     }
  225.     input[type="text"] {
  226.         width: 100% !important;
  227.         display: block;
  228.         margin-bottom: 10px;
  229.         background-color: #ebebeb;
  230.         border: 1px solid #CCC;
  231.     }
  232.     select option, select, textarea{
  233.         width: 100% !important;
  234.         display: block;
  235.         margin-bottom: 10px;
  236.         background-color: #ebebeb;
  237.         border: 1px solid #CCC;
  238.     }
  239. }
  240.  
  241.  
  242. /* Desktops, large laptops */
  243. @media only screen and (min-width: 600px){
  244.     .form_request1, select option, textarea{
  245.         width: 33%;
  246.         display: -moz-inline-stack;
  247.         display: inline-block;
  248.         zoom: 1;
  249.         margin: 0 0 0.50em 0;
  250.         min-height: 1.8em;
  251.         vertical-align: top;
  252.     }
  253.     input[type="text"]{
  254.         width: 85% !important;
  255.         background-color: #ebebeb;
  256.         border: 1px solid #CCC;
  257.     }
  258.     select option, select, textarea{
  259.         width: 85% !important;
  260.         display: block;
  261.         margin-bottom: 10px;
  262.         background-color: #ebebeb;
  263.         border: 1px solid #CCC;
  264.         height: 36px;
  265.     }
  266.     .form_request2{
  267.         width: 100% !important;
  268.     }
  269.     #input_1_10 > li.gchoice_1_10_1, #input_1_10 > li.gchoice_1_10_2, #input_1_10 > li.gchoice_1_10_3, #input_1_10 > li.gchoice_1_10_4,#input_1_10 > li.gchoice_1_10_5,#input_1_11 > li.gchoice_1_11_1,#input_1_11 > li.gchoice_1_11_2{
  270.         display: inline-block;
  271.         margin: 0 40px 20px;
  272.     }
  273.     textarea{
  274.         width: 94% !important;
  275.     }
  276. }
  277. .gform_button{
  278.     background-color: #000070;
  279.     width: 94%;
  280.     color: white;
  281.     font-family: bebas-neue;
  282.     height: 35px;
  283. }
  284. .form_request1 div input[type="text"]{
  285.     color: black;
  286. }
  287.  
  288. </style>
  289.     <?php $catid = get_query_var('cat');        
  290.             ?>
  291.  
  292. <!--------------------------------parallax area start--------------------------- -->
  293. <section id="home" class="section" data-stellar-background-ratio="0.5">
  294.     <div class="container">
  295.         <div class="row">
  296.             <div class="col-md-7 big-word">
  297.                 <h1>
  298. <?php the_field('f_search_title','category_'.$catid); ?>
  299.  
  300. </h1>
  301.             </div>
  302.             <div class="col-md-5 formarea">
  303.                 <form>
  304.                   <div class="form-group">
  305.                     <?php echo do_shortcode('[gravityform id="3" title="false" description="true"]'); ?>
  306.                   </div>
  307.                 </form>  
  308.             </div>
  309.         </div>
  310.     </div>
  311. </section>
  312. <!--------------------------------parallax area end----------------------------->
  313.  
  314. <!--------------------------------welcome area start--------------------------- -->
  315. <div class="container-fluid welcome-area">
  316.     <div class="container">
  317.         <div class="row">
  318.             <div class="col-md-12 col-sm-12">
  319.                 <h2 class="text-center"><?php the_field('f_welcome_title','category_'.$catid); ?>
  320.                 </h2>
  321.             </div>
  322.            
  323.         </div> 
  324.         <div class="row top-spacing">
  325.             <div class="col-md-8 col-sm-8 col-xs-12">
  326.                 <div class="sub-text"><?php the_field('f_left_content','category_'.$catid); ?></div>
  327.            
  328.  <button type="button" class="btn btn-danger col-md-6 recieve-butn col-xs-12">COMPLIMENTRY ESTIMATE</button>
  329.             </div>
  330.             <div class="col-md-4 col-sm-4 col-xs-12" id="top-spacing"><span id="service"></span>
  331.                  <div class="sub-text"><?php the_field('f_right_content','category_'.$catid); ?></div>
  332.                  <a href="#quote">
  333.                
  334.                  </a>
  335.             </div> 
  336.            
  337.         </div>
  338.     </div>
  339. </div>
  340. <!--------------------------------welcome area end----------------------------->
  341.  
  342. <!--------------------------------Our service area start--------------------------- -->
  343. <div class="container-fluid services">
  344.     <div class="container">
  345.         <div class="row top-spacing">
  346.                <div class="col-md-12 col-sm-12">
  347.                 <h2 class="text-center">Multi-Industry Pressure Washing Experts </h2>
  348.             </div>
  349.             <?php $i=0; if( have_rows('f_services_blocks','category_'.$catid) ):
  350.                             while ( have_rows('f_services_blocks','category_'.$catid) ) : the_row(); ?>
  351.  
  352.            
  353.             <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12 indexing">
  354.             <div class="col-md-12 gray_bg col-lg-12 col-sm-12 col-xs-12 left_spacing right_spacing top-border">
  355.             <img src="<?php the_sub_field('image'); ?>" class="img-responsive image hidden-xs" />
  356.          
  357.             <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12">
  358.             <p class="service_txt text-center"><a href="<?php the_sub_field('url'); ?>"><?php the_sub_field('title'); ?></a></p>
  359.             <?php the_sub_field('text'); ?>
  360.             <a href="#gallary">
  361.             <button type="button" class="btn btn-danger recieve-butn center-block top-spacing">View Featured Projects</button>
  362.             </a>
  363.         </div>
  364.           </div>
  365.         </div>
  366.                 <?php $i++; if ($i == 3): ?>
  367.               <div class="clearfix"></div>
  368.                     <?php $i=0; endif; ?>          
  369.           <?php endwhile; endif; ?>
  370.  
  371.     </div>
  372. </div>
  373. </div>
  374. <!--------------------------------Our service area end----------------------------
  375.  
  376. <!--------------------------------Gallary area start--------------------------- -->
  377. <div class="container-fluid gallery">
  378. <span id="gallary"></span>
  379.     <div class="container">
  380.         <div class="row">
  381.             <div class="col-md-12 col-sm-12">
  382.                 <h2 class="text-center">FEATURED PROJECTS</h2>
  383.             </div>
  384.             <div class="row">
  385.              <div class="portfolioFilter text-center">
  386.            
  387.                 <a href="#" class="current" data-filter=".commercial">COMMERCIAL / </a>
  388.                 <a href="#" data-filter=".people">RESIDENTIAL / </a>
  389.                 <a href="#" data-filter=".places">FLEET / </a>
  390.                 <a href="#" data-filter=".food">CONSTRUCTION / </a>
  391.                 <a href="#" data-filter=".objects">INDUSTRIAL / </a>
  392.              
  393.             </div>
  394.             </div>
  395.             <div class="row">
  396.             <div class="portfolioContainer">
  397.            
  398.            
  399.                         <?php if( have_rows('f_projects','category_'.$catid) ):
  400.                             while ( have_rows('f_projects','category_'.$catid) ) : the_row(); ?>
  401.            
  402.            
  403.             <?php $classarray = get_sub_field('tab'); $class = implode(" ", $classarray);?>
  404.                  <div class="<?php echo $class; ?> col-md-3 ih-item square effect6 from_top_and_bottom col-lg-3 col-sm-3 top-spacing"><a href="<?php the_sub_field('url'); ?>">
  405.                    <div class="img">
  406.                    <a href="<?php the_sub_field('image'); ?>" class="group1 cboxElement">
  407.                     <img src="<?php the_sub_field('image'); ?>" alt="image" width="270" height="185" class="img-responsive"></div>
  408.                     </a>
  409.                    <div class="info">
  410.                    <div class="col-md-5 col-xs-5"></div>
  411.                    <div class="col-md-2 magnify col-xs-2">
  412.                    
  413.                      <img src="<?php bloginfo('template_url'); ?>/franchise_images/magnify.png" class="img-responsive" />
  414.                    </div>
  415.                    <div class="col-md-5 col-xs-5"></div>  
  416.                      
  417.                     </div></a>                 
  418.                 </div>  
  419.              
  420.                        <?php endwhile; endif; ?>
  421.  
  422.  
  423.              
  424.  
  425.                 </div>        
  426.         </div><span id="quote"></span>
  427.     </div>
  428. </div>
  429. </div>
  430. <!--------------------------------Gallary area end----------------------------->
  431.  
  432. <!--------------------------------request a quote area start--------------------------- -->
  433. <div class="container-fluid quote-area">
  434.     <div class="container">
  435.         <div class="row top-spacing">
  436.             <div class="col-md-12 col-sm-12">
  437.                 <h2 class="text-center">Request A Quote</h2>
  438.             </div>
  439.     <?php echo do_shortcode('[gravityform id="1" title="false" description="true"]'); ?>                    
  440.         </div>
  441.     </div>
  442. </div>
  443. <!--------------------------------request a quote area end----------------------------->
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  <!-------------------------------testimonial area start------------------------------->
  450.   <div class="container-fluid  testimonial">
  451.   <div class="container">
  452.     <div class="row">
  453.     <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12">
  454.        <h2 class="text-center">SEE WHAT OUR SATISFIED CUSTOMERS ARE SAYING</h2>
  455.        <h4 class="black_txt text-center">Satisfying our customers is always our goal, and everything we do supports your needs. If you’re still not sure about Sparkle Wash, we invite you to check out what others are saying. </h4>
  456.     </div>
  457.       <div class="col-md-12 top-spacing col-sm-12 col-xs-12 col-lg-12">
  458.         <div class="owl-carousel2">
  459.           <?php if( have_rows('f_customers','category_'.$catid) ):
  460.    while ( have_rows('f_customers','category_'.$catid) ) : the_row(); ?>
  461.    
  462.           <div class="item">
  463.             <div class="col-md-10 col-sm-10 col-xs-12 col-lg-10">
  464.               <div class="text-center testi-txt"><?php the_sub_field('text','category_'.$catid); ?></div>
  465.               <p><?php the_sub_field('name','category_'.$catid); ?></p>
  466.             </div>
  467.             <div class="col-md-2 col-sm-2 col-xs-12 col-lg-2"> <img src="<?php the_sub_field('photo','category_'.$catid); ?>" class="img-responsive" /> </div>
  468.           </div>
  469. <?php endwhile; endif; ?>
  470.         </div>
  471.       </div>
  472.     </div>
  473.   </div><span id="offers"></span>
  474.   </div>
  475. <!------------------------------testimonial area end---------------------------->
  476.  
  477. <!--------------------------------services 2nd area start----------------------------->
  478.  
  479. <!--------------------------------services 2nd area end----------------------------->
  480.  
  481.  
  482. <!--------------------------------Map area start------------------------------------>
  483.  
  484. <style type="text/css">
  485.  
  486. .acf-map {
  487.     width: 100%;
  488.     height: 400px;
  489.     border: #ccc solid 1px;
  490.     margin: 20px 0;
  491. }
  492.  
  493. </style>
  494.  
  495. <script type="text/javascript">
  496. (function($) {
  497.  
  498. /*
  499. *  render_map
  500. *
  501. *  This function will render a Google Map onto the selected jQuery element
  502. *
  503. *  @type    function
  504. *  @date    8/11/2013
  505. *  @since   4.3.0
  506. *
  507. *  @param   $el (jQuery element)
  508. *  @return  n/a
  509. */
  510.  
  511. function render_map( $el ) {
  512.  
  513.     // var
  514.     var $markers = $el.find('.marker');
  515.  
  516.     // vars
  517.     var args = {
  518.         zoom        : 16,
  519.         center      : new google.maps.LatLng(0, 0),
  520.         mapTypeId   : google.maps.MapTypeId.ROADMAP
  521.     };
  522.  
  523.     // create map              
  524.     var map = new google.maps.Map( $el[0], args);
  525.  
  526.     // add a markers reference
  527.     map.markers = [];
  528.  
  529.     // add markers
  530.     $markers.each(function(){
  531.  
  532.         add_marker( $(this), map );
  533.  
  534.     });
  535.  
  536.     // center map
  537.     center_map( map );
  538.  
  539. }
  540.  
  541. /*
  542. *  add_marker
  543. *
  544. *  This function will add a marker to the selected Google Map
  545. *
  546. *  @type    function
  547. *  @date    8/11/2013
  548. *  @since   4.3.0
  549. *
  550. *  @param   $marker (jQuery element)
  551. *  @param   map (Google Map object)
  552. *  @return  n/a
  553. */
  554.  
  555. function add_marker( $marker, map ) {
  556.  
  557.     // var
  558.     var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );
  559.  
  560.     // create marker
  561.     var marker = new google.maps.Marker({
  562.         position    : latlng,
  563.         map         : map
  564.     });
  565.  
  566.     // add to array
  567.     map.markers.push( marker );
  568.  
  569.     // if marker contains HTML, add it to an infoWindow
  570.     if( $marker.html() )
  571.     {
  572.         // create info window
  573.         var infowindow = new google.maps.InfoWindow({
  574.             content     : $marker.html()
  575.         });
  576.  
  577.         // show info window when marker is clicked
  578.         google.maps.event.addListener(marker, 'click', function() {
  579.  
  580.             infowindow.open( map, marker );
  581.  
  582.         });
  583.     }
  584.  
  585. }
  586.  
  587. /*
  588. *  center_map
  589. *
  590. *  This function will center the map, showing all markers attached to this map
  591. *
  592. *  @type    function
  593. *  @date    8/11/2013
  594. *  @since   4.3.0
  595. *
  596. *  @param   map (Google Map object)
  597. *  @return  n/a
  598. */
  599.  
  600. function center_map( map ) {
  601.  
  602.     // vars
  603.     var bounds = new google.maps.LatLngBounds();
  604.  
  605.     // loop through all markers and create bounds
  606.     $.each( map.markers, function( i, marker ){
  607.  
  608.         var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );
  609.  
  610.         bounds.extend( latlng );
  611.  
  612.     });
  613.  
  614.     // only 1 marker?
  615.     if( map.markers.length == 1 )
  616.     {
  617.         // set center of map
  618.         map.setCenter( bounds.getCenter() );
  619.         map.setZoom( 16 );
  620.     }
  621.     else
  622.     {
  623.         // fit to bounds
  624.         map.fitBounds( bounds );
  625.     }
  626.  
  627. }
  628.  
  629. /*
  630. *  document ready
  631. *
  632. *  This function will render each map when the document is ready (page has loaded)
  633. *
  634. *  @type    function
  635. *  @date    8/11/2013
  636. *  @since   5.0.0
  637. *
  638. *  @param   n/a
  639. *  @return  n/a
  640. */
  641.  
  642. $(document).ready(function(){
  643.  
  644.     $('.acf-map').each(function(){
  645.  
  646.         render_map( $(this) );
  647.  
  648.     });
  649.  
  650. });
  651.  
  652. })(jQuery);
  653. </script>
  654. <div class="container-fluid top-spacing">
  655.         <div class="row">
  656.                         <div class="col-md-12 col-sm-12 bottom-spacing">
  657.                 <h2 class="text-center"><?php the_field('map_title','category_'.$catid); ?></h2>
  658.                 </div>
  659.             <div class="col-md-12">
  660.             <?php
  661.  
  662. $location = get_field('map');
  663.  
  664. if( !empty($location) ):
  665. ?>
  666. <div class="acf-map">
  667.     <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div>
  668. </div>
  669. <?php endif; ?>
  670.             </div>
  671.         </div>
  672. </div>
  673. <!--------------------------------Map area end------------------------------------>
  674.  
  675. <!--------------------------------contact area start--------------------------------- -->
  676. <div id="contacts" class="container contact-area">
  677.     <div class="row">
  678.         <div class="col-md-4 col-sm-4 col-xs-12 col-lg-4">
  679.         <h3 class="text-center blue-txt">E-Mail</h3>
  680.         <p class="text-center"><?php the_field('f_email','category_'.$catid); ?></p>
  681.         </div>
  682.         <div class="col-md-4 col-sm-4 col-xs-12 col-lg-4">
  683.         <h3 class="text-center blue-txt">Call Us</h3>
  684.         <p class="text-center number"><?php the_field('f_call_us','category_'.$catid); ?></p>
  685.         </div>
  686.         <div class="col-md-4 col-sm-4 col-xs-12 col-lg-4">
  687.         <h3 class="text-center blue-txt">Location</h3>
  688.         <p class="text-center"><?php the_field('f_location','category_'.$catid); ?></p>
  689.         </div>
  690.     </div>
  691.     </div>
  692.    
  693. <div class="bluelinesel"></div>
  694.     <div id="contacts" class="container contact-area">
  695.     <div class="row">
  696.  
  697. <?php if( have_rows('footer_logos','category_'.$catid) ):
  698.    while ( have_rows('footer_logos','category_'.$catid) ) : the_row(); ?>
  699. <div class="col-md-3 col-sm-3 col-xs-12 col-lg-3">
  700. <img style='float:left; margin-left: 30px;' src="<?php the_sub_field('logo'); ?>" width="<?php the_sub_field('logo_width'); ?>" class="img-responsive  top-spacing" />
  701. </div>
  702.    <?php endwhile; endif; ?>
  703.  
  704.  
  705. </div>
  706. </div>
  707. <!--------------------------------contact area end----------------------------------->
  708.  
  709. <!--------------------------------footer area start--------------------------- -->
  710. <div class="container-fluid footer-area">
  711.     <div class="container">
  712.         <div class="row">
  713.             <div class="col-md-6">
  714.                 <p class="white-txt copy-right">© 2014 Sparkle Wash International</p>
  715.             </div>
  716.             <div class="col-md-6">
  717.                 <ul class="social pull-right">
  718.                     <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/franchise_images/fb.png" class="img-responsive" /></a></li>
  719.                     <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/franchise_images/twiter.png" class="img-responsive" /></a></li>
  720.                     <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/franchise_images/gplus.png" class="img-responsive" /></a></li>
  721.                 </ul>
  722.             </div>
  723.         </div>
  724.     </div>
  725. </div>
  726. <!--------------------------------footer area end--------------------------- -->
  727. <?php wp_footer(); ?>
  728. </body>
  729. </html>
  730.  
  731. <script>
  732. $(window).load(function(){
  733.     var $container = $('.portfolioContainer');
  734.     $container.isotope({
  735.         filter: '.commercial',
  736.         animationOptions: {
  737.             duration: 750,
  738.             easing: 'linear',
  739.             queue: false
  740.         }
  741.     });
  742.  
  743.     $('.portfolioFilter a').click(function(){
  744.         $('.portfolioFilter .current').removeClass('current');
  745.         $(this).addClass('current');
  746.  
  747.         var selector = $(this).attr('data-filter');
  748.         $container.isotope({
  749.             filter: selector,
  750.             animationOptions: {
  751.                 duration: 750,
  752.                 easing: 'linear',
  753.                 queue: false
  754.             }
  755.          });
  756.          return false;
  757.     });
  758. });
  759. </script>
  760.  
  761. <script>
  762. function initialize() {
  763.   var mapProp = {
  764.     center:new google.maps.LatLng(40.805478,-73.96522499999998),
  765.     zoom:5,
  766.     mapTypeId:google.maps.MapTypeId.ROADMAP
  767.   };
  768.   var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
  769. }
  770. google.maps.event.addDomListener(window, 'load', initialize);
  771. </script>
  772. <script>
  773. var fixmeTop = $('.header').offset().top;
  774. $(window).scroll(function() {
  775.     var currentScroll = $(window).scrollTop();
  776.     if (currentScroll >= fixmeTop) {
  777.         $('.header').css({
  778.             position: 'fixed',
  779.             top: '0',
  780.             left: '0',
  781.             transition:'2s',
  782.             width: '100%'
  783.         });
  784.     } else {
  785.         $('.header').css({
  786.             position: 'static',
  787.         });
  788.     }
  789. });
  790. </script>
  791. <script>
  792. $(function() {
  793.   $('a[href*=#]:not([href=#])').click(function() {
  794.     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  795.      var target = $(this.hash);
  796.       target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  797.       if (target.length) {
  798.         $('html,body').animate({
  799.           scrollTop: target.offset().top
  800.         }, 1500);
  801.         return false;
  802.       }
  803.     }
  804.   });
  805. });
  806. </script>
  807.  
  808. <script>
  809. $('.owl-carousel2').owlCarousel({
  810.     loop:true,
  811.     margin:10,
  812.     nav:false,
  813.     dot:true,
  814.     autoplay:true,
  815.     responsive:{
  816.         0:{
  817.             items:1
  818.         },
  819.         600:{
  820.             items:1
  821.         },
  822.         1000:{
  823.             items:1
  824.         }
  825.     }
  826. })
  827. </script>
  828. <script>
  829. $('.owl-carousel').owlCarousel({
  830.      margin: 0,
  831.   loop: true,
  832.   items: 1,
  833.   stagePadding: 250,
  834.   nav: false,
  835.   dots:false,
  836.   responsiveClass:true,
  837.     responsive:{
  838.         0:{
  839.             items:1,
  840.             nav:false,
  841.             loop:true,
  842.               stagePadding: 0,
  843.         },
  844.                 1024:{
  845.             items:1,
  846.             nav:false,
  847.             loop:true,
  848.               stagePadding: 100,
  849.                 }
  850.     }
  851. })
  852. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement