registration.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style_2.css">
    <title>Document</title>
</head>
<body>
    <header>
        <div class="top-menu">
        <h1 class="title">Announcements Web</h1>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="">Public List</a></li>
        </ul>

        <ul class="access">
            <li><a href="login.html">Log In</a></li>
        </ul>
    </div>
    </header>
    <main>
        <div class="block"></div>
        <div class="form_container">
        <form>
            <h2 class="form_title">Register</h2>
            <label for="fname">User name</label>
            <input type="text" id="fname" name="fname">
            <label for="email">Email</label>
            <input type="email" id="email" name="email">
            <label for="password">Password</label>
            <input type="password" id="password" name="password">
            <label for="location">Location</label>
            <input type="text" id="location" name="location">
            <input type="submit" value="Register">
          </form> 
          <img src="registration.jpg" class="registration-img">    
        </div>  
        <span class="frame"></span>
        <span class="message"></span>
        <span class="spiral">𖦹</span>
    </main>
</body>
</html>