Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Personal Webpage</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            color: #333;
            margin: 0;
            padding: 20px;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
        }

        header {
            background-color: #192a56;
            color: white;
            padding: 20px;
            text-align: center;
        }

        .bio {
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-top: 20px;
        }

        footer {
            text-align: center;
            margin-top: 50px;
            color: #777;
        }
    </style>
</head>

<body>
    <div class="container">
        <header>
            <h1>Meet Someone Random</h1>
        </header>
        <div class="bio">
            <h2>About Me</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut metus vitae eros accumsan sodales.
                Nulla facilisi. Fusce ac fermentum mi. Proin eget ligula enim. Sed sodales suscipit est, et eleifend
                nulla commodo sed.</p>
            <p>Nulla facilisi. Duis efficitur eleifend nisl, id lobortis urna tincidunt sit amet. Vestibulum ante ipsum
                primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras aliquet, risus ut consectetur
                scelerisque, nisi libero convallis neque, vel tristique ex odio sed felis.</p>
        </div>
        <footer>
            <p>Contact: email@example.com | Phone: 123-456-7890</p>
        </footer>
    </div>
</body>

</html>
Editor is loading...