index.html

---
layout: default
overtitle: WooCommerce & WordPress
title: Plugins, themes and webdesign services
description: We create efficient products and custom solutions that drive results to your online store.
featured_image: /images/social.jpg
---

<div class="page-home">

	{% if site.data.settings.hero_settings.background_image %}
	<img src="{{ site.data.settings.hero_settings.background_image | relative_url }}" class="hero__background" draggable="false">
	{% endif %}

	<section class="hero">
		<div class="wrap grid">
			<div class="title">
				<p class="subtitle">{{ page.overtitle }}</p>
				<h1>{{ page.title }}</h1>
			</div>

			<p class="intro subtitle--light">
				{{ page.description }}
				<a href="#" class="hero__cta button--fill contact-trigger js-contact">Get In Touch</a>
			</p>
		</div>
	</section>

	<section class="listing">
		<h2 class="screen-reader-text">Projects</h2>
		<div class="wrap">
			{% for project in site.projects reversed %}

			{% if project.accent_color %}{% capture accent_color %}{{ project.accent_color }}{% endcapture %}{% endif %}

			<article class="project__preview">
				<h3 class="project__title"><a href="{{ project.url | relative_url }}" style="--accent: {{ accent_color }}">{{ project.title }}</a></h3>

				<div class="project__images owl-carousel" style="--accent: {{ accent_color }}">
					{% for image in project.gallery_images %}
					{% if project.action_url %}{% else %}<a href="{{ project.url | relative_url }}">{% endif %}<img src="{{ '/images/projects/' | relative_url}}{{ image }}" alt="" class="project__image">{% if project.action_url %}{% else %}</a>{% endif %}
					{% endfor %}
				</div>

				<div class="project__content grid" style="border-color: {{ accent_color }}">
					<p class="project__subtitle subtitle--light">{{ project.subtitle }}</p>
					<p class="project__description --small">
						{{ project.description }}
						<a href="{% if project.action_url %}{{ project.action_url }}{% else %}{{ project.url | relative_url }}{% endif %}" class="project__link button--text --right"
							style="color: {{ accent_color }}; --color-var: {{ accent_color }}">{% if project.action_label %}{{ project.action_label }}{% else %}View case study{% endif %}</a>
					</p>
				</div>
			</article>

			{% endfor %}
		</div>
	</section>

	{% include section__about.html %}

</div>