index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Amit Bora</title>
    <meta name="description" content="A portfolio website of Amit Bora.">
    <meta name="keywords" content="Amit Bora, Amit Singh Bora, Portfolio, Projects, Contact">
    <meta name="author" content="Amit Singh Bora">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
</head>

<body>
    <header>
        <nav>
            <ul>
                <li><a href="#about">about</a></li>
                <li><a href="#projects">projects</a></li>
                <li><a href="#contact">contact</a></li>
            </ul>
        </nav>
    </header>
    </header>
    <main>
        <section id="about">
            <h1>Hello World!</h1>
            <p>I am Amit Bora.</p>
            <a href="#contact">Get in touch 🤙🏻</a>
        </section>

        <section id="projects">
            <h1>Projects</h1>
            <div class="projects-grid">
                <div class="project-item">
                    <h2>Chat App</h2>
                    <p>An interactive real-time chat application that allows users to communicate instantly.</p>
                    <a href="https://github.com/amitb0ra/chat-app/" target="_blank" class="project-link">Repository</a>
                    <a href="https://chat-app.amitbora.me/" target="_blank" class="project-link">Deploy</a>
                </div>
                <div class="project-item">
                    <h2>Watch Party</h2>
                    <p>A platform to watch videos together.</p>
                    <a href="https://github.com/amitb0ra/watch-party/" target="_blank"
                        class="project-link">Repository</a>
                    <a href="https://watch-party.amitbora.me/" target="_blank" class="project-link">Deploy</a>
                </div>
                <div class="project-item">
                    <h2>AI Movie Recommender</h2>
                    <p>An intelligent system that suggests movies based on your preferences and viewing history.</p>
                    <a href="https://github.com/amitb0ra/ai-movie-recommender/" target="_blank"
                        class="project-link">Repository</a>
                    <a href="https://ai-movie-recommender.amitbora.me/" target="_blank" class="project-link">Deploy</a>
                </div>
                <div class="project-item">
                    <h2>GitHub Activity Generator</h2>
                    <p>A tool to generate and visualize your GitHub activity in a creative way.</p>
                    <a href="https://github.com/amitb0ra/github-activity-generator/" target="_blank"
                        class="project-link">Repository</a>
                    <a href="https://github-activity-generator.amitbora.me/" target="_blank"
                        class="project-link">Deploy</a>
                </div>
            </div>
            <h3>More projects coming soon...</h3>
        </section>

        <section id="contact">
            <h1>Get in touch</h1>
            <div class="contact-info">
                <a href="mailto:info.amitsinghbora@gmail.com" class="contact-item">
                    <img src="assets/email.svg" alt="email-logo" width="24" height="24"> Email
                </a>
                <a href="https://github.com/amitb0ra" target="_blank" class="contact-item">
                    <img src="assets/github.svg" alt="github-logo" width="24" height="24"> GitHub
                </a>
                <a href="https://www.linkedin.com/in/amitb0ra" target="_blank" class="contact-item">
                    <img src="assets/linkedin.svg" alt="linkedin-logo" width="24" height="24"> LinkedIn
                </a>
                <a href="https://twitter.com/amitb0ra" target="_blank" class="contact-item">
                    <img src="assets/x.svg" alt="twitter-logo" width="24" height="24"> Twitter
                </a>
            </div>
        </section>
    </main>

    <footer>
        <p>made with ❤️ in india</p>
    </footer>
</body>

</html>