Noobmaster-IIIT.github.io/index.html at main · Noobmaster-IIIT/Noobmaster-IIIT.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Portfolio</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
</head>
<body>
    <!-- Header Section -->
    <header>
        <div class="container">
            <img src="0.jpg" alt="Profile Picture">
            <h1>Abhirup</h1>
            <p>Passionate about technology, learning, and solving puzzles!</p>
            <br>
            <h3><p><i>" citius, altius, fortius..."</i></p></h3>
        </div>
    </header>

    <!-- About Section -->
    <section id="about">
        <div class="container">
            <h2>About Me</h2>
            <p>I am a curious individual who loves challenges, constantly pushing myself to solve problems and learn new technologies. From my love for physics to discovering my passion for computer science, every step has been exciting!My long term goals include integrating AI  into farming practices to try to solve our growing food problem </p>
        </div>
    </section>

    <!-- Hobbies Section -->
    <section id="hobbies">
    <div class="container">
        <h2>Hobbies</h2>
        <div class="cards">
            <div class="card coding">
                <h3>Coding</h3>
                <p>I love building apps and learning new algorithms.</p>
            </div>
            <div class="card music">
                <h3>Music</h3>
                <p>Playing guitar and creating melodies relaxes my mind.</p>
            </div>
            <div class="card reading">
                <h3>Reading</h3>
                <p>Sci-fi novels and tech books are my go-to reads.</p>
            </div>
        </div>
    </div>
</section>

    <!-- Projects Section with Filters -->
    <section id="projects">
        <div class="container">
            <h2>Projects</h2>
            <div class="filter-controls">
                <button class="filter-btn" data-category="all">All</button>
                <button class="filter-btn" data-category="cpp">C++</button>
                <button class="filter-btn" data-category="python">Python</button>
            </div>
            <div class="cards project-list">
                <div class="card project-item" data-category="cpp">
                    <h3>POSIX Shell</h3>
                    <p>A fully functional POSIX shell implementation in C++.</p>
                    <a href="https://github.com/Noobmaster-IIIT/miniShell" target="_blank">View Project</a>
                </div>
                <div class="card project-item" data-category="python">
                    <h3>Sentiment Analysis</h3>
                    <p>Twitter sentiment analysis using NLTK and ML models.</p>
                    <a href="https://github.com/yourproject2" target="_blank">View Project</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Education Section -->
    <section id="education">
        <div class="container">
            <h2>Education</h2>
            <p>M.Tech in Computer Science, IIIT Hyderabad</p>
            <p>B.Tech in Civil Engineering, Jadavpur University</p>
        </div>
    </section>

    <!-- Contact & Social Media Section -->
    <section id="contact">
        <div class="container">
            <h2>Find Me Online</h2>
            <div class="social-links">
                <a href="https://github.com/Noobmaster-IIIT" target="_blank"><i class="fab fa-github"></i></a>
                <a href="https://www.linkedin.com/in/abhirup6590/" target="_blank"><i class="fab fa-linkedin"></i></a>
            </div>
        </div>
    </section>

    <!-- Back to Top Button -->
    <button id="back-to-top"><i class="fas fa-arrow-up"></i></button>

    <!-- Footer -->
    <footer>
        <div class="container">
            <p>&copy; 2024 Abhirup</p>
        </div>
    </footer>

    <!-- JavaScript -->
    <script src="script.js"></script>
</body>
</html>