mywebsite/index.html at main · CodeX-SIT/mywebsite · 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sujit Gunjal | Portfolio</title>
  <meta name="description" content="Portfolio of Sujit Gunjal - Computer Science Engineer & AI Enthusiast">
  <link rel="stylesheet" href="style.css">
  <!-- FontAwesome for icons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>

  <!-- Dynamic Background Blobs -->
  <div class="bg-blobs">
    <div class="blob blob-1"></div>
    <div class="blob blob-2"></div>
  </div>

  <!-- Navigation -->
  <nav id="navbar">
    <div class="container nav-content">
      <a href="#" class="logo">SG.</a>
      <ul class="nav-links">
        <li><a href="#about">About</a></li>
        <li><a href="#experience">Experience</a></li>
        <li><a href="#projects">Projects</a></li>
        <li><a href="#skills">Skills</a></li>
        <li><a href="#education">Education</a></li>
      </ul>
    </div>
  </nav>

  <!-- Hero Section -->
  <section id="about" class="hero">
    <div class="container reveal">
      <h1>Hi, I'm <span>Sujit Gunjal</span></h1>
      <p>A passionate Computer Science & Engineering student specializing in AI, Machine Learning, and backend automation. Building intelligent systems and multi-agent environments.</p>
      <div class="hero-btns">
        <a href="#projects" class="btn btn-primary">View Projects</a>
        <a href="#experience" class="btn btn-outline">My Experience</a>
      </div>
    </div>
  </section>

  <!-- Experience Section -->
  <section id="experience">
    <div class="container">
      <div class="section-title-wrapper reveal">
        <h2 class="section-title">Experience</h2>
      </div>
      <div class="timeline reveal">
        <div class="timeline-item">
          <div class="timeline-dot"></div>
          <span class="timeline-date">Jan. 2026 – June 2026</span>
          <div class="timeline-content glass-card">
            <h3>R&D Intern</h3>
            <h4>BMC Helix | Pune, Maharashtra</h4>
            <ul>
              <li>Built AI-powered automation for Windows application onboarding using silent installers with GUI automation fallback.</li>
              <li>Integrated Pywinauto and UI-TARS Vision AI to automate installers without native silent-install support.</li>
              <li>Designed FastAPI-based microservices for installation orchestration, real-time monitoring, and verification.</li>
              <li>Engineered Linux app discovery and metadata extraction using APT, DPKG, Snap, filesystem scanning, and system logs.</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Projects Section -->
  <section id="projects">
    <div class="container">
      <div class="section-title-wrapper reveal">
        <h2 class="section-title">Projects</h2>
      </div>
      <div class="projects-grid">

        <div class="project-card glass-card reveal">
          <h3>Incident Commander</h3>
          <p>Multi-Agent RL Environment for Incident Response built with an OpenEnv-compatible architecture. Simulates production incidents like database failures and cache stampedes.</p>
          <ul>
            <li>Designed a multi-agent architecture using Qwen/Gemma models.</li>
            <li>Implemented a Pretrain → SFT → GRPO pipeline.</li>
            <li>Deployed using FastAPI, Docker, Streamlit, and Hugging Face Spaces.</li>
          </ul>
          <div class="project-links">
            <a href="#"><i class="fab fa-github"></i> GitHub</a>
          </div>
        </div>

        <div class="project-card glass-card reveal">
          <h3>AI-Powered App Onboarding</h3>
          <p>Enterprise application onboarding system to automate Windows software installation using intelligent GUI fallback.</p>
          <ul>
            <li>Integrated Pywinauto and UI-TARS Vision AI.</li>
            <li>Built FastAPI microservices for orchestration, verification, and AI-assisted routing.</li>
          </ul>
          <div class="project-links">
            <a href="#"><i class="fab fa-github"></i> GitHub</a>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- Skills Section -->
  <section id="skills">
    <div class="container">
      <div class="section-title-wrapper reveal">
        <h2 class="section-title">Technical Skills</h2>
      </div>
      <div class="glass-card skills-container reveal">

        <div class="skill-category">
          <h3><i class="fas fa-code"></i> Programming Languages</h3>
          <div class="skills-list">
            <span class="skill-tag">Python</span>
            <span class="skill-tag">Java</span>
            <span class="skill-tag">SQL</span>
          </div>
        </div>

        <div class="skill-category">
          <h3><i class="fas fa-brain"></i> AI & Machine Learning</h3>
          <div class="skills-list">
            <span class="skill-tag">Machine Learning</span>
            <span class="skill-tag">LangChain</span>
            <span class="skill-tag">EDA</span>
            <span class="skill-tag">Scikit-learn</span>
            <span class="skill-tag">XGBoost</span>
          </div>
        </div>

        <div class="skill-category">
          <h3><i class="fas fa-layer-group"></i> Libraries & Frameworks</h3>
          <div class="skills-list">
            <span class="skill-tag">Pandas</span>
            <span class="skill-tag">NumPy</span>
            <span class="skill-tag">Matplotlib</span>
            <span class="skill-tag">Streamlit</span>
            <span class="skill-tag">FastAPI</span>
          </div>
        </div>

        <div class="skill-category">
          <h3><i class="fas fa-tools"></i> Tools & Platforms</h3>
          <div class="skills-list">
            <span class="skill-tag">Git</span>
            <span class="skill-tag">GitHub</span>
            <span class="skill-tag">Docker</span>
            <span class="skill-tag">Postman</span>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- Education & Achievements Section -->
  <section id="education">
    <div class="container">
      <div class="grid-2">

        <div class="education-wrap reveal">
          <h2 class="section-title" style="text-align: left; margin-bottom: 2rem;">Education</h2>
          <div class="timeline">

            <div class="timeline-item">
              <div class="timeline-dot"></div>
              <span class="timeline-date">2023 – Present</span>
              <div class="timeline-content glass-card">
                <h3>B.Tech in Computer Science & Engineering</h3>
                <h4>Symbiosis Institute of Technology | Pune, Maharashtra</h4>
                <p>CGPA: <strong>8.5</strong></p>
              </div>
            </div>

            <div class="timeline-item">
              <div class="timeline-dot"></div>
              <span class="timeline-date">2022 – 2023</span>
              <div class="timeline-content glass-card">
                <h3>CBSE Class XII</h3>
                <h4>Air Force School, Chandan Nagar | Pune, Maharashtra</h4>
                <p>Percentage: <strong>91.6%</strong></p>
              </div>
            </div>

          </div>
        </div>

        <div class="achievements-wrap reveal">
          <h2 class="section-title" style="text-align: left; margin-bottom: 2rem;">Highlights</h2>

          <div class="glass-card" style="margin-bottom: 2rem;">
            <h3>Achievements</h3>
            <br>
            <div class="list-item">
              <i class="fas fa-trophy list-icon"></i>
              <p>Selected as a Finalist in the Meta PyTorch OpenEnv Hackathon.</p>
            </div>
            <div class="list-item">
              <i class="fas fa-medal list-icon"></i>
              <p>Won the Regional Science Exhibition for developing an innovative project.</p>
            </div>
            <div class="list-item">
              <i class="fas fa-star list-icon"></i>
              <p>Secured the Top Position in Computer Science in CBSE Class XII.</p>
            </div>
          </div>

          <div class="glass-card">
            <h3>Certifications</h3>
            <br>
            <div class="list-item"><i class="fas fa-certificate list-icon"></i><p>Oracle OCI 2025 AI Foundations Associate</p></div>
            <div class="list-item"><i class="fas fa-certificate list-icon"></i><p>Nutanix Certified Associate (NCA)</p></div>
            <div class="list-item"><i class="fas fa-certificate list-icon"></i><p>IBM: Machine Learning with Python</p></div>
            <div class="list-item"><i class="fas fa-certificate list-icon"></i><p>IBM: Deep Learning & Neural Networks with Keras</p></div>
            <div class="list-item"><i class="fas fa-certificate list-icon"></i><p>IBM: Python for Data Science, AI & Development</p></div>
            <div class="list-item"><i class="fas fa-certificate list-icon"></i><p>Java DSA (Coding Ninjas)</p></div>
          </div>

        </div>

      </div>
    </div>
  </section>

  <footer>
    <div class="container">
      <p>&copy; 2026 Sujit Gunjal. Designed & Built with precision.</p>
    </div>
  </footer>

  <script src="script.js"></script>
</body>
</html>