@extends('users.layouts.index')
@section('page_content')
<link href="{{ asset('css/faq.css') }}" rel="stylesheet">
    {{-- <div class="container-fluid faq_header">
        <h4 class="text-center heading">FREQUENTLY ASKED QUESTIONS (FAQ’s)</h4>


        </div> --}}

<section id="faq">

        <div class="jumbotron jumbotron-fluid overlay-primary"
    style="background-image:url(https://nofearpetmats.com/wp-content/themes/nofear/img/hero-inner.jpg)">
        <section class="MYYcontainer">
            {{-- <div class="wave"></div> --}}
            <div class="jumbo-heading">
                {{-- <h4 class="text-center heading">FREQUENTLY ASKED QUESTIONS (FAQ’s)</h4> --}}
            </div>
          </section>
        </div>
    <div class="divider-zindex-top">
        <img src="https://nofearpetmats.com/wp-content/themes/nofear/img/svg/top-divider.svg" alt="">
    </div>

    <div class="container faq_quesArea">


			<div class="row">
				<div class="col-sm-12">
					<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

						<div class="panel panel-default">
							<div class="panel-heading btn_ques" role="tab" id="headingOne">
								<h4 class="panel-title">
									<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="">
										<i class="more-less glyphicon glyphicon-minus pull-right"></i>
										Q.Where can I purchase NoFear Pet Mats?
									</a>
								</h4>
							</div>
							<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne" aria-expanded="true" style="">
								<div class="panel-body">
                                    <p>NoFear Pet Mats are currently available for purchase through our secure website, by emailing</p>
									<p>your order at  info@nofearpetmats.com by calling our toll free number 800-616-7674.  In stock items are typically shipped out within two business days.</p>
								</div>
							</div>
						</div>

						<div class="panel panel-default">
							<div class="panel-heading" role="tab" id="headingTwo">
								<h4 class="panel-title">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
										<i class="more-less glyphicon glyphicon-plus"></i>
										Q. What colors are available?
									</a>
								</h4>
							</div>
							<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="false" style="height: 0px;">
								<div class="panel-body">
                                    <p>NoFear Pet Mats are currently available in the following colors:</p>
                                    <p>- White with black paw prints</p>
                                    <p>- White with navy paw prints</p>
                                    <p>- Hot pink with black paw prints </p>
                                    <p>- Yellow with black paw prints</p>
                                    <p>- Light blue with black paw prints</p>
                                    <p>- Navy with white paw prints</p>
                                    <p>Our mats can be produced in a variety of additional colors. If you would like a specific color,
                                     simply provide the pantone code and we can tell you whether that color is available.
                                     <a href="{{asset('user/shop')}}">Products Page </a>


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

						<div class="panel panel-default">
							<div class="panel-heading" role="tab" id="headingThree">
								<h4 class="panel-title">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
										<i class="more-less glyphicon glyphicon-plus"></i>
										Q. Can the mats be customized?

									</a>
								</h4>
							</div>
							<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree" aria-expanded="false" style="height: 0px;">
								<div class="panel-body">
                                    Absolutely. We can produce custom mats with high resolution artwork provided by you. Customization requires a 10-mat minimum order, and a six-week lead time from the date you approve the final proof.
                                <p> <a href="{{asset('user/customization')}}">Check out our customization page!</a></p>

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

                        <div class="panel panel-default">
							<div class="panel-heading" role="tab" id="headingFour">
								<h4 class="panel-title">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
										<i class="more-less glyphicon glyphicon-plus"></i>
										Q. How should I clean my NoFear Pet Mats?


									</a>
								</h4>
							</div>
							<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour" aria-expanded="false" style="height: 0px;">
								<div class="panel-body">
								. NoFear Pet Mats can be easily wiped down with a household disinfectant, or hand washed with soap and water.
								 The heavy-duty mats withstand a variety of veterinary cleaning chemicals.

                               </div>
							</div>
                        </div>
                        <div class="panel panel-default">
							<div class="panel-heading" role="tab" id="headingFive">
								<h4 class="panel-title">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
										<i class="more-less glyphicon glyphicon-plus"></i>
										Q.: How can pet owners use NoFear Pet Mats?


									</a>
								</h4>
							</div>
							<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive" aria-expanded="false" style="height: 0px;">
								<div class="panel-body">
                                <p>-

								Our mats have a variety of uses outside veterinary practices and
								pet care facilities. NoFear Pet Mats make great travel mats, as
								they are easy to transport and provide insulation from the bare
								ground or hard floors. Because our mats are so easy to clean,
								they work great as a kennel liner. They can also be used on grooming tables,
								 or for home exams. NoFear Pet Mats can be used for feeding older or arthritic
                                 pets—the mats hold food and water dishes securely, and the pet stands on the
                                 mat as they eat, avoiding slippery floors and unsure footing.



								</p>
                                <!-- <p>- Make a great food and water station at home as these hold the dishes securely. </p>
                                <p>- Ease of cleaning makes them a great choice as a kennel liner. </p>
                                <p>- Grooming tables: Provide great footing to the animal on grooming tables. </p> -->
                               </div>
							</div>
                        </div>

                        <div class="panel panel-default">
							<div class="panel-heading" role="tab" id="headingSix">
								<h4 class="panel-title">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
										<i class="more-less glyphicon glyphicon-plus"></i>
										Q. What size mats are available?

									</a>
								</h4>
							</div>
							<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix" aria-expanded="false" style="height: 0px;">
								<div class="panel-body">
                                <p>
								Our mats are available in a variety of sizes.
								Please check out our Shop page to view all sizes and colors.
								 Custom mats
								are also available—please contact us if you need a size
								 that is not listed.
                                </p>


								<p> <a href="{{asset('user/customization')}}"> Check out our custom mats here!</a></p>

					        <!-- <p>23″x36″  for exam tables </p>
                                <p>20″x40″  for  walk on scales </p>
                                <p>Custom sizes are available Check out our custom mats here!</p> -->
                               </div>
							</div>
                        </div>

                        <div class="panel panel-default">
							<div class="panel-heading" role="tab" id="headingSeven">
								<h4 class="panel-title">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
										<i class="more-less glyphicon glyphicon-plus"></i>
										Q.How long do the mats last?

									</a>
								</h4>
							</div>
							<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven" aria-expanded="false" style="height: 0px;">
								<div class="panel-body">
                                  <p>
								  Although no product lasts forever, our mats last a long time
								  in busy veterinary practices. If used for the designed purpose,
								   the mats should provide you with years of reliable use.
								 </p>
                               </div>
							</div>
                        </div>

                        <div class="panel panel-default">
							<div class="panel-heading" role="tab" id="headingEight">
								<h4 class="panel-title">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
										<i class="more-less glyphicon glyphicon-plus"></i>
										Q. Are your mats guaranteed?

									</a>
								</h4>
							</div>
							<div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight" aria-expanded="false" style="height: 0px;">
								<div class="panel-body">
                                  <p>
								  Our product is the best in the industry,
								   and we stand behind it. We guarantee our mats
								   against any manufacturing defect upon receipt,
								    and will refund your full cost if a defect is found.
								</p>
								<p>
								This guarantee does not apply to custom mats.
                                 </p>
                               </div>
							</div>
                        </div>
                        <div class="col-md-6 shopformatTXT">
                            <h1><strong>Shop Our Mats</strong></h1>
                            <p>
                                NoFear Pet Mats are an innovative product designed to give pets confidence and security,
                                 and improve their experience in your facility. Calmer pets equal easier visits and happier clients—see
                                  the difference for yourself. Our mats are available in a variety of colors and sizes,
                                and are completely customizable. Order via our website, email us at info@nofearpetmats.com, or call 800-616-7674. 
                            </p>

                        </div>







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


        <script>
function toggleIcon(e) {
    $(e.target)
        .prev('.panel-heading')
        .find(".more-less")
        .toggleClass('glyphicon-plus glyphicon-minus');
}
$('.panel-group').on('hidden.bs.collapse', toggleIcon);
$('.panel-group').on('shown.bs.collapse', toggleIcon);
</script>


</section>

@endsection