index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" 
    content="width=device-width, 
    initial-scale=1.0">
    <title>Portfolio</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.mi.css" rel="stylesheet">
</head>
<body>
    <header class = "header">
        <a href="#" class="logo"><span>Yashika</span> garg</a>
        <nav class="navbar">
            <a href="#" class="active">Portfolio</a>
            <!-- <a href="#">Services</a> -->
            <a href="#">Experience</a>
            <a href="#">Projects</a>
            <a href="#">Education</a>
        </nav>
        <a href="#" class="conatct">Contact Me</a>
    </header>
    <section class="home">
        <div class="home-content">
            <h3>Hii</h3>
            <h2>I'm <span>Yashika Garg<br></span>an enthusiat developer</h2>
            <p>Enthusiastic Computer Science student with a strong foundation in programing languages, AI, robotics, and problem-solving. Actively participates in coding competitions and hackathons, passionate for learning and exploring new technologies. I bring adaptability and eager to contribute technical acumen to innovative projects and collaboratives teams in internship roles.</p>
            <div class="btn-box">
                <button class="btn-1">Hire Me</button>
                <button class="btn-2">Experience</button>
                <button class="btn-3">Projects</button>
            </div>
        </div>
        <div class="img-box">
            <img src="image2.jpg" alt="">
        </div>
    </section>
</body>
</html>