index.html

<!Doctype html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="Style.css" media="screen"/>
    <script src="https://kit.fontawesome.com/6368ff9dfc.js" crossorigin="anonymous"></script>
    <title>Pofile Page</title>
    </head>
<body>
    
        <div class= "profile_heading">   
            <p>USER PROFILE</p>
        </div>    
        <div class="Profile_container">
        <img src="Image.JPG" alt="profile Image" class= "profile_image">
       <div class="profile_name">
         Vibhor Rawat
        </div> 
        <div class="profile_title">Student at MGM COET, Noida
       <hr style="width:100%">
        </div>
        <div class=list_box>
        <ul class="skills">
        <li class= "o">HTML</li>
        <li class="t">CSS</li>
        <li class="th">JAVASCRIPT</li>
        </ul> 
        </div>
        <div class="icon_tray">
        <hr>
            <ul>
            <li><i class="fas fa-envelope"></i><br>Email &nbsp;</li>
            <li><i class="fab fa-instagram"></i><br>Social Media &nbsp; </li>
            <li><i class="fas fa-user"></i><br>2000 &nbsp; </li>
        </ul>
        </div>
        <hr style="width:100%">
        <div class="Button">
        <button type="button" onclick="alert('User Followed')">Follow</button>  
        </div>
        </div>
</body>
</html>