index.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.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins&family=Young+Serif&display=swap" rel="stylesheet">
    <title>Portfolio</title>
</head>

<body>

    <div class="container">



        <div class="section-one">
            <h1 class="section-one__name">Vishves Prabakar</h1>
            <p class="section-one__role">Web Developer</p>
            <a class="section-one__contact" href="contact.html">Contact</a>
        </div>

        <div class="section-two">
            <h2 class="section-two__title">About Me</h2>
            <p class="section-two__desc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam, quisquam?
                Incidunt, eligendi illum provident consequuntur obcaecati ea suscipit, commodi, architecto quod corporis
                dicta velit distinctio accusantium. Harum voluptatibus assumenda aliquam?</p>
        </div>


        <div class="section-three">
            <h2 class="section-three__title">My Interests</h2>
            <ul class="section-three__desc">
                <li>Web Development</li>
                <li>Reading</li>
                <li>Photography</li>
            </ul>
        </div>

        <div class="section-four">
            <h2 class="section-four__title">Projects</h2>
            <ul class="section-four__desc">
                <li>
                    <h3>Amazon E-commerce Clone</h3>
                </li>
                <p>I completed Amazon E-commerce Clone with React Js(Frontend App)</p>
                <li>
                    <h3>Travel website</h3>
                </li>
                <p>I completed a travel website which is going to help many people to take a trip with them</p>
            </ul>
        </div>

        <div class="section-five">
            <p class="section-five__title">Social Media:
                <a href="#">Instagram</a>,
                <a href="#">LindedIn</a>
            </p>
            <p class="section-five__desc">&copy; Vishves Prabakar</p>
        </div>



    </div>
</body>

</html>