Pragun_Sharma_1942.html

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="Pragun.css">
</head>

<body>
    <div class="top container">
        <img src="./images/cloud.jpg" alt="" class="top-cloud">
        <h1>I am Pragun</h1>
        <img src="./images/cloud.jpg" alt="" class="bottom-cloud">
        <img src="./images/mountain.jpg" alt="">
        <div class="middle container">
            <div class="profile">
                <img src="./images/multitassk.jpg" alt="" class="profile-img">
                <h2>Hello.</h2>
                <p class="intro">Lorem20</p>


                <div class="skills">
                    <h2>My skills.</h2>
                    <div class="skill-row">
                        <img src="https://cdn-icons-png.flaticon.com/512/7282/7282541.png" alt="" class="earth-img">
                        <h3>Loem, ipsm.</h3>
                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora labore, neque repellendus
                            dolores laudantium aperiam nemo! Iste quo provident distinctio veniam aliquid autem ad
                            maiores recusandae reprehenderit. Iure, dignissimos molestias?</p>
                        <img src="https://cdn-icons-png.flaticon.com/512/1012/1012677.png" alt="" class="duck-img">
                        <h4>Yes!!</h4>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius possimus itaque veniam nihil
                            illum esse magni sequi, saepe labore! Assumenda nobis dolorum inventore excepturi? Optio
                            illo veniam et labore ad.</p>
                            <div class="contact-me">
                                <h3>get in touch
        
                                </h3>
                    
                        <p class="contact-message">
                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate exercitationem quis
                            repellat, labore aliquid iusto nam, temporibus eius earum dignissimos beatae veniam. Nam
                            perferendis aliquam doloremque dolorem ad dolore corporis!
                        </p>
                        </div>

                    </div>
                </div>


            </div>
        </div>
    </div>


    </div>
</body>

</html>