{#
 # Homepage template
 # ---------------
 #
 # When this template gets loaded, it will be because someone has accessed
 # http://yoursite.com/ (without any URI). Craft checks to see if you have
 # a Single section set to be the Homepage (as you do, by default), and
 # loads the section’s Template (this file). A special ‘entry’ variable
 # will already be set for you, assigned to the Homepage entry.
 #
 # It's worth noting that even if you didn't have a Homepage Single section,
 # as long as this template remains at craft/templates/index.html, it
 # would still be the one to get loaded when accessing http://yoursite.com/,
 # albeit without an ‘entry’ variable already set for you.
 #
 # See this page for more details on how Craft routes requests:
 # http://craftcms.com/docs/routing
 #}

	{% set metaTitle = 'Handyman Services Ferndale, WA' %}
{% set metaDescription = 'We offer handyman services including exterior/interior painting, trim/moulding work, bathroom re-caulking, siding repair, decks and fencing, and more! Call us at 360-3862' %}

{% extends "_layout" %}

{% block content %}
{% cache %}
    <!-- Carousel Start -->
      
    <!-- Service Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="section-title text-center">
                <h1 class="display-5 mb-5">Our Services</h1>
                
              
            </div>
             <p class="d-block text-center mb-4"> <a href="/contact" class="btn btn-info text-center">Request An Estimate</a></p>
            <div class="row g-4">
            
            {% set homepage = craft.entries.section('homepage').type('homepage').all() %}
        
            {% for entry in homepage %}
       
            	{% for service in entry.servicesHomepage%}
            	
        
	            <div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.2s">
                    <div class="service-item border border-5 border-light border-top-0 h-100">
                        <div class="overflow-hidden">
                        	{% if service.serviceImage|length %}
                        	{%set simage = service.serviceImage.one() %}
                            <img class="img-fluid max-height250" src="{{simage.getUrl('smallImages')}}" alt="{{simage.title}}">
                            {% endif %}
                        </div>
                        <div class="p-4 text-center=">
                            <h4 class="mb-3">{{service.serviceName}}</h4>
                            
                            <p>{{service.serviceDescription}}</p>
                           {% if service.serviceEntry|length %}
                           {% for entry in service.serviceEntry %}
                            	<a class="fw-medium" href="{{entry.uri}}" >View our {{entry.title|lower}} projects<i class="fa fa-arrow-right ms-2"></i></a>
                            {% endfor %}
                            {% endif %} 
                        </div>
                    </div>
                </div>
                {% endfor %}
                {% endfor %}
                
                
                           </div>
        </div>
    </div>
       </div>
 {% endcache %}
{% endblock %}