snikhilesh's picture
need more latest graphics and animations, I want this to be rich and professional
6943658 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nikhilesh Siddanthi | Senior Business Analyst</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
</head>
<body class="bg-gray-50 text-gray-800 relative overflow-x-hidden">
<particle-background></particle-background>
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-8">
<!-- Hero Section -->
<section id="hero" class="relative overflow-hidden rounded-2xl shadow-2xl mb-16 gradient-bg">
<div class="absolute inset-0 bg-black opacity-30"></div>
<div class="relative z-10 px-8 py-20 md:py-32 text-white">
<div class="max-w-4xl mx-auto text-center">
<div class="floating inline-block mb-8">
<div class="w-32 h-32 md:w-40 md:h-40 mx-auto rounded-full overflow-hidden border-4 border-white/30 glow">
<img src="http://static.photos/technology/200x200/42" alt="Profile" class="w-full h-full object-cover">
</div>
</div>
<h1 class="text-5xl md:text-7xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-white to-indigo-200">Nikhilesh Siddanthi</h1>
<h2 class="text-2xl md:text-3xl font-semibold mb-6">Senior Business Analyst</h2>
<p class="text-xl mb-8">Product Owner with 10+ years experience in agile methodologies, product development, and strategy.</p>
<div class="flex flex-wrap gap-4">
<a href="#contact" class="bg-white text-indigo-600 px-6 py-3 rounded-lg font-medium hover:bg-gray-100 transition">Contact Me</a>
<a href="#experience" class="border-2 border-white text-white px-6 py-3 rounded-lg font-medium hover:bg-white hover:text-indigo-600 transition">View Experience</a>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="mb-20">
<div class="grid md:grid-cols-3 gap-8">
<div class="md:col-span-2">
<h2 class="text-4xl font-bold mb-8 pb-2 animated-underline inline-block">About Me</h2>
<p class="text-lg mb-4">Senior Business Analyst with extensive experience in healthcare operations, product management, and agile methodologies. Proven track record of delivering complex software solutions while ensuring regulatory compliance.</p>
<p class="text-lg mb-4">Skilled in leading cross-functional teams, conducting market research, and managing stakeholder relationships to achieve objectives and key results (OKRs).</p>
<p class="text-lg">Proficient in modern product management tools and technologies including JIRA, Azure DevOps, Dynamics 365, and various analytics platforms.</p>
</div>
<div class="bg-white p-8 rounded-2xl shadow-xl card-3d glow">
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3">Contact</h3>
<div class="space-y-2">
<p class="flex items-center"><i data-feather="mail" class="mr-2"></i> [email protected]</p>
<p class="flex items-center"><i data-feather="phone" class="mr-2"></i> +91 9866172756</p>
<p class="flex items-center"><i data-feather="map-pin" class="mr-2"></i> Hyderabad, TS</p>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3">Skills</h3>
<div class="flex flex-wrap gap-2">
<span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Agile Methodologies</span>
<span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Scrum</span>
<span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Kanban</span>
<span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Dynamics 365</span>
<span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Product Strategy</span>
<span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Roadmapping</span>
<span class="bg-gray-100 px-3 py-1 rounded-full text-sm">User Testing</span>
<span class="bg-gray-100 px-3 py-1 rounded-full text-sm">Market Research</span>
</div>
</div>
</div>
</div>
</section>
<!-- Experience Section -->
<section id="experience" class="mb-20">
<h2 class="text-4xl font-bold mb-8 pb-2 animated-underline inline-block">Professional Experience</h2>
<div class="space-y-8">
<!-- Current Role -->
<div class="bg-white p-8 rounded-2xl shadow-xl card-3d glow">
<div class="flex justify-between items-start">
<div>
<h3 class="text-xl font-bold">Senior Business Analyst</h3>
<p class="text-indigo-600 font-medium">Space Inventive | June 2024 - Present</p>
</div>
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">Current</span>
</div>
<div class="mt-4">
<h4 class="font-semibold mb-2">Novartis - China CDE Submission Software (Jul 2024 – Nov 2024)</h4>
<ul class="list-disc pl-5 space-y-2">
<li>Regulatory submission platform designed to streamline and automate CDE (China Center for Drug Evaluation) dossier preparation</li>
<li>Gathered and translated regulatory and business requirements into functional specifications using JIRA and Confluence</li>
<li>Prepared FRA, IQ, OQ, PQ documents and supported validation activities ensuring compliance with GxP and 21 CFR Part 11</li>
</ul>
</div>
</div>
<!-- Previous Roles -->
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="flex justify-between">
<div>
<h3 class="text-xl font-bold">Senior Business Analyst</h3>
<p class="text-indigo-600 font-medium">Realpage | April 2023 - December 2023</p>
</div>
</div>
<div class="mt-4">
<ul class="list-disc pl-5 space-y-2">
<li>Supported health insurance operations with in-depth knowledge of plans, benefits, and administration</li>
<li>Utilized Azure DevOps to manage project lifecycles and maintain repository hygiene</li>
<li>Implemented a DMS to streamline document filing, retrieval, and collaboration</li>
</ul>
</div>
</div>
<!-- More roles would go here -->
</div>
</section>
<!-- Tools & Education -->
<section class="grid md:grid-cols-2 gap-8 mb-20">
<div class="bg-white p-8 rounded-2xl shadow-xl card-3d glow">
<h2 class="text-2xl font-bold mb-4">Tools & Technologies</h2>
<div class="grid grid-cols-2 gap-4">
<div>
<h3 class="font-semibold mb-2">Product Management</h3>
<ul class="space-y-1">
<li class="flex items-center"><i data-feather="check" class="mr-2 h-4"></i> JIRA</li>
<li class="flex items-center"><i data-feather="check" class="mr-2 h-4"></i> Azure DevOps</li>
<li class="flex items-center"><i data-feather="check" class="mr-2 h-4"></i> Roadmunk</li>
<li class="flex items-center"><i data-feather="check" class="mr-2 h-4"></i> Aha!</li>
</ul>
</div>
<div>
<h3 class="font-semibold mb-2">Analytics</h3>
<ul class="space-y-1">
<li class="flex items-center"><i data-feather="check" class="mr-2 h-4"></i> Mixpanel</li>
<li class="flex items-center"><i data-feather="check" class="mr-2 h-4"></i> Google Analytics</li>
<li class="flex items-center"><i data-feather="check" class="mr-2 h-4"></i> Power BI</li>
</ul>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-md">
<h2 class="text-2xl font-bold mb-4">Education & Certifications</h2>
<div class="space-y-4">
<div>
<h3 class="font-semibold">BTECH</h3>
<p>Amity University | 2012</p>
</div>
<div>
<h3 class="font-semibold">Certified Scrum Master (CSM)</h3>
<p>Scrum Alliance</p>
</div>
<div>
<h3 class="font-semibold">Diploma in Product Management</h3>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="mb-16">
<h2 class="text-3xl font-bold mb-6">Get In Touch</h2>
<div class="bg-white p-8 rounded-xl shadow-md">
<form class="space-y-6">
<div class="grid md:grid-cols-2 gap-6">
<div>
<label for="name" class="block mb-2 font-medium">Name</label>
<input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
</div>
<div>
<label for="email" class="block mb-2 font-medium">Email</label>
<input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
</div>
</div>
<div>
<label for="subject" class="block mb-2 font-medium">Subject</label>
<input type="text" id="subject" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
</div>
<div>
<label for="message" class="block mb-2 font-medium">Message</label>
<textarea id="message" rows="5" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"></textarea>
</div>
<button type="submit" class="bg-indigo-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-indigo-700 transition">Send Message</button>
</form>
</div>
</section>
</main>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="components/particles.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
<script src="script.js"></script>
<script>
feather.replace();
VANTA.NET({
el: "#hero",
color: 0x7e5bef,
backgroundColor: 0xffffff,
points: 12,
maxDistance: 20,
spacing: 15
});
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>