portfolio/featured.html

52 lines
2.1 KiB
HTML
Raw Permalink Normal View History

2024-07-24 02:58:15 +00:00
<!DOCTYPE html>
<html lang="en" class="min-h-full overflow-x-hidden">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="./site.webmanifest">
<link rel="stylesheet" href="cum.css">
<title>Klectr | Blog</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
<!-- ______________________________________________________________ -->
<nav class="flex justify-between items-center">
2024-08-11 01:06:10 +00:00
<a href="./index.html" class="glow"><img src="./avatar.webp" alt="avatar" width={30} height={30}
2024-07-24 03:03:43 +00:00
class="w-10 h-10" /></a>
2024-07-24 02:58:15 +00:00
<div class="flex gap-6 text-md text-slate-400 ">
<a href="./index.html" class="hover:text-[#ffce00]">Home</a>
<a href="./about.html" class="hover:text-[#ffce00] ">About</a>
<a href="./now.html" class="hover:text-[#ffce00] ">Now</a>
<a href="./featured.html" class="hover:text-[#ffce00] border-b border-[#ffce00]">Featured</a>
</div>
<a href="mailto:tarmstrong95@proton.me">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-mail text-slate-400 hover:text-[#ffce00]">
<rect width="20" height="16" x="2" y="4" rx="2" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
</svg>
</a>
</nav>
<!-- ______________________________________________________________ -->
<main class="mt-20 text-slate-200">
<h1 class="text-2xl font-bold text-white">Blog</h1>
<p class="text-slate-400">Thoughts, Stories, and More.</p>
<div class="my-6 flex flex-col gap-6 ">
<p>Nothing To See Here Yet!</p>
</div>
</main>
</body>
</html>