gjj / index.html
gaur3009's picture
Update index.html
e7423ee verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aditya Singh Gaur - AI Engineer</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.section-title {
position: relative;
display: inline-block;
}
.section-title:after {
content: '';
position: absolute;
width: 100%;
height: 4px;
bottom: -5px;
left: 0;
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
border-radius: 2px;
}
.timeline-item {
position: relative;
padding-left: 30px;
margin-bottom: 30px;
}
.timeline-item:before {
content: '';
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
left: -8px;
top: 5px;
background: #3b82f6;
border: 3px solid white;
box-shadow: 0 0 0 2px #3b82f6;
}
.timeline-item:after {
content: '';
position: absolute;
width: 2px;
height: calc(100% - 25px);
left: 0;
top: 25px;
background: #e5e7eb;
}
.timeline-item:last-child:after {
display: none;
}
.skill-pill {
transition: all 0.3s ease;
}
.skill-pill:hover {
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.project-card {
transition: all 0.3s ease;
}
.project-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
animation: fadeIn 0.6s ease forwards;
}
</style>
</head>
<body class="bg-gray-50 text-gray-800 font-sans">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<!-- Header -->
<header class="bg-white rounded-xl shadow-md p-6 mb-8 animate-fade-in" style="animation-delay: 0.1s;">
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="text-center md:text-left mb-6 md:mb-0">
<h1 class="text-3xl md:text-4xl font-bold text-gray-900 mb-2">Aditya Singh Gaur</h1>
<h2 class="text-xl md:text-2xl font-semibold text-indigo-600">AI Engineer | Deep Learning & NLP Specialist</h2>
</div>
<div class="flex flex-col space-y-2">
<div class="flex items-center">
<i class="fas fa-phone-alt text-indigo-500 mr-2"></i>
<span>7521900880</span>
</div>
<div class="flex items-center">
<i class="fas fa-envelope text-indigo-500 mr-2"></i>
<span>gaur3009@gmail.com</span>
</div>
<div class="flex items-center">
<i class="fas fa-map-marker-alt text-indigo-500 mr-2"></i>
<span>Kanpur, Uttar Pradesh</span>
</div>
</div>
</div>
</header>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Left Column -->
<div class="lg:col-span-2 space-y-8">
<!-- Summary -->
<section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.2s;">
<h3 class="text-2xl font-bold mb-4 section-title">Summary</h3>
<p class="text-gray-700 leading-relaxed">
Innovative AI Engineer with expertise in Deep Learning, NLP, and Computer Vision. Experienced in building AI-driven solutions for fashion technology, job matching, and virtual metaverse applications. Proficient in PyTorch, OpenCV, YOLOv8, Gradio, and StyleGAN. Passionate about AI-generated fashion and scalable AI solutions.
</p>
</section>
<!-- Experience -->
<section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.3s;">
<h3 class="text-2xl font-bold mb-4 section-title">Experience</h3>
<div class="timeline-item">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
<h4 class="text-lg font-semibold">Lead GenAI Engineer (Part-Time)</h4>
<span class="text-sm text-gray-600">01/2024 - Present</span>
</div>
<h5 class="text-md font-medium text-indigo-600 mb-2">Rookus.in</h5>
<ul class="list-disc pl-5 space-y-1 text-gray-700">
<li>Integrated deep learning techniques for realistic fabric warping.</li>
<li>Spearheaded AI-driven design generation models for fashion.</li>
<li>Developed scalable GenAI B2B SaaS solutions.</li>
<li>Utilized transfer learning techniques to improve model accuracy.</li>
<li>Collaborated with software engineers to deploy AI solutions efficiently.</li>
</ul>
</div>
<div class="timeline-item">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
<h4 class="text-lg font-semibold">NLP Engineer</h4>
<span class="text-sm text-gray-600">08/2023 - 11/2023</span>
</div>
<h5 class="text-md font-medium text-indigo-600 mb-2">Metaverse Ventures Pvt Ltd, Bengaluru</h5>
<ul class="list-disc pl-5 space-y-1 text-gray-700">
<li>Designed RNN-LSTM architecture for NLP and body measurement.</li>
<li>Contributed to encoder-decoder-based LLMs.</li>
<li>Designed a system to detect user query intent using NLU.</li>
<li>Integrated third-party APIs into the NLP pipeline.</li>
</ul>
</div>
<div class="timeline-item">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
<h4 class="text-lg font-semibold">Virtual Data Analyst Intern</h4>
<span class="text-sm text-gray-600">07/2023 - 08/2023</span>
</div>
<h5 class="text-md font-medium text-indigo-600 mb-2">KPMG (Remote)</h5>
<ul class="list-disc pl-5 space-y-1 text-gray-700">
<li>Performed data-driven insights using Python and SQL.</li>
<li>Conducted end-to-end analysis to identify gaps and propose solutions.</li>
<li>Interpreted data and analyzed results using statistical techniques.</li>
</ul>
</div>
<div class="timeline-item">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
<h4 class="text-lg font-semibold">Subject Matter Expert</h4>
<span class="text-sm text-gray-600">05/2023 - 07/2023</span>
</div>
<h5 class="text-md font-medium text-indigo-600 mb-2">Edu Solutions Consultancy Pvt Ltd</h5>
<ul class="list-disc pl-5 space-y-1 text-gray-700">
<li>Delivered content and guidance in Mathematics & Computing.</li>
<li>Mentored junior team members in best practices.</li>
<li>Developed comprehensive training programs.</li>
</ul>
</div>
</section>
<!-- Projects -->
<section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.4s;">
<h3 class="text-2xl font-bold mb-4 section-title">Projects</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="project-card bg-gray-50 rounded-lg p-4 border border-gray-200">
<h4 class="text-lg font-semibold mb-2">Job Board GPT</h4>
<p class="text-gray-700 text-sm mb-2">AI-powered job board using NLP and PyTorch for personalized recommendations.</p>
<p class="text-gray-500 text-xs">Technologies: ReactJS, Django, Firebase</p>
</div>
<div class="project-card bg-gray-50 rounded-lg p-4 border border-gray-200">
<h4 class="text-lg font-semibold mb-2">AI Fashion</h4>
<p class="text-gray-700 text-sm mb-2">AI-generated design model with artwork and text adaptation on clothing.</p>
<p class="text-gray-500 text-xs">Technologies: StyleGAN, PyTorch</p>
</div>
<div class="project-card bg-gray-50 rounded-lg p-4 border border-gray-200">
<h4 class="text-lg font-semibold mb-2">Speech Grammar Correction</h4>
<p class="text-gray-700 text-sm mb-2">Model using Wav2Vec for speech-to-text correction with scoring.</p>
<p class="text-gray-500 text-xs">Technologies: Hugging Face, Gradio</p>
</div>
<div class="project-card bg-gray-50 rounded-lg p-4 border border-gray-200">
<h4 class="text-lg font-semibold mb-2">RAG QnA from PDF</h4>
<p class="text-gray-700 text-sm mb-2">QA system on long PDFs using Weaviate and Cohere API.</p>
<p class="text-gray-500 text-xs">Technologies: Sentence Transformers</p>
</div>
</div>
</section>
</div>
<!-- Right Column -->
<div class="space-y-8">
<!-- Education -->
<section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.2s;">
<h3 class="text-2xl font-bold mb-4 section-title">Education</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold">Birla Institute of Technology, Mesra</h4>
<p class="text-gray-700">Integrated BS-MS in Mathematics and Computing</p>
<p class="text-gray-500 text-sm">2021-2026, GPA: 8.14</p>
</div>
<div>
<h4 class="font-semibold">Air Force School</h4>
<p class="text-gray-700">PCM</p>
<p class="text-gray-500 text-sm">12th: 90.6% | 10th: 91.6%</p>
</div>
</div>
</section>
<!-- Skills -->
<section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.3s;">
<h3 class="text-2xl font-bold mb-4 section-title">Skills</h3>
<div class="space-y-3">
<div>
<h4 class="font-medium mb-2">Programming Languages</h4>
<div class="flex flex-wrap gap-2">
<span class="skill-pill bg-indigo-100 text-indigo-800 px-3 py-1 rounded-full text-sm">Python</span>
<span class="skill-pill bg-indigo-100 text-indigo-800 px-3 py-1 rounded-full text-sm">TypeScript</span>
<span class="skill-pill bg-indigo-100 text-indigo-800 px-3 py-1 rounded-full text-sm">JavaScript</span>
</div>
</div>
<div>
<h4 class="font-medium mb-2">AI & ML</h4>
<div class="flex flex-wrap gap-2">
<span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">PyTorch</span>
<span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">TensorFlow</span>
<span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">YOLOv8</span>
<span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">OpenCV</span>
<span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">StyleGAN</span>
<span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">BERT</span>
</div>
</div>
<div>
<h4 class="font-medium mb-2">Web Technologies</h4>
<div class="flex flex-wrap gap-2">
<span class="skill-pill bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">ReactJS</span>
<span class="skill-pill bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Django</span>
<span class="skill-pill bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Flask</span>
<span class="skill-pill bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Firebase</span>
</div>
</div>
<div>
<h4 class="font-medium mb-2">Tools & Platforms</h4>
<div class="flex flex-wrap gap-2">
<span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">Gradio</span>
<span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">Hugging Face</span>
<span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">AWS</span>
<span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">Google Cloud</span>
<span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">Git</span>
</div>
</div>
</div>
</section>
<!-- Achievements -->
<section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.4s;">
<h3 class="text-2xl font-bold mb-4 section-title">Achievements</h3>
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li>1st Rank at BIT-Nishan Top Tech Competition</li>
<li>3rd at Collegiate level SIH and selected for nationals</li>
</ul>
</section>
<!-- Links -->
<section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.5s;">
<h3 class="text-2xl font-bold mb-4 section-title">Links</h3>
<div class="space-y-3">
<a href="https://lime-grazia-5.tiiny.site/" target="_blank"
class="flex items-center bg-gradient-to-r from-indigo-500 to-purple-600 text-white font-semibold px-4 py-2 rounded-lg shadow-lg hover:opacity-90 transition">
<i class="fas fa-file-alt text-xl mr-3"></i>
<span>View My Resume</span>
</a>
<a href="https://www.linkedin.com/in/aditya-singh-gaur-8356ba229/" target="_blank" class="flex items-center text-blue-600 hover:text-blue-800 transition-colors">
<i class="fab fa-linkedin text-xl mr-3"></i>
<span>LinkedIn Profile</span>
</a>
<a href="https://www.github.com/gaur3009-p" target="_blank" class="flex items-center text-gray-800 hover:text-gray-600 transition-colors">
<i class="fab fa-github text-xl mr-3"></i>
<span>GitHub Profile</span>
</a>
<a href="https://www.huggingface.co/gaur3009" target="_blank" class="flex items-center text-yellow-600 hover:text-yellow-800 transition-colors">
<i class="fas fa-robot text-xl mr-3"></i>
<span>Hugging Face Profile</span>
</a>
</div>
</section>
</div>
</div>
</div>
<script>
// Simple animation trigger on scroll
document.addEventListener('DOMContentLoaded', function() {
const sections = document.querySelectorAll('section');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = 1;
entry.target.style.transform = 'translateY(0)';
}
});
}, { threshold: 0.1 });
sections.forEach(section => {
section.style.opacity = 0;
section.style.transform = 'translateY(20px)';
section.style.transition = 'all 0.6s ease';
observer.observe(section);
});
});
</script>
</html>