117 lines
4.8 KiB
HTML
117 lines
4.8 KiB
HTML
<!doctype html>
|
|
<html class="h-100" lang="">
|
|
|
|
|
|
<meta charset="utf-8">
|
|
<link rel="canonical" href="/alumni/">
|
|
<meta name="description" content="Our Alumni epictek shinsters sleepyxuras closebracket ????? ????? ????? ?????">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="robots" content="index,follow" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<meta name="HandheldFriendly" content="true"/>
|
|
|
|
<title>Alumni</title>
|
|
|
|
<link rel="stylesheet" href="../assets/css/main.css">
|
|
|
|
<script src="assets/js/main.min.js" defer></script>
|
|
|
|
|
|
|
|
|
|
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.png">
|
|
<link rel="icon" type="image/svg+xml" href="">
|
|
<link rel="icon" type="image/png" href="">
|
|
<link rel="apple-touch-icon" href="" sizes="180x180">
|
|
<!-- endbuild -->
|
|
|
|
|
|
|
|
<div class="container mx-auto m-2 h-24">
|
|
<nav id="nav" class="nav" aria-label="Primary">
|
|
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64">
|
|
<ul class="float-right flex space-x-3 m-6">
|
|
<li><a class="link hover:text-yellow-600" href="/about">about</a></li>
|
|
<li><a class="link hover:text-yellow-600" href="/about">history</a></li>
|
|
<li><a class="link hover:text-yellow-600" href="/alumni">alumni</a></li>
|
|
<li><button class="link link-button ring-1 ring-black bg-primary box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="https://profiles.freeside.co.uk/join"> create account </a></li>
|
|
<li><button class="link link-button ring-1 ring-black bg-gray-400 box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="http://profiles.freeside.co.uk/login"> login </a></button></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<body class="bg-white color-primary font-base leading-normal">
|
|
<div id="wrapper" class="container mx-auto ">
|
|
|
|
|
|
|
|
<div class="container mx-auto m-16 w-screen">
|
|
<div class="grid grid-rows-1 grid-flow-col">
|
|
<div class="row-span-1">
|
|
<h1 class="text-8xl font-bold">Our Alumni</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container mx-auto h-full m-16 p-6 w-screen">
|
|
<div class="grid grid-rows-1 grid-flow-col">
|
|
<div class="row-span-1 col-start-1">
|
|
<img class="rounded-sm w-48 items-center" src="/assets/img/epictek.jpg" />
|
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">epictek</h4>
|
|
</div>
|
|
<div class="row-span-1 col-start-2">
|
|
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">shinsters</h4>
|
|
</div>
|
|
<div class="row-span-1 col-start-3">
|
|
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">sleepyxuras</h4>
|
|
</div>
|
|
<div class="row-span-1 col-start-4">
|
|
<img class="rounded-2xl w-48 items-center" src="/assets/img/closebracket.jpg" />
|
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">closebracket</h4>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-rows-1 grid-flow-col">
|
|
<div class="row-span-1 col-start-1">
|
|
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
</div>
|
|
<div class="row-span-1 col-start-2">
|
|
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
</div>
|
|
<div class="row-span-1 col-start-3">
|
|
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
</div>
|
|
<div class="row-span-1 col-start-4">
|
|
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container mx-auto h-full m-16 p-6 w-11/12 h-11/12">
|
|
<div class="grid grid-rows-1 grid-flow-col gap-4">
|
|
<div class="row-span-2 col-span-2">
|
|
<p class="color-grey">Freeside is a student run project at the <a class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of Hull</a>. | <p class="color-grey">Built by <a href="https://github.com/closebracket" class="link color-primary text-500 weight-bold">closebracket</a>.</p></p>
|
|
</div>
|
|
<div class="row-span-1 col-span-1">
|
|
<img class="w-40" src="../assets/img/uoh-logo.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html> |