Skip to content

Commit 0787d0c

Browse files
shahealamitshahealamit
authored
Update website
1 parent 84264f4 commit 0787d0c

1 file changed

Lines changed: 83 additions & 85 deletions

File tree

‎index.html‎

Lines changed: 83 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<meta name="google-site-verification" content="tMOCDPz1aszvwqMo5mVBUOde2v-leUCdNNf0w1BldIw" />
77

8-
<title>Shahe Alam | DevOps Engineer & IT Freelancer in Patna Bihar</title>
8+
<title>IT Freelancer in Patna Bihar | DevOps Engineer – Shahe Alam</title>
99

10-
<meta name="description" content="Shahe Alam is a DevOps Engineer and IT Freelancer in Patna, Bihar specializing in CI/CD pipelines, Jenkins, Docker, AWS EC2, Linux, and cloud deployments. Available for freelance and remote DevOps projects.">
10+
<meta name="description" content="Looking for an IT Freelancer in Patna Bihar? Shahe Alam is a DevOps Engineer providing CI/CD pipelines, Jenkins, Docker, AWS EC2, Linux and cloud deployment services for startups and businesses.">
1111

1212
<meta name="keywords" content="IT freelancer in Patna, IT freelancer Bihar, QA freelancer Patna, DevOps freelancer Patna, Selenium automation freelancer India, CI CD engineer freelancer">
1313

@@ -194,94 +194,106 @@
194194
</nav>
195195

196196
<!-- Hero -->
197-
<section id="home" class="min-h-screen flex items-center pt-20 relative overflow-hidden">
198-
197+
<section id="home" class="h-[85vh] flex items-center pt-24 relative overflow-hidden">
198+
199+
<!-- Background Video -->
199200
<div class="absolute inset-0 -z-20">
200-
<video autoplay muted loop class="absolute inset-0 w-full h-full object-cover z-0">
201+
<video autoplay muted loop playsinline
202+
class="absolute inset-0 w-full h-full object-cover opacity-70">
201203
<source src="video.mp4" type="video/mp4">
202204
</video>
203-
<div class="absolute inset-0 bg-gradient-to-b from-slate-950/90 via-slate-950/80 to-slate-950"></div>
205+
<div class="absolute inset-0 bg-slate-950/85"></div>
204206
</div>
205207

206-
<div class="absolute top-0 left-0 w-96 h-96 bg-teal-500/10 rounded-full blur-[100px] -z-10"></div>
207-
<div class="absolute bottom-0 right-0 w-96 h-96 bg-blue-600/10 rounded-full blur-[100px] -z-10"></div>
208+
<!-- Soft background glow -->
209+
<div class="absolute top-10 left-10 w-72 h-72 bg-teal-500/10 rounded-full blur-[120px] -z-10"></div>
210+
<div class="absolute bottom-10 right-10 w-72 h-72 bg-blue-500/10 rounded-full blur-[120px] -z-10"></div>
208211

209212
<div class="container mx-auto px-6 grid lg:grid-cols-2 gap-12 items-center relative z-10">
210-
211-
<div data-aos="fade-right" data-aos-duration="1000">
212-
<div class="inline-block px-3 py-1 mb-4 text-xs font-semibold tracking-wider text-teal-400 uppercase bg-teal-500/10 rounded-full border border-teal-500/20 backdrop-blur-sm">
213-
<span class="inline-block w-2 h-2 rounded-full bg-teal-400 mr-2 animate-pulse"></span>
213+
214+
<!-- LEFT CONTENT -->
215+
<div data-aos="fade-right" data-aos-duration="900">
216+
217+
<!-- Availability badge -->
218+
<div
219+
class="inline-block px-4 py-1 mb-6 text-xs font-semibold tracking-wide text-teal-400 uppercase
220+
bg-teal-500/10 rounded-full border border-teal-500/20">
214221
Available for DevOps & Freelance Projects
215222
</div>
216-
217-
<h1 class="text-4xl md:text-6xl font-bold text-white mb-4 leading-tight">
218-
Hi, I'm <br>
219-
<span class="text-transparent bg-clip-text bg-gradient-to-r from-teal-400 to-cyan-500">
220-
Md Shahe Alam
221-
</span>
223+
224+
225+
<h1 class="text-4xl md:text-5xl font-bold text-white mb-3 leading-tight">
226+
DevOps Engineer
222227
</h1>
223-
224-
<h2 class="text-2xl md:text-3xl font-semibold text-slate-400 mb-6">
225-
I specialize in
226-
<span id="typed-text" class="text-teal-400 font-bold"></span>
227-
<span class="typed-cursor text-teal-400">|</span>
228+
229+
230+
<h2 class="text-2xl md:text-3xl font-semibold text-teal-400 mb-6">
231+
Shahe Alam — DevOps & Cloud Engineer
228232
</h2>
229-
230-
<p class="text-slate-300 text-lg mb-8 max-w-lg leading-relaxed">
231-
Building and supporting <strong>CI/CD pipelines</strong>, automating
232-
<strong>cloud deployments</strong>, and delivering reliable applications
233-
using <strong>Jenkins, Docker, AWS, and Linux</strong> for startups,
234-
businesses, and clients.
233+
234+
<!-- DESCRIPTION -->
235+
<p class="text-slate-300 text-lg mb-8 max-w-xl leading-relaxed">
236+
Building and managing <strong>CI/CD pipelines</strong>,
237+
automating <strong>cloud infrastructure</strong>, and deploying
238+
<strong>containerized applications</strong> using
239+
<strong>AWS, Docker, Jenkins, and Linux</strong> for startups
240+
and growing teams.
235241
</p>
242+
243+
<!-- CTA -->
244+
<div class="flex gap-4">
245+
<a href="#contact"
246+
class="px-6 py-3 rounded-full bg-teal-500 text-slate-950 font-semibold
247+
hover:bg-teal-400 transition-all">
248+
Hire Me
249+
</a>
250+
<a href="#projects"
251+
class="px-6 py-3 rounded-full border border-slate-600 text-slate-300
252+
hover:border-teal-400 hover:text-teal-400 transition-all">
253+
View Projects
254+
</a>
255+
</div>
236256
</div>
237257

238-
<div class="flex justify-center items-center" data-aos="zoom-in" data-aos-duration="1500">
239-
<div class="solar-system">
240-
<div class="absolute z-10 w-32 h-32 rounded-full border-4 border-slate-800 shadow-[0_0_50px_rgba(20,184,166,0.5)] overflow-hidden bg-slate-900">
241-
<img src="/images/about.jpg" class="w-full h-full object-cover"
242-
alt="Shahe Alam DevOps Engineer & Freelancer in Patna Bihar">
258+
<!-- RIGHT VISUAL -->
259+
<div class="flex justify-center items-center" data-aos="zoom-in" data-aos-duration="1200">
260+
<div class="solar-system relative">
261+
262+
<div
263+
class="absolute z-10 w-32 h-32 rounded-full border-4 border-slate-800
264+
shadow-[0_0_40px_rgba(20,184,166,0.5)] overflow-hidden bg-slate-900">
265+
<img src="about.jpg"
266+
alt="Shahe Alam DevOps Engineer"
267+
class="w-full h-full object-cover">
243268
</div>
244269

245270
<div class="orbit orbit-1">
246271
<div class="planet-container" style="transform: translate(110px, 0);">
247-
<div class="planet-icon"><i class="fab fa-java"></i></div>
248-
</div>
249-
<div class="planet-container" style="transform: translate(-110px, 0);">
250-
<div class="planet-icon"><i class="fas fa-code"></i></div>
272+
<div class="planet-icon"><i class="fab fa-docker"></i></div>
251273
</div>
252274
</div>
253-
275+
254276
<div class="orbit orbit-2">
255-
<div class="planet-container" style="transform: translate(0, 175px);">
256-
<div class="planet-icon"><i class="fas fa-server"></i></div>
257-
</div>
258-
<div class="planet-container" style="transform: translate(0, -175px);">
259-
<div class="planet-icon"><i class="fas fa-database"></i></div>
277+
<div class="planet-container" style="transform: translate(0, 170px);">
278+
<div class="planet-icon"><i class="fab fa-aws"></i></div>
260279
</div>
261-
<div class="planet-container" style="transform: translate(175px, 0);">
280+
<div class="planet-container" style="transform: translate(170px, 0);">
262281
<div class="planet-icon"><i class="fab fa-jenkins"></i></div>
263282
</div>
264283
</div>
265-
284+
266285
<div class="orbit orbit-3">
267-
<div class="planet-container" style="transform: translate(240px, 0);">
268-
<div class="planet-icon"><i class="fab fa-docker"></i></div>
269-
</div>
270-
<div class="planet-container" style="transform: translate(-240px, 0);">
271-
<div class="planet-icon"><i class="fab fa-aws"></i></div>
272-
</div>
273-
<div class="planet-container" style="transform: translate(0, -240px);">
274-
<div class="planet-icon"><i class="fas fa-cloud"></i></div>
286+
<div class="planet-container" style="transform: translate(-230px, 0);">
287+
<div class="planet-icon"><i class="fas fa-server"></i></div>
275288
</div>
276289
</div>
290+
277291
</div>
278292
</div>
279293

280294
</div>
281295
</section>
282296

283-
284-
285297
<!-- about -->
286298
<section id="about" class="py-24 bg-slate-900/50 relative overflow-hidden">
287299
<div class="container mx-auto px-6">
@@ -328,37 +340,25 @@ <h2 class="text-3xl font-bold text-white mb-6">
328340
</h2>
329341

330342
<p class="text-slate-400 mb-6 leading-relaxed text-lg">
331-
I am a <strong>DevOps Engineer</strong> and
332-
<strong>IT Freelancer in Patna, Bihar</strong> with over
333-
<strong>1.6 years of hands-on experience</strong> supporting
334-
CI/CD pipelines, cloud deployments, and automated release workflows
335-
for modern web applications.
343+
<strong>DevOps Engineer</strong> with hands-on experience in
344+
<strong>CI/CD pipeline automation</strong> and
345+
<strong>cloud infrastructure deployments</strong> for
346+
scalable, production-ready applications.
336347
</p>
337-
338348
<p class="text-slate-400 mb-6 leading-relaxed">
339-
My core expertise includes working with
340-
<strong>Jenkins, Docker, GitHub, AWS EC2, and Linux</strong>
341-
to automate builds, containerize applications, and deploy
342-
reliable, scalable systems in cloud environments.
343-
</p>
344-
345-
<p class="text-slate-400 mb-8 leading-relaxed">
346-
As a <strong>DevOps Engineer & Freelancer</strong>,
347-
I focus on improving deployment speed, system stability,
348-
and release reliability through automation and
349-
continuous integration practices.
350-
I help teams move faster while maintaining secure
351-
and production-ready infrastructure.
352-
</p>
353-
349+
Strong expertise in <strong>Jenkins, Docker, AWS EC2, GitHub, and Linux</strong>,
350+
focusing on automated deployments, containerized applications,
351+
infrastructure reliability, and faster release cycles.
352+
Experienced in supporting stable environments across
353+
development, staging, and production.
354+
</p>
354355
<div class="grid grid-cols-2 gap-6">
355356
<div class="bg-slate-800 p-5 rounded-2xl border border-slate-700 text-center hover:border-teal-500/50 transition-colors">
356357
<h3 class="text-3xl font-bold text-white">1.6+</h3>
357358
<p class="text-xs text-teal-400 uppercase tracking-wide mt-2">
358359
Years DevOps Experience
359360
</p>
360361
</div>
361-
362362
<div class="bg-slate-800 p-5 rounded-2xl border border-slate-700 text-center hover:border-teal-500/50 transition-colors">
363363
<h3 class="text-3xl font-bold text-white">120+</h3>
364364
<p class="text-xs text-teal-400 uppercase tracking-wide mt-2">
@@ -367,12 +367,10 @@ <h3 class="text-3xl font-bold text-white">120+</h3>
367367
</div>
368368
</div>
369369
</div>
370-
371370
</div>
372371
</div>
373372
</section>
374373

375-
376374
<!-- Skill -->
377375
<section id="skills" class="py-24 relative overflow-hidden bg-slate-950">
378376

@@ -711,15 +709,15 @@ <h3 class="text-3xl md:text-4xl font-bold text-white mb-6 group-hover:text-blue-
711709
</div>
712710
<div class="order-1 md:order-2 relative rounded-2xl overflow-hidden shadow-2xl border border-slate-800 group-hover:border-blue-500/50 transition-all duration-500 transform md:group-hover:-translate-x-4 z-10">
713711
<div class="absolute inset-0 bg-blue-500/20 mix-blend-overlay z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
714-
<img src="images/project1.jpg" alt="Corporate Deployment" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
712+
<img src="project1.jpg" alt="Corporate Deployment" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
715713
</div>
716714
</div>
717715

718716
<!-- Project 03 -->
719717
<div class="group relative grid md:grid-cols-2 gap-12 items-center" data-aos="fade-right">
720718
<div class="relative rounded-2xl overflow-hidden shadow-2xl border border-slate-800 group-hover:border-indigo-500/50 transition-all duration-500 transform md:group-hover:translate-x-4 z-10">
721719
<div class="absolute inset-0 bg-indigo-500/20 mix-blend-overlay z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
722-
<img src="images/project2.jpg" alt="E-commerce Deployment" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
720+
<img src="project2.jpg" alt="E-commerce Deployment" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
723721
</div>
724722
<div class="transform transition-transform duration-500 md:group-hover:-translate-x-4">
725723
<h3 class="text-3xl md:text-4xl font-bold text-white mb-6 group-hover:text-indigo-400 transition-colors leading-tight">
@@ -745,15 +743,15 @@ <h3 class="text-3xl md:text-4xl font-bold text-white mb-6 group-hover:text-purpl
745743
</div>
746744
<div class="order-1 md:order-2 relative rounded-2xl overflow-hidden shadow-2xl border border-slate-800 group-hover:border-purple-500/50 transition-all duration-500 transform md:group-hover:-translate-x-4 z-10">
747745
<div class="absolute inset-0 bg-purple-500/20 mix-blend-overlay z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
748-
<img src="images/project3.jpg" alt="Government DevOps Project" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
746+
<img src="project3.jpg" alt="Government DevOps Project" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
749747
</div>
750748
</div>
751749

752750
<!-- Project 05 -->
753751
<div class="group relative grid md:grid-cols-2 gap-12 items-center" data-aos="fade-right">
754752
<div class="relative rounded-2xl overflow-hidden shadow-2xl border border-slate-800 group-hover:border-pink-500/50 transition-all duration-500 transform md:group-hover:translate-x-4 z-10">
755753
<div class="absolute inset-0 bg-pink-500/20 mix-blend-overlay z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
756-
<img src="images/project4.jpg" alt="Community Platform" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
754+
<img src="project4.jpg" alt="Community Platform" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
757755
</div>
758756
<div class="transform transition-transform duration-500 md:group-hover:-translate-x-4">
759757
<h3 class="text-3xl md:text-4xl font-bold text-white mb-6 group-hover:text-pink-400 transition-colors leading-tight">
@@ -779,7 +777,7 @@ <h3 class="text-3xl md:text-4xl font-bold text-white mb-6 group-hover:text-amber
779777
</div>
780778
<div class="order-1 md:order-2 relative rounded-2xl overflow-hidden shadow-2xl border border-slate-800 group-hover:border-amber-500/50 transition-all duration-500 transform md:group-hover:-translate-x-4 z-10">
781779
<div class="absolute inset-0 bg-amber-500/20 mix-blend-overlay z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
782-
<img src="images/project5.jpg" alt="Release Management" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
780+
<img src="project5.jpg" alt="Release Management" class="w-full h-72 md:h-96 object-cover transform group-hover:scale-110 transition-transform duration-700">
783781
</div>
784782
</div>
785783

0 commit comments

Comments
 (0)