index.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>Personal Portfolio</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>

        <div class="Hero">
            <nav>
                <img src="https://img.freepik.com/free-vector/mysterious-mafia-man-smoking-cigarette_52683-34828.jpg?w=826&t=st=1703515224~exp=1703515824~hmac=7235235b54807ac3071c5f1580662c44bedf454a6e40c6f5480a281c05c943ac" height="128px" width="128px"
                style="border-radius:50%;"
                alt="">
                <ul>
                    <li><a href="#">HOME</a></li>
                    <li><a href="#">ABOUT</a></li>
                    <li><a href="#">PORTFOLIO</a></li>
                    <li><a href="#">SERVICES</a></li>
                    <li><a href="#">HIRE</a></li>
                    
                </ul>
            </nav>
            <div class="detail">
                <h1>I'm <span>Abhiram</span>Sharma</h1>
                <p>This is my official portfolio website to show all 
                    <br>Details and work experiences in CyberSecurity
                </p>
                <a href="#" target="_blank"><button>HOME</button></a>
                <a href="#" target="_blank"><button>DOWNLOAD CV</button></a>
                <a href="https://www.linkedin.com/in/chabh1ram" target="_blank"><button>MY LINKEDIN</button></a>
                <div class="images">
                    <img src="https://images.pexels.com/photos/6963944/pexels-photo-6963944.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" class="shape">
                    <img src="" class="boy">
            </div>
            </div>
        </div>
    </body>
</html>