index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="container">
        <div id="photo">
            <div id="links_container">
                <a href="#photo" class="nav">HOME</a>&nbsp;&nbsp;
                <a href="#About" class="nav">ABOUT</a> &nbsp;&nbsp;
                <a href="#Achievements" class="nav">ACHIEVEMENTS</a> &nbsp;&nbsp;
                <a href="#contact" class="nav">CONATCT ME</a>
            </div>
            
            <div id="intro">
                <img src="photo.jpg" height="200px" width="180px">
                <h1 style="color: white;">PRATHAM TAILOR</h1>
                <div id="para">
                    <p style="color: white;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita ad optio accusamus deserunt! Incidunt optio at veniam quod, harum illo maiores libero sunt in nam vel ipsam nihil eius minima!</p>
                </div>
                <a href="https://linktr.ee/Pratham566"><button id="btn1"><b>CONNECT</b></button></a>
            </div>
        </div>
        <div id="About">
            <h2 style="color: white;">ABOUT</h2>
            <div id="abt">
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia sapiente, vel praesentium tenetur illum quaerat et pariatur nisi! Molestiae assumenda iste dolores quaerat deserunt temporibus sed omnis, fugit tempore voluptatibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, laboriosam aperiam modi nobis eum necessitatibus? Voluptas iste provident reiciendis explicabo veritatis recusandae velit repudiandae omnis magnam sed, porro, sunt aspernatur.</p>
            </div>
        </div>
        <div id="Achievements">Achievements</div>
        <div id="contact">Contact me</div>
    </div>
</body>
</html>