Spaces:
Running
Running
File size: 1,503 Bytes
8f75885 d904128 8f75885 d904128 8f75885 d904128 8f75885 d904128 8f75885 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Your Name - Personal Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js"></script>
</head>
<body>
<!-- Header with Navigation -->
<header>
<h1>Your Name</h1>
<nav>
<ul>
<li><a href="#biography">Biography</a></li>
<li><a href="#resume">Resume</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- Main sections -->
<main>
<!-- Biography Section -->
<section id="biography">
<h2>Biography</h2>
<!-- Content here -->
</section>
<!-- Resume Section -->
<section id="resume">
<h2>Resume</h2>
<!-- Content here -->
</section>
<!-- Contact Section -->
<section id="contact">
<h2>Contact</h2>
<!-- Contact form -->
</section>
</main>
<!-- Futuristic Interactive 3D Background -->
<div id="three-js-background"></div>
<!-- Footer -->
<footer>
<p>© 2040 Your Name. All rights reserved.</p>
</footer>
<script src="scripts.js"></script>
</body>
</html> |