index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First Page</title>
    <meta name="description" content="Description of my page which is that pumpkins are really great.">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="circle"></div>
    <section>
        <h1>Hello World</h1>
        <h2>This is an h2</h2>
        <h6>This is an h6</h6>
        <p>This is a paragraph</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur cupiditate cumque quaerat, sint alias, veritatis reiciendis quam, labore consectetur eius odio harum consequuntur ducimus eum eaque laborum dolores aut eligendi?</p>
        <img 
            width="300px"
            src="https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.istockphoto.com%2Fphotos%2Ffall-pumpkins&psig=AOvVaw2LgECP3yg7PIKofBZwzhfD&ust=1728982330522000&source=images&cd=vfe&opi=89978449&ved=0CBEQjRxqFwoTCICUv6C_jYkDFQAAAAAdAAAAABAE"
            alt="Group of pumpkins from a birds eye view."
        />

        <img src="https://t4.ftcdn.net/jpg/01/20/39/75/360_F_120397575_DH3sTAOcbR7qagQrt9jvjZDJjEROnF1r.jpg" alt="">

        <ul id="unordered-list" class="gradient">
            <li>The first element</li>
            <li>The second element</li>
        </ul>

        <ol>
            <li>The first element</li>
            <li>The second element</li>
            <li>The third element</li>
            <li>The fourth element</li>
            <li>The fifth element</li>
        </ol>

        <table>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>City</th>
            </tr>
            <tr>
                <td>Joe Smith</td>
                <td>joesmith@gmail.com</td>
                <td>Miami</td>
            </tr>
            <tr>
                <td>Jake Johnson</td>
                <td>jake@gmail.com</td>
                <td>Detroit</td>
            </tr>
        </table>


    </section>
    <section>
        <form method="">
            <label for="name">Name:</label>
            <input id="name" type="text"/>
            <label for="email">Email:</label>
            <input id="email" type="email">
            <select name="" id="">
                <option value="">Cooking Bootcamp</option>
                <option value="">Tattoos Bootcamp</option>
            </select>
            <textarea name="" id="">Explain</textarea>
            <button type="sumbit">Submit</button>
        </form>
    </section>
</body>
</html>