API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 3rd, 2015
254
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 23.38 KB | None | 0 0
raw download clone embed print report
  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. <?php $catid = get_query_var('cat'); ?>
  38. .owl-theme .owl-controls {
  39.     margin-top: 10px;
  40.     text-align: center;
  41.     -webkit-tap-highlight-color: transparent
  42. }
  43. .owl-theme .owl-controls .owl-nav [class*=owl-] {
  44.  
  45. }
  46. .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  47. }
  48. .owl-theme .owl-controls .owl-nav .disabled {
  49.     opacity: .5;
  50.     cursor: default
  51. }
  52. .owl-theme .owl-dots .owl-dot {
  53.     display: inline-block;
  54.     zoom: 1;
  55. *display:inline
  56. }
  57. .owl-theme .owl-dots .owl-dot span {
  58.     width: 10px;
  59.     height: 10px;
  60.     margin: 5px 7px;
  61.     background: #d6d6d6;
  62.     display: block;
  63.     -webkit-backface-visibility: visible;
  64.     -webkit-transition: opacity 200ms ease;
  65.     -moz-transition: opacity 200ms ease;
  66.     -ms-transition: opacity 200ms ease;
  67.     -o-transition: opacity 200ms ease;
  68.     transition: opacity 200ms ease;
  69.     -webkit-border-radius: 0px;
  70.     -moz-border-radius: 0px;
  71.     border-radius: 0px
  72. }
  73. .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  74.     background: #223f7b;
  75. }
  76. .white-txt{
  77. color: white !important;
  78. }
  79. </style>
  80. </head>
  81. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  82.       <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  83.       <!--[if lt IE 9]>
  84.       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  85.       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  86.       <script src="<?php bloginfo('template_url'); ?>/js/respond.js"></script>
  87.       <![endif]-->
  88.  
  89. <body>
  90. <!--------------------------------Top gray area start------------------------- -->
  91. <div class="container-fluid top-gray">
  92.     <div class="container ">
  93.         <div class="row" id="main">
  94.             <div class="col-md-4 col-sm-6 col-lg-4">
  95.                 <p class="contact"><?php the_field('f_call_us','category_'.$catid); ?></p>
  96.             </div>
  97.                     <div class="col-md-4"></div>
  98.  
  99.  
  100.        
  101.             <div class="col-md-4 franchise col-sm-4">      
  102.             <p class="text-center top-txt"><a href="http://sparklewashfranchise.com" class="white-txt"><?php the_field('f_top_desc','options'); ?></a></p>
  103.             <div class="clearfix"> </div>
  104.             </div>
  105. <div class="clearfix"> </div>
  106.         </div>
  107. <div class="clearfix"> </div>
  108.     </div>
  109. </div>
  110. <!--------------------------------Top gray area end--------------------------->
  111.  
  112. <!--------------------------------Header area start------------------------- -->
  113. <div class="clearfix"> </div>
  114. <div class="container-fluid header">
  115. <div class="container">
  116.     <div class="row">
  117.         <div class="col-md-4 col-sm-6 col-lg-4">
  118.        <a href="/franchise"><img src="<?php echo get_field('page_logo','category_'.$catid); ?>" class="img-responsive" alt="SparkleWash"/></a>
  119.         </div>
  120.          <div class="col-md-8 col-sm-6 col-xs-12">
  121.                                 <div class="navbar navbar-inverse navabar-inverse-for-dropdown">
  122.                                 <!-- button section start -->
  123.                             <span class="icon-bar"></span>
  124.                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  125.                          <span class="icon-bar"></span>
  126.                             <span class="icon-bar"></span>
  127.                           </button>
  128. <a class="bluebutton" href="#contacts">CONTACT US</a>
  129.                                          <!-- button section end -->
  130.                      <div class="collapse navbar-collapse pers">  <!-- make a div for button responsive -->
  131.                
  132.                     <ul class="nav navbar-nav down-menues pull-right menu">
  133.                                   <li class="active"><a href="/franchise">HOME</a></li>
  134.                                  <li class="dropdown">
  135.                                   <a href="/franchise/#service" class="dropdown-toggle"
  136.                                   role="button" aria-expanded="false">SERVICE <span class="caret"></span></a>
  137.                                     <ul class="dropdown-menu" role="menu">
  138.                                        <li><a href="/commercial-4">COMMERCIAL</a></li>
  139.                                         <li><a href="/residential-4">RESIDENTIAL</a></li>
  140.                                         <li><a href="/fleet-3">FLEET</a></li>
  141.                                         <li><a href="/construction-4">CONSTRUCTION</a></li>
  142.                                         <li><a href="/industrial-5">INDUSTRIAL</a></li>
  143.                                         </ul>
  144.                                   </li>
  145.  
  146.                                   <li><a href="#quotelink">REQUEST A QUOTE</a></li>
  147.                                   <li><a href="#customer">CUSTOMER REVIEWS</a></li>
  148.                            
  149.                                  
  150.                       </ul>
  151.                    
  152.                             </div>
  153.                   </div>
  154.             </div>
  155.            
  156.        
  157.         </div>
  158.     </div>
  159. </div>
  160.  
  161. <!--------------------------------Header area end----------------------------->
  162. <style>
  163.  
  164. #home {
  165.             background: url(<?php the_field('fbimage3', 'options'); ?>) 50% 0 fixed;
  166.             height: auto;  
  167.             margin: 0 auto;
  168.             width: 100%;
  169.             position: relative;
  170.             padding: 20px 0;
  171.             background-position:center;
  172.                 -webkit-background-size: cover;
  173.     -moz-background-size: cover;
  174.     -o-background-size: cover;
  175.     background-size: cover;
  176.     width: 100%;
  177.         }
  178. </style>
  179. <style>
  180. #gform_submit_button_3{
  181. background-color: red;
  182. width: 100%;
  183. border: 0px;
  184. border-radius: 0px;
  185. color: white;
  186. font-family: bebas-neue;
  187. font-size: 30px;
  188. height: 50px;
  189. }
  190. input[type="text"]{
  191. background: rgba(195, 195, 195, 0.01);
  192. border: 1px solid white;
  193. color: white;
  194. width: 100% !important;
  195. }
  196. ::-webkit-input-placeholder { /* WebKit browsers */
  197.     color: white;
  198. }
  199. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  200.    color: white;
  201.    opacity:  1;
  202. }
  203. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  204.    color: white;
  205.    opacity:  1;
  206. }
  207. :-ms-input-placeholder { /* Internet Explorer 10+ */
  208.    color: white;
  209. }
  210. /* Clear header menu */
  211. .formarea form div div input[type="text"]{
  212.     background: rgba(195, 195, 195, 0.01);
  213.     border: 1px solid white;
  214.     color: white;
  215.     width: 100% !important;
  216. }
  217. .formarea form div div input[type="submit"]{
  218.     height: 50px;
  219. }
  220.  
  221. /* Mobile Devices */
  222. @media only screen and (max-width: 600px){
  223.     .ginput_container{
  224.         width: 100%;
  225.     }
  226.     input[type="text"] {
  227.         width: 100% !important;
  228.         display: block;
  229.         margin-bottom: 10px;
  230.         background-color: #ebebeb;
  231.         border: 1px solid #CCC;
  232.     }
  233.     select option, select, textarea{
  234.         width: 100% !important;
  235.         display: block;
  236.         margin-bottom: 10px;
  237.         background-color: #ebebeb;
  238.         border: 1px solid #CCC;
  239.     }
  240. }
  241.  
  242.  
  243. /* Desktops, large laptops */
  244. @media only screen and (min-width: 600px){
  245.     .form_request1, select option, textarea{
  246.         width: 33%;
  247.         display: -moz-inline-stack;
  248.         display: inline-block;
  249.         zoom: 1;
  250.         margin: 0 0 0.50em 0;
  251.         min-height: 1.8em;
  252.         vertical-align: top;
  253.     }
  254.     input[type="text"]{
  255.         width: 85% !important;
  256.         background-color: #ebebeb;
  257.         border: 1px solid #CCC;
  258.     }
  259.     select option, select, textarea{
  260.         width: 85% !important;
  261.         display: block;
  262.         margin-bottom: 10px;
  263.         background-color: #ebebeb;
  264.         border: 1px solid #CCC;
  265.         height: 36px;
  266.     }
  267.     .form_request2{
  268.         width: 100% !important;
  269.     }
  270.     #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{
  271.         display: inline-block;
  272.         margin: 0 40px 20px;
  273.     }
  274.     textarea{
  275.         width: 94% !important;
  276.     }
  277. }
  278. .gform_button{
  279.     background-color: #000070;
  280.     width: 94%;
  281.     color: white;
  282.     font-family: bebas-neue;
  283.     height: 35px;
  284. }
  285. .form_request1 div input[type="text"]{
  286.     color: black;
  287. }
  288.  
  289. </style>
  290.  
  291. <!--------------------------------parallax area start--------------------------- -->
  292. <section id="home" class="section" data-stellar-background-ratio="0.5">
  293.     <div class="container">
  294.         <div class="row">
  295.             <div class="col-md-7 big-word">
  296.                 <h1>
  297. <?php the_field('f_search_title','category_'.$catid); ?>
  298.  
  299. </h1>
  300.             </div>
  301.             <div class="col-md-5 formarea">
  302.                   <div class="form-group">
  303.                     <?php the_field('top_form','category_'.$catid); ?>  
  304.                   </div>
  305.             </div>
  306.         </div>
  307.     </div>
  308. </section>
  309. <!--------------------------------parallax area end----------------------------->
  310.  
  311. <!--------------------------------welcome area start--------------------------- -->
  312. <div class="container-fluid welcome-area">
  313.     <div class="container">
  314.         <div class="row">
  315.             <div class="col-md-12 col-sm-12">
  316.                 <h2 class="text-center"><?php the_field('f_welcome_title','category_'.$catid); ?>
  317.                 </h2>
  318.             </div>
  319.            
  320.         </div> 
  321.         <div class="row top-spacing">
  322.             <div class="col-md-8 col-sm-8 col-xs-12">
  323.                 <div class="sub-text"><?php the_field('f_left_content','category_'.$catid); ?></div>
  324.            
  325.  <a href="#quotelink"><button type="button" class="btn btn-danger col-md-6 recieve-butn col-xs-12">COMPLIMENTARY ESTIMATE</button></a>
  326.             </div>
  327.             <div class="col-md-4 col-sm-4 col-xs-12" id="top-spacing"><span id="service"></span>
  328.                  <div class="sub-text"><?php the_field('f_right_content','category_'.$catid); ?></div>
  329.                  <a href="#quote">
  330.                
  331.                  </a>
  332.             </div> 
  333.            
  334.         </div>
  335.     </div>
  336. </div>
  337. <!--------------------------------welcome area end----------------------------->
  338.  
  339. <!--------------------------------Our service area start--------------------------- -->
  340. <div class="container-fluid services">
  341.     <div class="container">
  342.         <div class="row top-spacing">
  343.                <div class="col-md-12 col-sm-12">
  344.                 <h2 class="text-center">Multi-Industry Pressure Washing Experts </h2>
  345.             </div>
  346.             <?php $i=0; if( have_rows('f_services_blocks','category_'.$catid) ):
  347.                             while ( have_rows('f_services_blocks','category_'.$catid) ) : the_row(); ?>
  348.  
  349.            
  350.             <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12 indexing">
  351.             <div class="col-md-12 gray_bg col-lg-12 col-sm-12 col-xs-12 left_spacing right_spacing top-border">
  352.             <img src="<?php the_sub_field('image'); ?>" class="img-responsive image hidden-xs" />
  353.          
  354.             <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12">
  355.             <p class="service_txt text-center"><a href="<?php the_sub_field('url'); ?>"><?php the_sub_field('title'); ?></a></p>
  356.             <?php the_sub_field('text'); ?>
  357.             <a href="#gallary">
  358.             <button type="button" class="btn btn-danger recieve-butn center-block top-spacing">View Featured Projects</button>
  359.             </a>
  360.         </div>
  361.           </div>
  362.         </div>
  363.                 <?php $i++; if ($i == 3): ?>
  364.               <div class="clearfix"></div>
  365.                     <?php $i=0; endif; ?>          
  366.           <?php endwhile; endif; ?>
  367.  
  368.     </div>
  369. </div>
  370. </div>
  371. <!--------------------------------Our service area end----------------------------
  372.  
  373. <!--------------------------------Gallary area start--------------------------- -->
  374. <div class="container-fluid gallery">
  375. <span id="gallary"></span>
  376.     <div class="container">
  377.         <div class="row">
  378.             <div class="col-md-12 col-sm-12">
  379.                 <h2 class="text-center">FEATURED PROJECTS</h2>
  380.             </div>
  381.             <div class="row">
  382.              <div class="portfolioFilter text-center">
  383.            
  384.                 <a href="#" class="current" data-filter=".commercial">COMMERCIAL / </a>
  385.                 <a href="#" data-filter=".people">RESIDENTIAL / </a>
  386.                 <a href="#" data-filter=".places">FLEET / </a>
  387.                 <a href="#" data-filter=".food">CONSTRUCTION / </a>
  388.                 <a href="#" data-filter=".objects">INDUSTRIAL / </a>
  389.              
  390.             </div>
  391.             </div>
  392.             <div class="row">
  393.             <div class="portfolioContainer">
  394.            
  395.            
  396.                         <?php if( have_rows('f_projects','category_'.$catid) ):
  397.                             while ( have_rows('f_projects','category_'.$catid) ) : the_row(); ?>
  398.            
  399.            
  400.             <?php $classarray = get_sub_field('tab'); $class = implode(" ", $classarray);?>
  401.                  <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'); ?>">
  402.                    <div class="img">
  403.                    <a href="<?php the_sub_field('image'); ?>" class="group1 cboxElement">
  404.                     <img src="<?php the_sub_field('image'); ?>" alt="image" width="270" height="185" class="img-responsive"></div>
  405.                     </a>
  406.                    <div class="info">
  407.                    <div class="col-md-5 col-xs-5"></div>
  408.                    <div class="col-md-2 magnify col-xs-2">
  409.                    
  410.                      <img src="<?php bloginfo('template_url'); ?>/franchise_images/magnify.png" class="img-responsive" />
  411.                    </div>
  412.                    <div class="col-md-5 col-xs-5"></div>  
  413.                      
  414.                     </div></a>                 
  415.                 </div>  
  416.              
  417.                        <?php endwhile; endif; ?>
  418.  
  419.  
  420.              
  421.  
  422.                 </div>        
  423.         </div><span id="quote"></span>
  424.     </div>
  425. </div>
  426. </div>
  427. <!--------------------------------Gallary area end----------------------------->
  428.  
  429. <!--------------------------------request a quote area start--------------------------- -->
  430. <div id="quotelink" class="container-fluid quote-area">
  431.     <div class="container">
  432.         <div class="row top-spacing">
  433.             <div class="col-md-12 col-sm-12">
  434.                 <h2 class="text-center">Request A Quote</h2>
  435.             </div>
  436.     <?php the_field('bottom_form','category_'.$catid); ?>                
  437.         </div>
  438.     </div>
  439. </div>
  440. <!--------------------------------request a quote area end----------------------------->
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  <!-------------------------------testimonial area start------------------------------->
  447.   <div class="container-fluid  testimonial">
  448.   <div class="container" id="customer">
  449.     <div class="row">
  450.     <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12">
  451.        <h2 class="text-center">SEE WHAT OUR SATISFIED CUSTOMERS ARE SAYING</h2>
  452.        <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>
  453.     </div>
  454.       <div class="col-md-12 top-spacing col-sm-12 col-xs-12 col-lg-12">
  455.         <div class="owl-carousel2">
  456.           <?php if( have_rows('f_customers','category_'.$catid) ):
  457.     while ( have_rows('f_customers','category_'.$catid) ) : the_row(); ?>
  458.    
  459.           <div class="item">
  460.             <div class="col-md-10 col-sm-10 col-xs-12 col-lg-10">
  461.               <div class="text-center testi-txt"><?php the_sub_field('text','category_'.$catid); ?></div>
  462.               <p><?php the_sub_field('name','category_'.$catid); ?></p>
  463.             </div>
  464.             <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>
  465.           </div>
  466. <?php endwhile; endif; ?>
  467.         </div>
  468.       </div>
  469.     </div>
  470.   </div><span id="offers"></span>
  471.   </div>
  472. <!------------------------------testimonial area end---------------------------->
  473.  
  474. <!--------------------------------services 2nd area start----------------------------->
  475.  
  476. <!--------------------------------services 2nd area end----------------------------->
  477.  
  478.  
  479. <!--------------------------------Map area start------------------------------------>
  480.  
  481. <style type="text/css">
  482.  
  483. .acf-map {
  484.     width: 100%;
  485.     height: 400px;
  486.     border: #ccc solid 1px;
  487.     margin: 20px 0;
  488. }
  489.  
  490. </style>
  491.  
  492. <div class="container-fluid top-spacing">
  493.         <div class="row">
  494.                         <div class="col-md-12 col-sm-12 bottom-spacing">
  495.                 <h2 class="text-center"><?php the_field('map_title','category_'.$catid); ?></h2>
  496.                 </div>
  497.             <div class="col-md-12">
  498. <div class="acf-map">
  499.  
  500. <?php the_field('map_location','category_'.$catid); ?>
  501.  
  502. </div>
  503.         </div>
  504.         </div>
  505. </div>
  506. <!--------------------------------Map area end------------------------------------>
  507.  
  508. <!--------------------------------contact area start--------------------------------- -->
  509. <div id="contacts" class="container contact-area">
  510.     <div class="row">
  511.         <div class="col-md-4 col-sm-4 col-xs-12 col-lg-4">
  512.         <h3 class="text-center blue-txt">E-Mail</h3>
  513.         <p class="text-center"><a href="mailto:<?php the_field('f_email','category_'.$catid); ?>"><?php the_field('f_email','category_'.$catid); ?></a></p>
  514.         </div>
  515.         <div class="col-md-4 col-sm-4 col-xs-12 col-lg-4">
  516.         <h3 class="text-center blue-txt">Call Us</h3>
  517.         <p class="text-center number"><?php the_field('f_call_us','category_'.$catid); ?></p>
  518.         </div>
  519.         <div class="col-md-4 col-sm-4 col-xs-12 col-lg-4">
  520.         <h3 class="text-center blue-txt">Location</h3>
  521.         <p class="text-center"><?php the_field('f_location','category_'.$catid); ?></p>
  522.         </div>
  523.     </div>
  524.     </div>
  525.    
  526. <div class="bluelinesel"></div>
  527.     <div id="contacts" class="container contact-area">
  528.     <div class="row">
  529.  
  530. <?php if( have_rows('footer_logos','category_'.$catid) ):
  531.     while ( have_rows('footer_logos','category_'.$catid) ) : the_row(); ?>
  532. <div class="col-md-3 col-sm-3 col-xs-12 col-lg-3">
  533. <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" />
  534. </div>
  535.    <?php endwhile; endif; ?>
  536.  
  537.  
  538. </div>
  539. </div>
  540. <!--------------------------------contact area end----------------------------------->
  541.  
  542. <!--------------------------------footer area start--------------------------- -->
  543. <div class="container-fluid footer-area">
  544.     <div class="container">
  545.         <div class="row">
  546.             <div class="col-md-6">
  547.                 <p class="white-txt copy-right">© 2015 Sparkle Wash International</p>
  548.             </div>
  549.             <div class="col-md-6">
  550.                 <ul class="social pull-right">
  551.                     <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/franchise_images/fb.png" class="img-responsive" /></a></li>
  552.                     <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/franchise_images/twiter.png" class="img-responsive" /></a></li>
  553.                     <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/franchise_images/gplus.png" class="img-responsive" /></a></li>
  554.                 </ul>
  555.             </div>
  556.         </div>
  557.     </div>
  558. </div>
  559. <!--------------------------------footer area end--------------------------- -->
  560. <?php wp_footer(); ?>
  561. </body>
  562. </html>
  563.  
  564. <script>
  565. $(window).load(function(){
  566.     var $container = $('.portfolioContainer');
  567.     $container.isotope({
  568.         filter: '.commercial',
  569.         animationOptions: {
  570.             duration: 750,
  571.             easing: 'linear',
  572.             queue: false
  573.         }
  574.     });
  575.  
  576.     $('.portfolioFilter a').click(function(){
  577.         $('.portfolioFilter .current').removeClass('current');
  578.         $(this).addClass('current');
  579.  
  580.         var selector = $(this).attr('data-filter');
  581.         $container.isotope({
  582.             filter: selector,
  583.             animationOptions: {
  584.                 duration: 750,
  585.                 easing: 'linear',
  586.                 queue: false
  587.             }
  588.          });
  589.          return false;
  590.     });
  591. });
  592. </script>
  593.  
  594. <script>
  595. $(function() {
  596.   $('a[href*=#]:not([href=#])').click(function() {
  597.     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  598.       var target = $(this.hash);
  599.       target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  600.       if (target.length) {
  601.         $('html,body').animate({
  602.           scrollTop: target.offset().top
  603.         }, 1500);
  604.         return false;
  605.       }
  606.     }
  607.   });
  608. });
  609. </script>
  610.  
  611. <script>
  612. $('.owl-carousel2').owlCarousel({
  613.     loop:true,
  614.     margin:10,
  615.     nav:false,
  616.     dot:true,
  617.     autoplay:true,
  618.     responsive:{
  619.         0:{
  620.             items:1
  621.         },
  622.         600:{
  623.             items:1
  624.         },
  625.         1000:{
  626.             items:1
  627.         }
  628.     }
  629. })
  630. </script>
  631. <script>
  632. $('.owl-carousel').owlCarousel({
  633.      margin: 0,
  634.   loop: true,
  635.   items: 1,
  636.   stagePadding: 250,
  637.   nav: false,
  638.   dots:false,
  639.   responsiveClass:true,
  640.     responsive:{
  641.         0:{
  642.             items:1,
  643.             nav:false,
  644.             loop:true,
  645.               stagePadding: 0,
  646.         },
  647.                 1024:{
  648.             items:1,
  649.             nav:false,
  650.             loop:true,
  651.               stagePadding: 100,
  652.                 }
  653.     }
  654. })
  655. </script>
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!