sharks.html

---
layout: default
title: Shark corner
permalink: /sharks/
---

<div class="container my-3">
    <h1 class="display-4">Shark <span class="text-gradient purple-pink">corner</span>.</h1>
</div>

<section class="stripe text-white">
    <div class="container py-4">
        <p class="lead">A collection of our mascot, our favourite shark.</p>
        <p>Be nice to them, they don't bite, promise.</p>
    </div>
</section>

<div class="container my-5" style="flex-grow: 1">
    <div class="row">
        <div class="col d-flex justify-content-center">
            <img src="https://as207960.net/assets/img/shark-pointing.svg" alt="Blue shark mascot pointing to the left" />
        </div>
        <div class="col d-flex justify-content-center">
            <img src="https://as207960.net/assets/img/shark-heart.svg" alt="Blue shark mascot holding a light pink heart" />
        </div>
        <div class="col d-flex justify-content-center">
            <img src="https://as207960.net/assets/img/shark-curl.svg" alt="Blue shark mascot curved like they are turning" />
        </div>
    </div>
</div>