You are on page 1of 2

<!

DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="scripts.js"></script>
</head>
<body>
<header>
<h1>Welcome to my website</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li>
<a href="#">Games</a>
<ul>
<li><a
href="https://store.steampowered.com/app/730/CounterStrike_Global_Offensive/"
target="_blank">CS:GO</a></li>
<li><a href="https://na.leagueoflegends.com/en-
us/" target="_blank">LoL</a></li>
<li><a href="https://playvalorant.com/en-us/"
target="_blank">Valorant</a></li>
<li><a href="https://www.minecraft.net/"
target="_blank">Minecraft</a></li>
</ul>
</li>
<li><a href="#">Projects</a></li>
<li>
<a href="#">Account</a>
<ul>
<li><a href="#"
onclick="openRegister()">Register</a></li>
<li><a href="#"
onclick="openLogin()">Login</a></li>
<li><a href="#">Login with Google</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main>
<section>
<h2>About me</h2>
<p>Hi, my name is John and I'm a web developer. I love creating
websites and experimenting with new technologies.</p>
<img src="profile.jpg" alt="John's profile picture">
</section>
<section>
<h2>My projects</h2>
<ul>
<li><a href="#">Project 1</a></li>
<li><a href="#">Project 2</a></li>
<li><a href="#">Project 3</a></li>
</ul>
</section>
</main>
<footer>
<p>Copyright � 2023</p>
</footer>

<div id="registerModal" class="modal">


<form class="modal-content">
<span class="close" onclick="closeRegister()">&times;</span>
<h2>Register</h2>
<label for="username">Username</label>
<input type="text" id="username" name="username" required>
<label for="password">Password</label>
<input type="password" id="password" name="password" required>
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
<button type="submit">Register</button>
</form>
</div>

<div id="loginModal" class="modal">


<form class="modal-content">
<span class="close" onclick="closeLogin()">&times;</span>
<h2>Login</h2>
<label for="username">Username</label>
<input type="text" id="username" name="username" required>
<label for="password">

You might also like