52 lines
1.8 KiB
HTML
52 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ZaneDev</title>
|
|
<link rel="icon" type="image/jpeg" href="Zane.jpg">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- Avatar Section -->
|
|
<div class="avatar-section">
|
|
<div class="avatar">
|
|
<img src="Zane.jpg" alt="Zane's Profile Picture" class="profile-image">
|
|
</div>
|
|
<h1 class="brand-name">ZaneDev</h1>
|
|
<p class="tagline">Certified Cool Guy</p>
|
|
</div>
|
|
|
|
<!-- About Section -->
|
|
<div class="about-section">
|
|
<p class="about-text"> Bored guy who likes to make random stuff.</p>
|
|
<p class="not-for-hire-note">(not for hire btw)</p>
|
|
</div>
|
|
|
|
<!-- Navigation Section -->
|
|
<div class="navigation">
|
|
<a href="projects.html" class="nav-button">
|
|
<span>Projects</span>
|
|
</a>
|
|
<a href="https://github.com/ZaneThePython" class="nav-button" target="_blank">
|
|
<span>GitHub</span>
|
|
</a>
|
|
<a href="mailto:contact@zane.org" class="nav-button">
|
|
<span>Contact</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Disclaimer -->
|
|
<div class="disclaimer">
|
|
<p><em>*Note* This website is not FDA approved</em></p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|