86 lines
4.1 KiB
HTML
86 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat|Poppins" rel="stylesheet">
|
|
<link rel="stylesheet" href="/mcweb/assets/css/stylesheet.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script src="https://kit.fontawesome.com/d9a3d8d8d7.js" crossorigin="anonymous"></script>
|
|
<title>StarMC | Homepage</title>
|
|
</head>
|
|
<body style="background-image: url(/img/bg.png);" class="bg-cover lg:">
|
|
|
|
|
|
<nav class="flex justify-center px-4 text-gray-800 bg-transparent">
|
|
<div class="container py-2">
|
|
|
|
<hr class="h-px mt-3 border-gray-300 dark:bg-gray-700 border-none">
|
|
|
|
<div class="flex flex-col items-center justify-between mt-3 md:flex-row">
|
|
<div>
|
|
<a href="/"><img class="h-32 w-auto grow" src="/img/logo.png" alt="Logo"/></a>
|
|
</div>
|
|
|
|
|
|
<div class="flex mt-6 md:m-0">
|
|
<div class="-mx-4 uppercase border border-opacity-25 rounded-md shadow p-3">
|
|
<a href="/staff.html" class="px-3 text-m font-bold text-gray-100 font-medium hover:text-gray-300"><i class="fa fa-users"></i> Staff</a>
|
|
<a href="https://melonstore.starmc.net" class="px-3 text-m font-bold text-gray-100 font-medium hover:text-gray-300"><i class="fas fa-shopping-basket"></i> Melon Store</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<section class="mt-32 container mx-auto p-6">
|
|
<h2 class="text-gray-200 text-center font-medium capitalize text-xl md:text-2xl">Our Staff</h2>
|
|
|
|
<div class="flex items-center justify-center">
|
|
<div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-8">
|
|
<div class="max-w-xs w-full text-center m-4">
|
|
<img class="h-48 object-cover object-center mx-auto rounded-lg transform hover:scale-105 duration-300 ease-in-out" src="https://minotar.net/avatar/lildh.png" alt="avatar"/>
|
|
|
|
<div class="mt-2">
|
|
<h3 class="text-lg font-medium text-gray-200">LilDH</h3>
|
|
<span class="mt-1 font-medium text-red-700">Owner</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="max-w-xs w-full text-center m-4">
|
|
<img class="h-48 object-cover object-center mx-auto rounded-lg transform hover:scale-105 duration-300 ease-in-out" src="https://minotar.net/avatar/derek1256.png" alt="avatar"/>
|
|
|
|
<div class="mt-2">
|
|
<h3 class="text-lg font-medium text-gray-200">Derek1256</h3>
|
|
<span class="mt-1 font-medium text-red-700">Owner & Service-Manager</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="mt-20"></div>
|
|
|
|
|
|
<footer class="bg-transparent">
|
|
<div class="container mx-auto px-6 py-4">
|
|
<div class="lg:flex">
|
|
<div class="mt-6 lg:mt-0 lg:flex-1">
|
|
<div class="grid gap-2 grid-cols-1 sm:grid-cols-1 md:grid-cols-3">
|
|
<a href="https://discord.gg/kXG8fbwwZP" class="place-self-center px-3 text-m font-bold text-gray-100 font-medium hover:text-gray-300"><i class="fab fa-discord"></i> Discord</a>
|
|
<a href="https://git.starmc.net/StarMC" class="place-self-center px-3 text-m font-bold text-gray-100 font-medium hover:text-gray-300"><i class="fab fa-github"></i> Github</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="h-px my-6 bg-gray-300 border-none">
|
|
|
|
<div>
|
|
<p class="text-center text-gray-100">© StarMC - All rights reserved</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="https://leonardosnt.github.io/mc-player-counter/dist/mc-player-counter.min.js"></script>
|
|
</body>
|
|
</html>
|