Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- /*
- Template Name: Franchise Main
- */
- ?>
- <?php get_header('franchise'); ?>
- <style>
- #home {
- background: url(<?php the_field('fbimage3', 'options'); ?>) 50% 0 fixed;
- height: auto;
- margin: 0 auto;
- width: 100%;
- position: relative;
- padding: 20px 0;
- background-position:center;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- width: 100%;
- }
- </style>
- <style>
- #gform_submit_button_3{
- background-color: red;
- width: 100%;
- border: 0px;
- border-radius: 0px;
- color: white;
- font-family: bebas-neue;
- font-size: 30px;
- }
- #field_3_1 > label,#field_3_2 > label,#field_3_3 > label,#field_3_4 > label,#field_3_5 > label{
- display: none;
- }
- input[type="text"]{
- background: rgba(195, 195, 195, 0.01);
- border: 1px solid white;
- color: white;
- width: 100% !important;
- }
- ::-webkit-input-placeholder { /* WebKit browsers */
- color: white;
- }
- :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
- color: white;
- opacity: 1;
- }
- ::-moz-placeholder { /* Mozilla Firefox 19+ */
- color: white;
- opacity: 1;
- }
- :-ms-input-placeholder { /* Internet Explorer 10+ */
- color: white;
- }
- </style>
- <!--------------------------------parallax area start--------------------------- -->
- <section id="home" class="section" data-stellar-background-ratio="0.5">
- <div class="container">
- <div class="row">
- <div class="col-md-7 big-word">
- <h1>
- <?php the_field('f_search_title','options'); ?>
- </h1>
- </div>
- <div class="col-md-5 formarea">
- <div class="form-group">
- <?php echo do_shortcode('[gravityform id="3" title="false" description="true"]'); ?>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!--------------------------------parallax area end----------------------------->
- <!--------------------------------welcome area start--------------------------- -->
- <div class="container-fluid welcome-area">
- <div class="container">
- <div class="row">
- <div class="col-md-12 col-sm-12">
- <h2 class="text-center"><?php the_field('f_welcome_title','options'); ?>
- </h2>
- </div>
- </div>
- <div class="row top-spacing">
- <div class="col-md-8 col-sm-8 col-xs-12">
- <div class="sub-text"><?php the_field('f_left_content','options'); ?></div>
- <button type="button" class="btn btn-danger col-md-6 recieve-butn col-xs-12">COMPLIMENTRY ESTIMATE</button>
- </div>
- <div class="col-md-4 col-sm-4 col-xs-12" id="top-spacing"><span id="service"></span>
- <div class="sub-text"><?php the_field('f_right_content','options'); ?></div>
- <a href="#quote">
- </a>
- </div>
- </div>
- </div>
- </div>
- <!--------------------------------welcome area end----------------------------->
- <!--------------------------------Our service area start--------------------------- -->
- <div class="container-fluid services">
- <div class="container">
- <div class="row top-spacing">
- <div class="col-md-12 col-sm-12">
- <h2 class="text-center">Multi-Industry Pressure Washing Experts </h2>
- </div>
- <?php $i=0; if( have_rows('f_services_blocks','options') ):
- while ( have_rows('f_services_blocks','options') ) : the_row(); ?>
- <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12 indexing">
- <div class="col-md-12 gray_bg col-lg-12 col-sm-12 col-xs-12 left_spacing right_spacing top-border">
- <img src="<?php the_sub_field('image'); ?>" class="img-responsive image hidden-xs" />
- <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12">
- <p class="service_txt text-center"><a href="<?php the_sub_field('url'); ?>"><?php the_sub_field('title'); ?></a></p>
- <?php the_sub_field('text'); ?>
- <a href="#gallary">
- <button type="button" class="btn btn-danger recieve-butn center-block top-spacing">View Featured Projects</button>
- </a>
- </div>
- </div>
- </div>
- <?php $i++; if ($i == 3): ?>
- <div class="clearfix"></div>
- <?php $i=0; endif; ?>
- <?php endwhile; endif; ?>
- </div>
- </div>
- </div>
- <!--------------------------------Our service area end----------------------------
- <!--------------------------------Gallary area start--------------------------- -->
- <div class="container-fluid gallery">
- <span id="gallary"></span>
- <div class="container">
- <div class="row">
- <div class="col-md-12 col-sm-12">
- <h2 class="text-center">FEATURED PROJECTS</h2>
- </div>
- <div class="row">
- <div class="portfolioFilter text-center">
- <a href="#" class="current" data-filter=".commercial">COMMERCIAL / </a>
- <a href="#" data-filter=".people">RESIDENTIAL / </a>
- <a href="#" data-filter=".places">FLEET / </a>
- <a href="#" data-filter=".food">CONSTRUCTION / </a>
- <a href="#" data-filter=".objects">INDUSTRIAL / </a>
- </div>
- </div>
- <div class="row">
- <div class="portfolioContainer">
- <?php if( have_rows('f_projects','options') ):
- while ( have_rows('f_projects','options') ) : the_row(); ?>
- <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'); ?>">
- <div class="img">
- <a href="<?php the_sub_field('image'); ?>" class="group1 cboxElement">
- <img src="<?php the_sub_field('image'); ?>" alt="image" width="270" height="185" class="img-responsive"></div>
- </a>
- <div class="info">
- <div class="col-md-5 col-xs-5"></div>
- <div class="col-md-2 magnify col-xs-2">
- <img src="<?php bloginfo('template_url'); ?>/franchise_images/magnify.png" class="img-responsive" />
- </div>
- <div class="col-md-5 col-xs-5"></div>
- </div></a>
- </div>
- <?php endwhile; endif; ?>
- </div>
- </div><span id="quote"></span>
- </div>
- </div>
- </div>
- <!--------------------------------Gallary area end----------------------------->
- <!--------------------------------request a quote area start--------------------------- -->
- <div class="container-fluid quote-area">
- <div class="container">
- <div class="row top-spacing">
- <div class="col-md-12 col-sm-12">
- <h2 class="text-center">Request A Quote</h2>
- </div>
- <?php echo do_shortcode('[gravityform id="1" title="false" description="true"]'); ?>
- </div>
- </div>
- </div>
- <!--------------------------------request a quote area end----------------------------->
- <!-------------------------------testimonial area start------------------------------->
- <div class="container-fluid testimonial">
- <div class="container">
- <div class="row">
- <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12">
- <h2 class="text-center">SEE WHAT OUR SATISFIED CUSTOMERS ARE SAYING</h2>
- <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>
- </div>
- <div class="col-md-12 top-spacing col-sm-12 col-xs-12 col-lg-12">
- <div class="owl-carousel2">
- <?php if( have_rows('f_customers','options') ):
- while ( have_rows('f_customers','options') ) : the_row(); ?>
- <div class="item">
- <div class="col-md-10 col-sm-10 col-xs-12 col-lg-10">
- <div class="text-center testi-txt"><?php the_sub_field('text','options'); ?></div>
- <p><?php the_sub_field('name','options'); ?></p>
- </div>
- <div class="col-md-2 col-sm-2 col-xs-12 col-lg-2"> <img src="<?php the_sub_field('photo','options'); ?>" class="img-responsive" /> </div>
- </div>
- <?php endwhile; endif; ?>
- </div>
- </div>
- </div>
- </div><span id="offers"></span>
- </div>
- <!------------------------------testimonial area end---------------------------->
- <!--------------------------------services 2nd area start----------------------------->
- <div class="container-fluid">
- <div class="row">
- <div class="col-md-12 col-sm-12 bottom-spacing">
- <h2 class="text-center">Some Heading here (special offers)</h2>
- </div>
- <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 ">
- <div class="owl-carousel">
- <?php if( have_rows('fcorusel', 'options') ):
- while ( have_rows('fcorusel', 'options') ) : the_row(); ?>
- <div class="owl-item">
- <div class="col-md-4 blue-bg-area col-lg-4 col-sm-4 col-xs-12">
- <div class="service-heading"><?php the_sub_field('fblueblock_title'); ?></div>
- <div class="service-sub"><?php the_sub_field('fblueblock_text'); ?></div>
- </div>
- <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12" >
- <div class="col-md-12 left-spacing right-spacing col-sm-12 col-xs-12 hidden-xs">
- <img src="<?php the_sub_field('fimage_1'); ?>" class="img-responsive" />
- </div>
- <div class="col-md-12 left-spacing right-spacing red-service-area col-lg-12 col-sm-12" col-xs-12>
- <div class="service-heading text-center"><?php the_sub_field('fblock_1_title'); ?></div>
- <div class="service-sub text-center"><?php the_sub_field('fblock_1_text'); ?> </div>
- </div>
- </div>
- <div class="col-md-4 left-spacing col-lg-4 col-sm-4 col-xs-12">
- <div class="col-md-12 left-spacing right-spacing red-service-area2">
- <div class="service-heading text-center"><?php the_sub_field('fblock_2_title'); ?></div>
- <div class="service-sub text-center"><?php the_sub_field('fblock_2_text'); ?></div>
- </div>
- <div class="col-md-12 left-spacing right-spacing cleang3 col-lg-12 col-sm-12 hidden-xs">
- <img src="<?php the_sub_field('fimage_2'); ?>" class="img-responsive" />
- </div>
- </div>
- </div>
- <?php endwhile; endif; ?>
- </div>
- <!--owl end-->
- </div>
- </div>
- </div>
- <!--------------------------------services 2nd area end----------------------------->
- <!--------------------------------Map area start------------------------------------>
- <style type="text/css">
- .acf-map {
- width: 100%;
- height: 400px;
- border: #ccc solid 1px;
- margin: 20px 0;
- }
- </style>
- <script type="text/javascript">
- (function($) {
- /*
- * render_map
- *
- * This function will render a Google Map onto the selected jQuery element
- *
- * @type function
- * @date 8/11/2013
- * @since 4.3.0
- *
- * @param $el (jQuery element)
- * @return n/a
- */
- function render_map( $el ) {
- // var
- var $markers = $el.find('.marker');
- // vars
- var args = {
- zoom : 16,
- center : new google.maps.LatLng(0, 0),
- mapTypeId : google.maps.MapTypeId.ROADMAP
- };
- // create map
- var map = new google.maps.Map( $el[0], args);
- // add a markers reference
- map.markers = [];
- // add markers
- $markers.each(function(){
- add_marker( $(this), map );
- });
- // center map
- center_map( map );
- }
- /*
- * add_marker
- *
- * This function will add a marker to the selected Google Map
- *
- * @type function
- * @date 8/11/2013
- * @since 4.3.0
- *
- * @param $marker (jQuery element)
- * @param map (Google Map object)
- * @return n/a
- */
- function add_marker( $marker, map ) {
- // var
- var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );
- // create marker
- var marker = new google.maps.Marker({
- position : latlng,
- map : map
- });
- // add to array
- map.markers.push( marker );
- // if marker contains HTML, add it to an infoWindow
- if( $marker.html() )
- {
- // create info window
- var infowindow = new google.maps.InfoWindow({
- content : $marker.html()
- });
- // show info window when marker is clicked
- google.maps.event.addListener(marker, 'click', function() {
- infowindow.open( map, marker );
- });
- }
- }
- /*
- * center_map
- *
- * This function will center the map, showing all markers attached to this map
- *
- * @type function
- * @date 8/11/2013
- * @since 4.3.0
- *
- * @param map (Google Map object)
- * @return n/a
- */
- function center_map( map ) {
- // vars
- var bounds = new google.maps.LatLngBounds();
- // loop through all markers and create bounds
- $.each( map.markers, function( i, marker ){
- var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );
- bounds.extend( latlng );
- });
- // only 1 marker?
- if( map.markers.length == 1 )
- {
- // set center of map
- map.setCenter( bounds.getCenter() );
- map.setZoom( 16 );
- }
- else
- {
- // fit to bounds
- map.fitBounds( bounds );
- }
- }
- /*
- * document ready
- *
- * This function will render each map when the document is ready (page has loaded)
- *
- * @type function
- * @date 8/11/2013
- * @since 5.0.0
- *
- * @param n/a
- * @return n/a
- */
- $(document).ready(function(){
- $('.acf-map').each(function(){
- render_map( $(this) );
- });
- });
- })(jQuery);
- </script>
- <div class="container-fluid top-spacing">
- <div class="row">
- <div class="col-md-12 col-sm-12 bottom-spacing">
- <h2 class="text-center"><?php the_field('map_title','options'); ?></h2>
- </div>
- <div class="col-md-12">
- <?php
- $location = get_field('map','options');
- if( !empty($location) ):
- ?>
- <div class="acf-map">
- <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div>
- </div>
- <?php endif; ?>
- </div>
- </div>
- </div>
- <!--------------------------------Map area end------------------------------------>
- <!--------------------------------contact area start--------------------------------- -->
- <div id="contacts" class="container contact-area">
- <div class="row">
- <div class="col-md-4 col-sm-4 col-xs-12 col-lg-4">
- <h3 class="text-center blue-txt">E-Mail</h3>
- <p class="text-center"><?php the_field('f_email','options'); ?></p>
- </div>
- <div class="col-md-4 col-sm-4 col-xs-12 col-lg-4">
- <h3 class="text-center blue-txt">Call Us</h3>
- <p class="text-center number"><?php the_field('f_call_us','options'); ?></p>
- </div>
- <div class="col-md-4 col-sm-4 col-xs-12 col-lg-4">
- <h3 class="text-center blue-txt">Location</h3>
- <p class="text-center"><?php the_field('f_location','options'); ?></p>
- </div>
- </div>
- </div>
- <div class="bluelinesel"></div>
- <div id="contacts" class="container contact-area">
- <div class="row">
- <?php if( have_rows('footer_logos','options') ):
- while ( have_rows('footer_logos','options') ) : the_row(); ?>
- <div class="col-md-3 col-sm-3 col-xs-12 col-lg-3">
- <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" />
- </div>
- <?php endwhile; endif; ?>
- </div>
- </div>
- <!--------------------------------contact area end----------------------------------->
- <!--------------------------------footer area start--------------------------- -->
- <div class="container-fluid footer-area">
- <div class="container">
- <div class="row">
- <div class="col-md-6">
- <p class="white-txt copy-right">© 2015 Sparkle Wash International</p>
- </div>
- <div class="col-md-6">
- <ul class="social pull-right">
- <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/franchise_images/fb.png" class="img-responsive" /></a></li>
- <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/franchise_images/twiter.png" class="img-responsive" /></a></li>
- <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/franchise_images/gplus.png" class="img-responsive" /></a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <!--------------------------------footer area end--------------------------- -->
- <?php wp_footer(); ?>
- </body>
- </html>
- <script>
- $(window).load(function(){
- var $container = $('.portfolioContainer');
- $container.isotope({
- filter: '.commercial',
- animationOptions: {
- duration: 750,
- easing: 'linear',
- queue: false
- }
- });
- $('.portfolioFilter a').click(function(){
- $('.portfolioFilter .current').removeClass('current');
- $(this).addClass('current');
- var selector = $(this).attr('data-filter');
- $container.isotope({
- filter: selector,
- animationOptions: {
- duration: 750,
- easing: 'linear',
- queue: false
- }
- });
- return false;
- });
- });
- </script>
- <script>
- function initialize() {
- var mapProp = {
- center:new google.maps.LatLng(40.805478,-73.96522499999998),
- zoom:5,
- mapTypeId:google.maps.MapTypeId.ROADMAP
- };
- var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
- }
- google.maps.event.addDomListener(window, 'load', initialize);
- </script>
- <script>
- var fixmeTop = $('.header').offset().top;
- $(window).scroll(function() {
- var currentScroll = $(window).scrollTop();
- if (currentScroll >= fixmeTop) {
- $('.header').css({
- position: 'fixed',
- top: '0',
- left: '0',
- transition:'2s',
- width: '100%'
- });
- } else {
- $('.header').css({
- position: 'static',
- });
- }
- });
- </script>
- <script>
- $(function() {
- $('a[href*=#]:not([href=#])').click(function() {
- if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
- var target = $(this.hash);
- target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
- if (target.length) {
- $('html,body').animate({
- scrollTop: target.offset().top
- }, 1500);
- return false;
- }
- }
- });
- });
- </script>
- <script>
- $('.owl-carousel2').owlCarousel({
- loop:true,
- margin:10,
- nav:false,
- dot:true,
- autoplay:true,
- responsive:{
- 0:{
- items:1
- },
- 600:{
- items:1
- },
- 1000:{
- items:1
- }
- }
- })
- </script>
- <script>
- $('.owl-carousel').owlCarousel({
- margin: 0,
- loop: true,
- items: 1,
- stagePadding: 250,
- nav: false,
- dots:false,
- responsiveClass:true,
- responsive:{
- 0:{
- items:1,
- nav:false,
- loop:true,
- stagePadding: 0,
- },
- 1024:{
- items:1,
- nav:false,
- loop:true,
- stagePadding: 100,
- }
- }
- })
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement