fredboniface.co.uk/new_index.html

50 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Frederick Boniface">
<link rel="icon" type="image/png" href="/images/favicon.png">
<link rel="stylesheet" href="./style/fonts.css">
<link rel="stylesheet" href="./style/new_style.css">
<title>Home</title>
</head>
<body>
<div class="header-image-home">
<picture>
<source srcset="MainImage">
<img src="MainImageFallback" alt="AltText">
</picture>
<div class="page-title">
<h1>Fred Boniface</h1>
</div>
</div>
<div class="menubar">
<script src="/js/navbar.js"></script>
<div class="menubar_logo">
<picture>
<source srcset="/images/logo/full.png" type="image/png">
<img src="/images/logo/short-xl.png" alt="Fred Boniface logo">
</picture>
</div>
<div class="menubar_hamburger">
<span class="menubar_longtext">Menu </span>
<span class="menubar_shorttext"> &#9776;</span>
</div>
</div>
<div id="sidebar" class="sidebar">
<button class="sidebar_close">&times;</button>
<a href="/">Home</a>
<a href="/gpg.php">GPG/PGP</a>
<a href="/projects.php">Things I Do</a>
<a href="/contact.php">Contact</a>
<a href="/about.php">About</a>
<picture>
<source srcset="/images/logo/short-xl.png" type="image/png">
</picture>
<div class="sidebar_social">
SOCIAL_LINKS
</div>
</div>
</body>
</html>