28 lines
855 B
HTML
28 lines
855 B
HTML
{% extends "base.html" %}
|
|
{% block content %}
|
|
|
|
<section id="contact-page">
|
|
<h1 class="mx-6 mt-3 text-4xl text-blue-950 font-extrabold lg:mx-auto max-w-read">
|
|
Contact
|
|
</h1>
|
|
|
|
<ul class="mx-6">
|
|
{% for link in links %}
|
|
<li class="my-2 sm:my-4 lg:my-6 max-w-[32rem] mx-auto">
|
|
<a
|
|
class="flex border-2 place-content-center items-center rounded-full text-blue-900 border-blue-500 py-2 sm:py-4 hover:bg-pink-200 fill-blue-900 hover:fill-blue-400 transition-colors no-underline"
|
|
href="{{link.href}}"
|
|
title="{{link.title}}"
|
|
>
|
|
<svg aria-hidden="true" class="h-6 w-6 mx-2 self-start">
|
|
<use xlink:href="/svg/icons-sprite.svg#{{link.svg}}" />
|
|
</svg>
|
|
<span class="text-lg font-semibold">{{link.label}}</span>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</section>
|
|
|
|
{% endblock %}
|