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 | Trisha Das</title>
    <!-- link css file  -->
    <link rel="stylesheet" href="./index.css">
    <!-- link animate.css  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>
<body>
<header>
    <nav>
        <a href="./index.html" style="font-size: 22px; font-weight: 700;" >Trisha Das | <span class="auto-type">Frontend Developer</span></a>
        <ul class="links">
            <li><a href="./aboutMe.html">About Me</a></li>
            <li><a href="./project.html">Project</a></li>
            <li><a href="./contactMe.html">Contact Me</a></li>
        </ul>
        <i class="fa-solid fa-bars bar"></i>
    </nav>
    <div class="responsive-navbar animate__animated animate__fadeInDown">
        <ul class="responsive-links">
            <a href="./aboutMe.html"><li>Experience</li></a>
            <a href="./aboutMe.html"><li>Education</li></a>
            <a href="./project.html"><li>Projects</li></a>
            <a href="./skill.html"><li>Skills</li></a>
            <a href="./contactMe.html"><li>Contact Me</li></a>
        </ul>
    </div>
</header>
    <main>
        <div id="particles-js">
            <div class="container animate__animated animate__fadeInDown">
                <div class="profile">
                    <img src="./assets/my profile.jpg" alt="">
                    <h1>Trisha Das</h1>
                    <p class="auto-type">Frontend Developer</p>
                    <div class="profile-links">
                        <a href="https://www.linkedin.com/in/trisha-das1308/" target="_blank">
                            <i class="fa-brands fa-linkedin"></i>
                        </a>
                        <a href="https://github.com/trishaDas13" target="_blank">
                            <i class="fa-brands fa-github"></i>
                        </a>
                        <a href="https://leetcode.com/trisha1308/" target="_blank">
                            <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path fill="#551a8b" d="M13.483 0a1.374 1.374 0 0 0-.961.438L7.116 6.226l-3.854 4.126a5.266 5.266 0 0 0-1.209 2.104a5.35 5.35 0 0 0-.125.513a5.527 5.527 0 0 0 .062 2.362a5.83 5.83 0 0 0 .349 1.017a5.938 5.938 0 0 0 1.271 1.818l4.277 4.193l.039.038c2.248 2.165 5.852 2.133 8.063-.074l2.396-2.392c.54-.54.54-1.414.003-1.955a1.378 1.378 0 0 0-1.951-.003l-2.396 2.392a3.021 3.021 0 0 1-4.205.038l-.02-.019l-4.276-4.193c-.652-.64-.972-1.469-.948-2.263a2.68 2.68 0 0 1 .066-.523a2.545 2.545 0 0 1 .619-1.164L9.13 8.114c1.058-1.134 3.204-1.27 4.43-.278l3.501 2.831c.593.48 1.461.387 1.94-.207a1.384 1.384 0 0 0-.207-1.943l-3.5-2.831c-.8-.647-1.766-1.045-2.774-1.202l2.015-2.158A1.384 1.384 0 0 0 13.483 0zm-2.866 12.815a1.38 1.38 0 0 0-1.38 1.382a1.38 1.38 0 0 0 1.38 1.382H20.79a1.38 1.38 0 0 0 1.38-1.382a1.38 1.38 0 0 0-1.38-1.382z"/>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="profile-content">
                    <h1>Hello,</h1>
                    <div class="profile-buttons">
                        <a href="./assets/Trisha Das.pdf" class="profile-button resume" download>Resume</a>
                        <a href="./project.html" class="profile-button">Projects</a>
                    </div>
                    <p>I'm Trisha, a passionate and creative frontend developer with a love for crafting beautiful and user-friendly digital experiences. My journey in the world of web development began with a curiosity that turned into a genuine fascination for transforming ideas into interactive, visually appealing websites. I'm well-versed in the latest frontend technologies, including HTML5, CSS3, and JavaScript. I have experience working with popular frameworks like React and Vue.js.</p>
                    <a href="./contactMe.html" class="profile-button contact">Contact Me</a>
                    </div>
                </div>
            </div>
        </div> 
    </main>

    <!-- typed.js linked  -->
    <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
    <!-- font awesome linked -->
    <script src="https://kit.fontawesome.com/bfe5da5748.js" crossorigin="anonymous"></script>
    <!-- particle.js linked  -->
    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
    <!-- stats.js lib --> 
    <script src="https://threejs.org/examples/js/libs/stats.min.js"></script>
    <!-- link the script file  -->
    <script src="./index.js"></script>
</body>
</html>