Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Rohan Bagulwar | Data Scientist & AI Engineer</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| .gradient-text { | |
| background: linear-gradient(90deg, #3b82f6, #8b5cf6); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .skill-pill { | |
| transition: all 0.3s ease; | |
| } | |
| .skill-pill:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 text-gray-800 font-sans"> | |
| <div class="min-h-screen"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-sm sticky top-0 z-50"> | |
| <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <span class="text-xl font-bold gradient-text">Rohan Bagulwar</span> | |
| </div> | |
| <div class="hidden md:flex items-center space-x-8"> | |
| <a href="#about" class="text-gray-700 hover:text-blue-600 transition">About</a> | |
| <a href="#experience" class="text-gray-700 hover:text-blue-600 transition">Experience</a> | |
| <a href="#projects" class="text-gray-700 hover:text-blue-600 transition">Projects</a> | |
| <a href="#skills" class="text-gray-700 hover:text-blue-600 transition">Skills</a> | |
| <a href="#contact" class="text-gray-700 hover:text-blue-600 transition">Contact</a> | |
| </div> | |
| <div class="md:hidden flex items-center"> | |
| <button id="menu-btn" class="text-gray-700"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div id="mobile-menu" class="hidden md:hidden bg-white pb-4 px-4"> | |
| <div class="flex flex-col space-y-2"> | |
| <a href="#about" class="text-gray-700 hover:text-blue-600 transition py-2">About</a> | |
| <a href="#experience" class="text-gray-700 hover:text-blue-600 transition py-2">Experience</a> | |
| <a href="#projects" class="text-gray-700 hover:text-blue-600 transition py-2">Projects</a> | |
| <a href="#skills" class="text-gray-700 hover:text-blue-600 transition py-2">Skills</a> | |
| <a href="#contact" class="text-gray-700 hover:text-blue-600 transition py-2">Contact</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="py-20 px-4 sm:px-6 lg:px-8 max-w-6xl mx-auto"> | |
| <div class="text-center" data-aos="fade-up"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-4">Hi, I'm <span class="gradient-text">Rohan Bagulwar</span></h1> | |
| <h2 class="text-xl md:text-2xl text-gray-600 mb-6">Data Scientist & AI Engineer | MS in Computational Data Science @ UF</h2> | |
| <p class="text-lg text-gray-700 max-w-3xl mx-auto mb-8"> | |
| Building AI-driven solutions with 3+ years of experience in Generative AI, Machine Learning, MLOps, and Computer Vision across Energy, Legal AI, Finance, and Healthcare. | |
| </p> | |
| <div class="flex justify-center space-x-4"> | |
| <a href="#contact" class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">Get in Touch</a> | |
| <a href="#projects" class="px-6 py-3 border border-blue-600 text-blue-600 rounded-lg hover:bg-blue-50 transition">View Projects</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Update grid to 3 columns for projects --> | |
| <style> | |
| @media (min-width: 768px) { | |
| #projects .grid { | |
| grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| } | |
| } | |
| </style> | |
| <!-- About Section --> | |
| <section id="about" class="py-16 px-4 sm:px-6 lg:px-8 max-w-6xl mx-auto bg-white rounded-xl shadow-sm"> | |
| <div class="mb-8 text-center" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold mb-2">About Me</h2> | |
| <div class="w-20 h-1 bg-gradient-to-r from-blue-500 to-purple-500 mx-auto"></div> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div data-aos="fade-right"> | |
| <h3 class="text-xl font-semibold mb-4">Education</h3> | |
| <div class="space-y-4"> | |
| <div class="border-l-4 border-blue-500 pl-4 py-1"> | |
| <h4 class="font-medium">University of Florida</h4> | |
| <p class="text-gray-600">Master's in Computational Data Science</p> | |
| <p class="text-sm text-gray-500">2023 - Present</p> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-semibold mt-8 mb-4">Certifications</h3> | |
| <ul class="space-y-2"> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1"></i> | |
| <span>Microsoft Certified: Azure Solution Architect</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1"></i> | |
| <span>Databricks Gen-AI Engineer</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1"></i> | |
| <span>DeepLearning.AI TensorFlow Developer</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div data-aos="fade-left"> | |
| <h3 class="text-xl font-semibold mb-4">Research & Innovation</h3> | |
| <div class="space-y-4"> | |
| <div class="border-l-4 border-purple-500 pl-4 py-1"> | |
| <h4 class="font-medium">Patented COVID Assistant Chatbot</h4> | |
| <p class="text-gray-600">Developed in Marathi language using Facebook BlenderBot</p> | |
| </div> | |
| <div class="border-l-4 border-purple-500 pl-4 py-1"> | |
| <h4 class="font-medium">Healthcare AI Research</h4> | |
| <p class="text-gray-600">Delirium detection in ICU patients using LLaMA-based models</p> | |
| </div> | |
| <div class="border-l-4 border-purple-500 pl-4 py-1"> | |
| <h4 class="font-medium">Legal RAG Chatbots</h4> | |
| <p class="text-gray-600">Published research on retrieval-augmented generation for legal applications</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Experience Section --> | |
| <section id="experience" class="py-16 px-4 sm:px-6 lg:px-8 max-w-6xl mx-auto"> | |
| <div class="mb-8 text-center" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold mb-2">Professional Experience</h2> | |
| <div class="w-20 h-1 bg-gradient-to-r from-blue-500 to-purple-500 mx-auto"></div> | |
| </div> | |
| <div class="space-y-8"> | |
| <!-- Experience 1 --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm" data-aos="fade-up"> | |
| <div class="flex flex-col md:flex-row md:justify-between md:items-center mb-4"> | |
| <h3 class="text-xl font-semibold">Volunteer ML Researcher – I-Heal Lab</h3> | |
| <span class="text-blue-600 font-medium">University of Florida | 2023 - Present</span> | |
| </div> | |
| <ul class="space-y-2 text-gray-700"> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Working on delirium detection in ICU patients using U.S. healthcare data</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Fine-tuning LLaMA-based models with LoRA/QLoRA for classification tasks</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Advancing healthcare AI solutions using Hugging Face Transformers</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Experience 2 --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm" data-aos="fade-up"> | |
| <div class="flex flex-col md:flex-row md:justify-between md:items-center mb-4"> | |
| <h3 class="text-xl font-semibold">Associate Data Scientist</h3> | |
| <span class="text-blue-600 font-medium">Celebal Technologies | Jun 2023 - Jun 2025</span> | |
| </div> | |
| <ul class="space-y-2 text-gray-700"> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Developed and deployed AI/ML models for energy, manufacturing, and finance clients</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Built LLM pipelines (RAG chatbots, fine-tuning LLaMA, embeddings search)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Designed computer vision systems for car damage detection and industrial safety</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Experience 3 --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm" data-aos="fade-up"> | |
| <div class="flex flex-col md:flex-row md:justify-between md:items-center mb-4"> | |
| <h3 class="text-xl font-semibold">Software Engineer - Computer Vision</h3> | |
| <span class="text-blue-600 font-medium">Zestiot Technologies | Sep 2022 - Nov 2022</span> | |
| </div> | |
| <ul class="space-y-2 text-gray-700"> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Designed object detection pipeline for manufacturing live cameras, deployed on local infrastructure and Jetson Nano edge devices</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Managed end-to-end deployment and monitoring for resilient computer vision services across distributed edge deployments</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Experience 4 --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm" data-aos="fade-up"> | |
| <div class="flex flex-col md:flex-row md:justify-between md:items-center mb-4"> | |
| <h3 class="text-xl font-semibold">Junior Data Scientist</h3> | |
| <span class="text-blue-600 font-medium">iNeuron.ai | Sep 2021 - Aug 2022</span> | |
| </div> | |
| <ul class="space-y-2 text-gray-700"> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Worked on classical ML, time series forecasting, and MLOps PoCs for various client projects</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Explored new MLOps tools and implemented proof of concepts around ML lifecycle management</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="chevron-right" class="text-blue-500 mr-2 mt-1"></i> | |
| <span>Resolved 150+ weekly data science queries from model development to deployment</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Projects Section --> | |
| <section id="projects" class="py-16 px-4 sm:px-6 lg:px-8 max-w-6xl mx-auto bg-white rounded-xl shadow-sm"> | |
| <div class="mb-8 text-center" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold mb-2">Featured Projects</h2> | |
| <div class="w-20 h-1 bg-gradient-to-r from-blue-500 to-purple-500 mx-auto"></div> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <!-- Project 1 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition" data-aos="fade-up"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i data-feather="eye" class="text-blue-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold">Vision analytics</h3> | |
| </div> | |
| <p class="text-gray-700 mb-4"> | |
| Computer vision solution for car garages that detects dents and damages from video using YOLOv8 + GPT, deployed on Azure AKS with automated cost estimation. | |
| </p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Computer Vision</span> | |
| <span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">YOLOv8</span> | |
| <span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Azure AKS</span> | |
| </div> | |
| </div> | |
| <!-- Project 2 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition" data-aos="fade-up"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-purple-100 p-3 rounded-full mr-4"> | |
| <i data-feather="zap" class="text-purple-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold">Energy Analytics</h3> | |
| </div> | |
| <p class="text-gray-700 mb-4"> | |
| Electric Transformer load forecasting and anomaly detection using large-scale utility data, improving energy planning and reducing costs. | |
| </p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-3 py-1 bg-purple-100 text-purple-800 text-sm rounded-full">Time Series</span> | |
| <span class="px-3 py-1 bg-purple-100 text-purple-800 text-sm rounded-full">Forecasting</span> | |
| <span class="px-3 py-1 bg-purple-100 text-purple-800 text-sm rounded-full">Anomaly Detection</span> | |
| </div> | |
| </div> | |
| <!-- Project 3 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition" data-aos="fade-up"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-green-100 p-3 rounded-full mr-4"> | |
| <i data-feather="message-square" class="text-green-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold">Finance RAG Chatbot</h3> | |
| </div> | |
| <p class="text-gray-700 mb-4"> | |
| Voice-enabled RAG chatbot for financial documents with speech-to-speech capability, deployed on Azure with FastAPI backend and AI Search. | |
| </p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">LLMs</span> | |
| <span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">RAG</span> | |
| <span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">Azure</span> | |
| </div> | |
| </div> | |
| <!-- Project 4 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition" data-aos="fade-up"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-red-100 p-3 rounded-full mr-4"> | |
| <i data-feather="shield" class="text-red-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold">Industrial Safety System</h3> | |
| </div> | |
| <p class="text-gray-700 mb-4"> | |
| Real-time safety detection system for manufacturing plants using custom YOLO models to detect PPE compliance and hazard zones. | |
| </p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-3 py-1 bg-red-100 text-red-800 text-sm rounded-full">YOLO</span> | |
| <span class="px-3 py-1 bg-red-100 text-red-800 text-sm rounded-full">Real-time</span> | |
| <span class="px-3 py-1 bg-red-100 text-red-800 text-sm rounded-full">Azure</span> | |
| </div> | |
| </div> | |
| <!-- Project 5 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition" data-aos="fade-up"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-yellow-100 p-3 rounded-full mr-4"> | |
| <i data-feather="zap" class="text-yellow-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold">Energy Forecasting on Databricks</h3> | |
| </div> | |
| <p class="text-gray-700 mb-4"> | |
| End-to-end energy forecasting solution handling 400TB+ data, implementing LSTM/ARIMA models to predict transformer load and optimize grid operations. | |
| </p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-3 py-1 bg-yellow-100 text-yellow-800 text-sm rounded-full">Databricks</span> | |
| <span class="px-3 py-1 bg-yellow-100 text-yellow-800 text-sm rounded-full">Time Series</span> | |
| <span class="px-3 py-1 bg-yellow-100 text-yellow-800 text-sm rounded-full">LSTM</span> | |
| </div> | |
| </div> | |
| <!-- Project 6 --> | |
| <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition" data-aos="fade-up"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-indigo-100 p-3 rounded-full mr-4"> | |
| <i data-feather="dollar-sign" class="text-indigo-600"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold">Agentic RAG for Finance</h3> | |
| </div> | |
| <p class="text-gray-700 mb-4"> | |
| Multi-agent RAG solution for financial institutions with document parsing, semantic chunking, and specialized agents for compliance and query answering. | |
| </p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-3 py-1 bg-indigo-100 text-indigo-800 text-sm rounded-full">RAG</span> | |
| <span class="px-3 py-1 bg-indigo-100 text-indigo-800 text-sm rounded-full">LangChain</span> | |
| <span class="px-3 py-1 bg-indigo-100 text-indigo-800 text-sm rounded-full">Azure</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Skills Section --> | |
| <section id="skills" class="py-16 px-4 sm:px-6 lg:px-8 max-w-6xl mx-auto"> | |
| <div class="mb-8 text-center" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold mb-2">Technical Skills</h2> | |
| <div class="w-20 h-1 bg-gradient-to-r from-blue-500 to-purple-500 mx-auto"></div> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <!-- Cloud & MLOps --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm" data-aos="fade-up"> | |
| <h3 class="text-xl font-semibold mb-4 flex items-center"> | |
| <i data-feather="cloud" class="mr-2 text-blue-500"></i> Cloud & MLOps | |
| </h3> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="skill-pill px-3 py-1 bg-blue-100 text-blue-800 rounded-full">AWS (Bedrock, S3, Lambda)</span> | |
| <span class="skill-pill px-3 py-1 bg-blue-100 text-blue-800 rounded-full">Azure (AKS, Cosmos DB)</span> | |
| <span class="skill-pill px-3 py-1 bg-blue-100 text-blue-800 rounded-full">GCP</span> | |
| <span class="skill-pill px-3 py-1 bg-blue-100 text-blue-800 rounded-full">Databricks</span> | |
| <span class="skill-pill px-3 py-1 bg-blue-100 text-blue-800 rounded-full">FastAPI</span> | |
| <span class="skill-pill px-3 py-1 bg-blue-100 text-blue-800 rounded-full">Docker</span> | |
| <span class="skill-pill px-3 py-1 bg-blue-100 text-blue-800 rounded-full">CI/CD</span> | |
| </div> | |
| </div> | |
| <!-- ML/DL --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm" data-aos="fade-up"> | |
| <h3 class="text-xl font-semibold mb-4 flex items-center"> | |
| <i data-feather="cpu" class="mr-2 text-purple-500"></i> ML/DL | |
| </h3> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="skill-pill px-3 py-1 bg-purple-100 text-purple-800 rounded-full">Scikit-learn</span> | |
| <span class="skill-pill px-3 py-1 bg-purple-100 text-purple-800 rounded-full">TensorFlow</span> | |
| <span class="skill-pill px-3 py-1 bg-purple-100 text-purple-800 rounded-full">PyTorch</span> | |
| <span class="skill-pill px-3 py-1 bg-purple-100 text-purple-800 rounded-full">XGBoost</span> | |
| <span class="skill-pill px-3 py-1 bg-purple-100 text-purple-800 rounded-full">LSTM</span> | |
| <span class="skill-pill px-3 py-1 bg-purple-100 text-purple-800 rounded-full">YOLOv8</span> | |
| <span class="skill-pill px-3 py-1 bg-purple-100 text-purple-800 rounded-full">Hugging Face</span> | |
| </div> | |
| </div> | |
| <!-- LLMs & GenAI --> | |
| <div class="bg-white p-6 rounded-xl shadow-sm" data-aos="fade-up"> | |
| <h3 class="text-xl font-semibold mb-4 flex items-center"> | |
| <i data-feather="activity" class="mr-2 text-green-500"></i> LLMs & GenAI | |
| </h3> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="skill-pill px-3 py-1 bg-green-100 text-green-800 rounded-full">RAG Pipelines</span> | |
| <span class="skill-pill px-3 py-1 bg-green-100 text-green-800 rounded-full">LLaMA Fine-tuning</span> | |
| <span class="skill-pill px-3 py-1 bg-green-100 text-green-800 rounded-full">OpenAI GPT</span> | |
| <span class="skill-pill px-3 py-1 bg-green-100 text-green-800 rounded-full">Vector DBs</span> | |
| <span class="skill-pill px-3 py-1 bg-green-100 text-green-800 rounded-full">LoRA/QLoRA</span> | |
| <span class="skill-pill px-3 py-1 bg-green-100 text-green-800 rounded-full">Embeddings</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="py-16 px-4 sm:px-6 lg:px-8 max-w-6xl mx-auto bg-white rounded-xl shadow-sm"> | |
| <div class="mb-8 text-center" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold mb-2">Get In Touch</h2> | |
| <div class="w-20 h-1 bg-gradient-to-r from-blue-500 to-purple-500 mx-auto"></div> | |
| <p class="text-gray-600 mt-4 max-w-2xl mx-auto"> | |
| Have a project in mind or want to discuss potential opportunities? Feel free to reach out! | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div data-aos="fade-right"> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i data-feather="mail" class="text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-semibold text-lg">Email</h3> | |
| <a href="mailto:rohanbagulwarrb@gmail.com" class="text-gray-600 hover:text-blue-600 transition">rohanbagulwarrb@gmail.com</a> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-purple-100 p-3 rounded-full mr-4"> | |
| <i data-feather="phone" class="text-purple-600"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-semibold text-lg">Phone</h3> | |
| <a href="tel:+13523286709" class="text-gray-600 hover:text-purple-600 transition">+1 (352) 328-6709</a> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-green-100 p-3 rounded-full mr-4"> | |
| <i data-feather="github" class="text-green-600"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-semibold text-lg">GitHub</h3> | |
| <a href="https://github.com/rohanbagulwar" target="_blank" class="text-gray-600 hover:text-green-600 transition">github.com/rohanbagulwar</a> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-blue-700 p-3 rounded-full mr-4"> | |
| <i data-feather="linkedin" class="text-white"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-semibold text-lg">LinkedIn</h3> | |
| <a href="https://linkedin.com/in/rohan-bagulwar" target="_blank" class="text-gray-600 hover:text-blue-700 transition">linkedin.com/in/rohan-bagulwar</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-aos="fade-left"> | |
| <form class="space-y-4"> | |
| <div> | |
| <label for="name" class="block text-sm font-medium text-gray-700">Name</label> | |
| <input type="text" id="name" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500"> | |
| </div> | |
| <div> | |
| <label for="email" class="block text-sm font-medium text-gray-700">Email</label> | |
| <input type="email" id="email" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500"> | |
| </div> | |
| <div> | |
| <label for="message" class="block text-sm font-medium text-gray-700">Message</label> | |
| <textarea id="message" rows="4" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500"></textarea> | |
| </div> | |
| <button type="submit" class="w-full px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg hover:from-blue-700 hover:to-purple-700 transition"> | |
| Send Message | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="py-8 px-4 sm:px-6 lg:px-8 max-w-6xl mx-auto text-center"> | |
| <p class="text-gray-600"> | |
| © <span id="year"></span> Rohan Bagulwar. All rights reserved. | |
| </p> | |
| </footer> | |
| </div> | |
| <script> | |
| AOS.init(); | |
| feather.replace(); | |
| document.getElementById('year').textContent = new Date().getFullYear(); | |
| // Mobile menu toggle | |
| const menuBtn = document.getElementById('menu-btn'); | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| menuBtn.addEventListener('click', () => { | |
| mobileMenu.classList.toggle('hidden'); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |