61 lines
2.8 KiB
HTML
61 lines
2.8 KiB
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">
|
|
<link rel="icon" type="image/x-icon" href="/res/favicon.ico">
|
|
<link rel="stylesheet" href="index.css">
|
|
<script src="index.js"></script>
|
|
<title>Max's Place</title>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<header class="navbar nav1">
|
|
<a href="#" class="button" data-i="home">Max's Place</a>
|
|
<div class="flex-space"></div>
|
|
<a href="/about" class="red icon button" data-i="accessibility_new">About</a>
|
|
<a href="/projects" class="yellow icon button" data-i="design_services">Projects</a>
|
|
<a href="/resume" class="green icon button" data-i="draft">Resume</a>
|
|
<a href="/contact" class="blue icon button" data-i="push_pin">Contact</a>
|
|
</header>
|
|
<header class="navbar nav2">
|
|
<a href="#" class="button" data-i="home">Max's Place</a>
|
|
<div class="flex-space"></div>
|
|
<a href="/about" class="red icon button" data-i="accessibility_new"></a>
|
|
<a href="/projects" class="yellow icon button" data-i="design_services"></a>
|
|
<a href="/resume" class="green icon button" data-i="draft"></a>
|
|
<a href="/contact" class="blue icon button" data-i="push_pin"></a>
|
|
</header>
|
|
<header class="navbar nav3">
|
|
<a href="#" class="button" data-i="home">Max's Place</a>
|
|
<div class="flex-space"></div>
|
|
<button class="icon button" data-i="menu" onclick="openMenu()"></button>
|
|
</header>
|
|
<div id="title-page">
|
|
<img src="/res/avatar.svg" alt="Avatar" id="avatar">
|
|
<div id="title-bottom">
|
|
<div id="title-name">MAX HUTZ</div>
|
|
<div class="fade-text fade1" data-t="MAX HUTZ"></div>
|
|
<div class="fade-text fade2" data-t="MAX HUTZ"></div>
|
|
<div class="fade-text fade3" data-t="MAX HUTZ"></div>
|
|
<div class="fade-text fade4" data-t="MAX HUTZ"></div>
|
|
<div class="fade-text fade5" data-t="MAX HUTZ"></div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<article id="title-section"></article>
|
|
|
|
<dialog id="menu-modal">
|
|
<div id="menu-inner">
|
|
<a href="#" class="button" data-i="home" onclick="closeMenu()">Max's Place</a>
|
|
<div class="flex-space"></div>
|
|
<a href="/about" class="red icon button" data-i="accessibility_new" onclick="closeMenu()">About</a>
|
|
<a href="/projects" class="yellow icon button" data-i="design_services" onclick="closeMenu()">Projects</a>
|
|
<a href="/resume" class="green icon button" data-i="draft" onclick="closeMenu()">Resume</a>
|
|
<a href="/contact" class="blue icon button" data-i="push_pin" onclick="closeMenu()">Contact</a>
|
|
<div class="flex-space"></div>
|
|
</div>
|
|
</dialog>
|
|
</body>
|
|
</html> |