community/Aramantos/index.html

<!DOCTYPE html>
<html 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.0">
    <meta name="author" content="John Doyle">
	<link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/d6c4500621.js" crossorigin="anonymous"></script>
	<title>Aramantos</title>
</head>

<body>
    <a id="back" href="../../index.html"><i class="fa-solid fa-backward"></i></a>
    <main id="index">
        <div>
            <h1 class="four-rem">Aramantos</ class="four-rem">
        </div>
        <div>
            <p class="three-rem">The freedom.... Only coding can bring</p>
            <p class="three-rem">And motorcycles... of course motorcycles...</p>
        </div>
        <div id="socials">
            <a target="_blank" href="https://github.com/Aramantos">
                <i class="fab fa-github fa-3x"></i>
            </a>
            <a target="_blank" href="https://www.linkedin.com/in/john-doyle-ab717a95/">
                <i class="fab fa-linkedin fa-3x"></i>
            </a>
        </div>
        <div>
            <a id="key">
                <i class="fa-solid fa-key fa-5x"></i>
                <br><br>
                <button>Start the engine</button>
            </a>
        </div>
    </main>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="index.js"></script>
</body>

</html>