<!DOCTYPE html>
<html class="full" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
{%- if block('title') is defined -%}
{{ block('title') }} | alphaWerk
{%- else -%}
alphaWerk
{%- endif -%}
</title>
<link rel="canonical" href="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
{% block stylesheets %}
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet"/>
<link href="{{ asset('css/main.css') }}" rel="stylesheet"/>
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet"/>
<link href="{{ asset('css/prism.css') }}" rel="stylesheet"/>
{% endblock %}
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
{# <!--[if lt IE 9]> #}
{# <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> #}
{# <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> #}
{# <![endif]--> #}
<!-- Fav and touch icons -->
<link rel="apple-touch-icon" sizes="57x57" href="{{ asset('/apple-icon-57x57.png') }}">
<link rel="apple-touch-icon" sizes="60x60" href="{{ asset('/apple-icon-60x60.png') }}">
<link rel="apple-touch-icon" sizes="72x72" href="{{ asset('/apple-icon-72x72.png') }}">
<link rel="apple-touch-icon" sizes="76x76" href="{{ asset('/apple-icon-76x76.png') }}">
<link rel="apple-touch-icon" sizes="114x114" href="{{ asset('/apple-icon-114x114.png') }}">
<link rel="apple-touch-icon" sizes="120x120" href="{{ asset('/apple-icon-120x120.png') }}">
<link rel="apple-touch-icon" sizes="144x144" href="{{ asset('/apple-icon-144x144.png') }}">
<link rel="apple-touch-icon" sizes="152x152" href="{{ asset('/apple-icon-152x152.png') }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/apple-icon-180x180.png') }}">
<link rel="icon" type="image/png" sizes="192x192" href="{{ asset('/android-icon-192x192.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="96x96" href="{{ asset('/favicon-96x96.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('manifest.json') }}">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
{% block headjs %}
{% endblock %}
</head>
<body data-spy="scroll" data-target=".navbar" role="document">
<header class="d-flex flex-wrap justify-content-center bg-body-tertiary sticky-top py-3 pe-5 mb-4">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
<svg class="bi me-2" width="40" height="32">
<use xlink:href="#bootstrap"></use>
</svg>
<span class="fs-4">αlphaWerk</span>
</a>
<ul class="nav nav-pills">
{% for page in otherNav %}
<li class="nav-item">
<a href="{% if block('homeClass') is not defined %}{{ path('home') }}{% endif %}#{{ page.slug }}"
class="nav-link link-body-emphasis"
id="{{ page.slug }}-scroll">{{ page.name }}</a>
</li>
{% endfor %}
{% for page in mainNav %}
<li class="nav-item">
<a href="{{ path(page.slug) }}" class="nav-link link-body-emphasis">{{ page.name }}</a>
</li>
{% endfor %}
<li class="nav-item">
<a href="{% if block('homeClass') is not defined %}{{ path('home') }}{% endif %}#contact"
id="contact-scroll" class="nav-link link-body-emphasis">Contact</a>
</li>
</ul>
</header>
{% block body %}
{% endblock %}
<section id="footer">
<div class="row">
<div class="container">
<div class="col-md-12">
<p class="pull-right">
Made with <span class="footer-heart">❤</span> in Birmingham
</p>
<p>© αlphaWerk Ltd. {{ 'now'|date('Y') }}</p>
</div>
</div>
</div> <!-- /container -->
</section>
{% block javascripts %}
<script src="{{ asset('js/jquery-min.js') }}"></script>
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/holder.js') }}"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3Q07QWW9FJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3Q07QWW9FJ');
</script>
{% endblock %}
</body>
</html>