<?php
   if ( ! defined( 'ABSPATH' ) ) {
     exit; // Exit if accessed directly
   }
   ?>
<?php get_header(); ?>
<?php $template_url = get_bloginfo ( 'template_url' ) . '/'; ?>
<?php 
   //to check if there is a post regarding the url access the page
   if (have_posts ()) :
     the_post(); 
   endif;
   $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' );
   if($url != "")
   {
   $img = $url; 
   }else{
   $img = $template_url."assets/images/breadcrumb/breadcrumb-1.png"; 
   }
?>
<!-- Breadcrumbs -->
<section class="breadcrumb-area" style="background-image: url(<?=$img?>);">
    <div class="banner-curve"></div>
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="inner-content clearfix text-center">
                    <div class="title wow slideInUp animated" data-wow-delay="0.3s" data-wow-duration="1500ms">
                       <h2><?php the_title();?><span class="dotted"></span></h2>
                    </div>
                    <div class="breadcrumb-menu wow slideInDown animated" data-wow-delay="0.3s" data-wow-duration="1500ms">
                        <ul class="clearfix">
                            <li><a href="<?php echo esc_url( home_url( '/' ) ); ?>">Home</a></li>
                            <li class="active"><?php the_title();?></li>
                        </ul>    
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--End breadcrumb area-->

<!--Start About Style2 Area-->
<section class="about-style2-area">
    <div class="container">
        <div class="row">
			  <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                <div class="video-holder-box style2 text-center" style="background-image: url(<?php the_field('first_section_image'); ?>)">
                </div>
            </div>
             <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                <div class="about-style1-content-box style1instyle2">
                    <div class="sec-title">
                        <h5>//<span><?php the_field('first_section_title'); ?></span>//</h5>
                        <h2> <?php the_field('first_section_second_title'); ?><span class="round-box zoominout"></span></h2>
                    </div> 
                    <div class="inner-content">
                        <div class="text">
							<?php the_field('first_section_content'); ?>
							</div>
                       
                    </div>   
                </div> 
            </div>
        </div>
    </div>
</section>


<div class="about-area" style="background: url(<?php echo get_stylesheet_directory_uri();?>/assets/images/breadcrumb/urgentcarebg.jpg) fixed;">
 <div class="container">
	<div class="row justify-content-center">
	   <div class="col-lg-12 col-md-12 col-12 text-center">
		  <div class="about_text">
			  <h4 class="text-white"><?php the_field('second_section_title'); ?></h4>
			  <p><?php the_field('second_section_content'); ?></p>

		  </div>
	   </div>
	</div>
 </div>
</div>	


<!--Start priceing plan Area-->
<section class="priceing-plan-area bg-light">
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="priceing-plan-content">
                    <div class="priceing-plan-tabs tabs-box">
                        <div class="tabs-content">
                            <!--Tab-->
                            <div class="tab active-tab" id="yearly">
                                <div class="priceing-plan-tab-content">
                                    <div class="row">
                                       <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                            <div class="single-priceing-plan-box style2">
                                                <div class="top">
                                                    <div class="left pull-left">
                                                        <a href="https://petinsuranceinfo.com/pet-health-insurance"><h2>Pet Health Insurance</h2></a>
                                                    </div>
                                                </div>
                                                <ul>
                                                    <a href="https://petinsuranceinfo.com/pet-health-insurance/basics"><li><h5>The Basics</h5><i class="fa fa-arrow-right" aria-hidden="true"></i>
													<p>What is pet insurance, terminology and FAQs</p>
													</li></a>
                                                    <a href="https://petinsuranceinfo.com/pet-health-insurance/why-buy"><li><h5>The Arguments For and Against Pet Insurance</h5><i class="fa fa-arrow-right" aria-hidden="true"></i>
													<p>What is pet insurance, terminology and FAQs</p>
													</li></a>
													<a href="https://petinsuranceinfo.com/pet-health-insurance/breed-guide"><li><h5>Breed Impact</h5><i class="fa fa-arrow-right" aria-hidden="true"></i>
													<p>What is pet insurance, terminology and FAQs</p>
													</li></a>
                                                </ul>
                                            </div>    
                                        </div>
                                        
                                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                            <div class="single-priceing-plan-box style3">
                                              <div class="top">
                                                    <div class="left pull-left">
                                                       <a href="https://petinsuranceinfo.com/plans-and-policies"> <h2>Plans & Policies</h2></a>
                                                    </div>
                                                </div>
                                                <ul>
                                                    <a href="https://petinsuranceinfo.com/plans-and-policies/coverage"><li><h5>Coverage</h5><i class="fa fa-arrow-right" aria-hidden="true"></i>
													<p>Types of coverage offered by insurance companies</p>
													</li></a>
                                                    <a href="https://petinsuranceinfo.com/plans-and-policies/choosing-a-plan"><li><h5>Choosing a Plan</h5><i class="fa fa-arrow-right" aria-hidden="true"></i>
													<p>What to consider when comparing plans</p>
													</li></a>
													<a href="https://petinsuranceinfo.com/plans-and-policies/how-it-works"><li><h5>How it Works</h5><i class="fa fa-arrow-right" aria-hidden="true"></i>
													<p>What to expect when buying pet insurance</p>
													</li></a>
                                                </ul> 
                                            </div>    
                                        </div>
                                        
                                    </div>     
                                </div>
                            </div>

                            <!--Tab-->
                            <div class="tab" id="monthly">
                                <div class="priceing-plan-tab-content">
                                    <div class="row">
                                        <div class="col-xl-4 col-lg-6 col-md-6">
                                            <div class="single-priceing-plan-box">
                                                <div class="top">
                                                    <div class="left pull-left">
                                                        <p>Basic</p>
                                                        <h2>Day Care</h2>
                                                    </div>
                                                    <div class="right pull-right">
                                                        <h2><span>$</span>49</h2>
                                                    </div>
                                                </div>
                                                <ul>
                                                    <li>Single room<span class="icon-tick"></span></li>
                                                    <li>SocialiseExcercise<span class="icon-tick"></span></li>
                                                    <li>Custom Meals<span class="icon-tick"></span></li>
                                                    <li>Spa and Grooming<span class="icon-tick"></span></li>
                                                    <li class="deactive">Excercise 2x<span class="icon-tick deactive"></span></li>
                                                    <li class="deactive">Custom Meals<span class="icon-tick deactive"></span></li>
                                                    <li class="deactive">Grooming 2x<span class="icon-tick deactive"></span></li>
                                                </ul>
                                                <div class="button">
                                                    <a class="btn-one" href="#">
                                                        <i class="fa fa-shopping-cart" aria-hidden="true"></i><span class="txt">Purchase Now</span>
                                                    </a>
                                                </div>
                                            </div>    
                                        </div>
                                        
                                        <div class="col-xl-4 col-lg-6 col-md-6">
                                            <div class="single-priceing-plan-box style2">
                                                <div class="top">
                                                    <div class="left pull-left">
                                                        <p>Exclusive</p>
                                                        <h2>2X Care</h2>
                                                    </div>
                                                    <div class="right pull-right">
                                                        <h2><span>$</span>69</h2>
                                                    </div>
                                                </div>
                                                <ul>
                                                    <li>Single room<span class="icon-tick"></span></li>
                                                    <li>SocialiseExcercise<span class="icon-tick"></span></li>
                                                    <li>Custom Meals<span class="icon-tick"></span></li>
                                                    <li>Spa and Grooming<span class="icon-tick"></span></li>
                                                    <li>Excercise 2x<span class="icon-tick"></span></li>
                                                    <li class="deactive">Custom Meals<span class="icon-tick deactive"></span></li>
                                                    <li class="deactive">Grooming 2x<span class="icon-tick deactive"></span></li>
                                                </ul>
                                                <div class="button">
                                                    <a class="btn-one" href="#">
                                                        <i class="fa fa-shopping-cart" aria-hidden="true"></i><span class="txt">Purchase Now</span>
                                                    </a>
                                                </div>
                                            </div>    
                                        </div>
                                        
                                        <div class="col-xl-4 col-lg-12 col-md-12">
                                            <div class="single-priceing-plan-box style3">
                                                <div class="top">
                                                    <div class="left pull-left">
                                                        <p>Exclusive</p>
                                                        <h2>2X Care</h2>
                                                    </div>
                                                    <div class="right pull-right">
                                                        <h2><span>$</span>69</h2>
                                                    </div>
                                                </div>
                                                <ul>
                                                    <li>Single room<span class="icon-tick"></span></li>
                                                    <li>SocialiseExcercise<span class="icon-tick"></span></li>
                                                    <li>Custom Meals<span class="icon-tick"></span></li>
                                                    <li>Spa and Grooming<span class="icon-tick"></span></li>
                                                    <li>Excercise 2x<span class="icon-tick"></span></li>
                                                    <li>Custom Meals<span class="icon-tick"></span></li>
                                                    <li>Grooming 2x<span class="icon-tick"></span></li>
                                                </ul>
                                                <div class="button">
                                                    <a class="btn-one" href="#">
                                                        <i class="fa fa-shopping-cart" aria-hidden="true"></i><span class="txt">Purchase Now</span>
                                                    </a>
                                                </div>
                                            </div>    
                                        </div>
                                        
                                    </div>     
                                </div>    
                            </div>
                            
                        </div>
                            
                    </div>
                </div>    
            </div>
        </div>
    </div>    
</section>
<!--End priceing plan Area-->

	


<!--Start Contact Form Style1 Area-->
<section class="contact-form-style1-area">
    <div class="contact-form-style1-bg" style="background-image: url(assets/images/shape/contact-form-style1-bg.png)"></div>
    <div class="container">
        <div class="sec-title text-center">
            <h2>You & Your Pet<span class="round-box zoominout"></span></h2>
        </div>
        <div class="row">
            <div class="col-xl-12">
                <div class="contact-form contact-page">
                    <div id="contact-form" name="contact_form" class="default-form2">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="input-box"> 
                                    <input type="text" name="form_name" value="" placeholder="Pet's Name" required="">
                                    <div class="icon">
                                        <span class="icon-dog"></span>
                                    </div> 
                                </div>    
                            </div>
							
							   <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="input-box" > 
                                    <select class="selectpicker" data-width="100%">
                                        <option selected="selected">Species</option>
                                          <option>Dog</option>
										  <option>Cat</option>
                                    </select>     
                                </div>      
                            </div>
							 <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="input-box" > 
                                    <select class="selectpicker" data-width="100%">
                                        <option selected="selected">Breed</option>
                                          <option>Afghan Hound</option>
										  <option>Airedale Terrier</option>
										  <option>Akbash</option>
										  <option>Akita</option>
										  <option>Akita Mix</option>
                                    </select>     
                                </div>      
                            </div>
							<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="input-box" > 
                                    <select class="selectpicker" data-width="100%">
                                        <option selected="selected">Gender</option>
                                          <option>Male</option>
										  <option>Female</option>
										  <option>Neutered Male</option>
										  <option>Spayed Female</option>
                                    </select>     
                                </div>      
                            </div>
							
					<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
					<div class="input-box" > 				
					<div class="field-items">
					<div class="field field-large">
					<input type="text" name="weight" id="weight" inputmode="numeric" placeholder="Your weight" pattern="[0-9]*">
					</div><!--  /.field-large -->
					<div class="field field-small">
					<select name="weight_unit">
					<option value="lb">lb</option>
					<option value="kg">kg</option>
					</select>
					</div><!--  /.field-small -->
					</div><!--  /.field-items -->
					</div>      
					</div>
							
						<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="input-box" > 
                                    <select class="selectpicker" data-width="100%">
                                        <option selected="selected">Age</option>
                                          <option>0-8 weeks</option>
										  <option>8 weeks-5 months</option>
										  <option>6-11 months</option>
										  <option>1 year</option>
										  <option>2 years</option>
										  <option>3 years</option>
										  <option>4 years</option>
										  <option>5 years</option>
										  <option>6 years</option>
										  <option>7 years</option>
										  <option>8 years</option>
										  <option>9 years</option>
										  <option>10 years</option>
										  <option>11 years</option>
										  <option>12 years</option>
										  <option>13 years</option>
										  <option>14 years</option>
                                    </select>     
                                </div>      
                            </div>	
							<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="input-box"> 
                                    <input type="text" name="form_name" value="" placeholder="First name" required="">
                                    <div class="icon">
                                        <span class="icon-user"></span>
                                    </div> 
                                </div>    
                            </div>
							<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="input-box"> 
                                    <input type="text" name="form_name" value="" placeholder="Last name" required="">
                                    <div class="icon">
                                        <span class="icon-user"></span>
                                    </div> 
                                </div>    
                            </div>
							 <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="input-box"> 
                                    <input type="email" name="form_email" value="" placeholder="Email address" required="">
                                    <div class="icon">
                                        <span class="icon-envelope"></span>
                                    </div> 
                                </div>     
                            </div>
							 <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="input-box"> 
                                    <input type="text" name="form_phone" value="" placeholder="Zip">
                                    <div class="icon">
                                        <span class="flaticon-pin"></span>
                                    </div> 
                                </div> 
                            </div>
                                <div class="col-xl-12"> 
								<p>PO box zip codes may not yield results from some providers.</p>
                            </div>
							
                        </div> 
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="button-box text-center">
                                    <input id="form_botcheck" name="form_botcheck" class="form-control" type="hidden" value="">
                                    <button class="btn-one gradient-bg-1" type="submit" data-loading-text="Please wait...">
                                        <span class="txt"><i class="icon-send"></i>Submit Now</span>
                                    </button> 
                                </div>
                            </div>
                        </div> 
                         
                    </div>
                </div>   
            </div>
        </div>
    </div>
</section>
<!--End Contact Form Style1 Area-->	
<?php get_footer(); ?>