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="style1.css">
</head>
<body>
<div class="container" id="Home">
    <header>
        <div class="header">
         <img id="logo" src=".//assets/logo.png" alt="logo">
         <nav class="nav">
             <a href="#Home" class="menu" >Home</a>
             <a href="#About" class="menu" >About</a>
             <a href="#Contact" class="menu" >Contact</a>
         </nav>

        </div>
    </header>
    <section class="hero">   
         <img class="heroimg" src="./assets/back2.jpg" alt="heroimg">
         <div class="text">
             <h2 class="text1">Hello </h2>
             <h1 class="text2">I am <span>OM HOMKAR</span> ,</h1>
             <h2 class="text3">Web Devloper & Programmer</h2>
             <a href="#About"><input class="button" type="button" value="HIRE ME"></a>
         </div>
    </section>

    </section>
    <section id="About">
        <H1 class="title">ABOUT ME</H1>
        <div class="left me">
            <h3 class="lefth3">I am OM HOMKAR</h3>
            <p >I am an engineering student. Currently I purrsing Electronic and Telecommunication 
             from JSPM NTC, Pune. I'm passionate about Web Development, specializing in HTML, CSS, JAVASCRIPT, etc.
             & Programming in JAVA, PYTHON languages. If you have a project or an idea, 
             let's connect and create something amazing together.
            </p>
            <a href="https://drive.google.com/file/d/1vYQwya981x_JgUeGNdr1T7zBR_Ph1pWq/view?usp=drive_link"><input class="button" type="button" value="MY RESUME"></a>
        </div>
        <div class="right me">
            <img class="skillLogo" src="./assets/skilllogo.png" alt="skillLogo">
        </div>
    </section>
    <footer id="Con">
        <nav id="Contact">
             <a class="link" href="https://mail.google.com/mail/u/0/#inbox?compose=DmwnWtMqgzhcrGCsQtqhHkSqhLGrjkKcQDFwfNFrXxvQmJKXVwjqHjrbrBhQhNgprnkKwXPjnVnb">Email</a>
             <a class="link" href="https://www.linkedin.com/in/om-homkar-06386a222/">Linkdln</a>
             <a class="link" href="https://twitter.com/OmHomkar">Twitter</a>      
        </nav>
        <p id="copy">&copy;2024 OMHOMKAR</p>
    </footer></div>
</div>
</body>
</html>