Untitled

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

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

        .container {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        h1 {
            text-align: center;
            color: #008080; /* soft green */
        }

        p {
            line-height: 1.6;
        }

        .portfolio {
            margin-top: 30px;
        }

        .portfolio h2 {
            border-bottom: 2px solid #ccc;
            padding-bottom: 10px;
            color: #008080; /* soft green */
        }

        .contact-info {
            margin-top: 30px;
        }

        .contact-info p {
            margin-bottom: 5px;
        }
    </style>
</head>

<body>

    <div class="container">
        <header>
            <h1>Welcome to Condret's Personal Webpage</h1>
        </header>

        <section id="bio">
            <h2>About Me</h2>
            <p>Hello! I'm Condret. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam convallis
                lacus auctor magna dictum, quis vestibulum ante faucibus. Sed aliquam sit amet odio at varius. Duis
                posuere ipsum ut tortor tincidunt, vel lacinia ligula tincidunt.</p>
        </section>

        <section class="portfolio">
            <h2>Recycled Jewels</h2>
            <p>Here are some of my projects:</p>
            <ul>
                <li>Project 1: Description of Project 1</li>
                <li>Project 2: Description of Project 2</li>
                <li>Project 3: Description of Project 3</li>
            </ul>
        </section>

        <section class="contact-info">
            <h2>Contact Information</h2>
            <p>Email: condret@example.com</p>
            <p>Phone: +1234567890</p>
            <p>Location: City, Country</p>
        </section>
    </div>

</body>

</html>
Editor is loading...