Skip to content

Commit 8830fe3

Browse files
shahealamitshahealamit
authored
add new service
1 parent c9d3423 commit 8830fe3

1 file changed

Lines changed: 88 additions & 107 deletions

File tree

‎devops-engineer-patna.html‎

Lines changed: 88 additions & 107 deletions
Original file line numberDiff line numberDiff line change
@@ -89,121 +89,102 @@ <h1 class="text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight leading
8989
<!-- SERVICES -->
9090
<section id="services" class="py-24 relative bg-slate-950 overflow-hidden">
9191

92-
<!-- Soft Glow Background -->
93-
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2
94-
w-[800px] h-[400px] bg-teal-500/10 blur-[120px] rounded-full pointer-events-none">
92+
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-full pointer-events-none">
93+
<div class="absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-teal-500/5 blur-[120px] rounded-full"></div>
94+
<div class="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-blue-500/5 blur-[120px] rounded-full"></div>
95+
</div>
96+
97+
<div class="max-w-7xl mx-auto px-6 relative z-10">
98+
99+
<div class="text-center mb-20">
100+
<span class="inline-block px-4 py-1.5 rounded-full bg-teal-500/10 border border-teal-500/20 text-teal-400 text-xs font-bold tracking-widest uppercase mb-4">
101+
What I Offer
102+
</span>
103+
104+
<h2 class="text-4xl md:text-5xl font-black text-white mb-6 tracking-tight">
105+
DevOps Services in <span class="bg-gradient-to-r from-teal-400 to-blue-500 bg-clip-text text-transparent">Patna</span>
106+
</h2>
107+
108+
<p class="text-slate-400 text-base md:text-lg max-w-2xl mx-auto leading-relaxed">
109+
I streamline your development lifecycle with automation, secure cloud infrastructure,
110+
and production-ready DevOps practices tailored for modern businesses.
111+
</p>
95112
</div>
96113

97-
<div class="max-w-6xl mx-auto px-6 relative z-10">
98-
99-
<!-- Section Header -->
100-
<div class="text-center mb-16">
101-
<span class="text-teal-400 font-semibold tracking-wider text-sm uppercase">
102-
What I Offer
103-
</span>
114+
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
104115

105-
<h2 class="text-3xl md:text-5xl font-bold text-white mt-3 mb-6">
106-
DevOps Services in
107-
<span class="text-transparent bg-clip-text bg-gradient-to-r from-teal-400 to-blue-500">
108-
Patna
109-
</span>
110-
</h2>
111-
112-
<!-- SEO support -->
113-
<p class="sr-only">
114-
Professional DevOps services in Patna including CI/CD pipelines,
115-
AWS cloud infrastructure, Docker containerization, and Linux automation.
116-
</p>
117-
118-
<p class="text-slate-400 max-w-2xl mx-auto text-lg">
119-
I streamline your development lifecycle with automation,
120-
secure cloud infrastructure, and production-ready DevOps practices.
121-
</p>
116+
<div class="group relative bg-slate-900/40 backdrop-blur-md border border-slate-800/60 rounded-3xl p-8 hover:border-teal-500/50 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(20,184,166,0.3)]">
117+
<div class="w-12 h-12 bg-teal-500/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
118+
<svg class="w-6 h-6 text-teal-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
122119
</div>
123-
124-
<!-- Services Grid -->
125-
<div class="grid md:grid-cols-3 gap-8">
126-
127-
<!-- CI/CD -->
128-
<div class="group bg-slate-900/50 backdrop-blur-sm border border-slate-800 rounded-2xl p-8
129-
hover:border-teal-500/50 hover:bg-slate-900/80 transition-all duration-300
130-
hover:-translate-y-2 hover:shadow-[0_10px_40px_-10px_rgba(20,184,166,0.2)]">
131-
132-
<h3 class="text-xl font-bold text-white mb-4">
133-
CI/CD Pipelines
134-
</h3>
135-
136-
<p class="text-slate-400 text-sm mb-6 leading-relaxed">
137-
Automated build, test, and deployment pipelines that help teams
138-
release faster with improved reliability.
139-
</p>
140-
141-
<ul class="space-y-2 text-sm text-slate-300 mb-6">
142-
<li>• Jenkins & GitHub Actions</li>
143-
<li>• Automated Testing & Validation</li>
144-
<li>• Zero-Downtime Deployments</li>
145-
</ul>
146-
147-
<a href="/#contact" class="text-teal-400 font-semibold text-sm hover:underline">
148-
Discuss CI/CD Setup →
149-
</a>
150-
</div>
151-
152-
<!-- AWS -->
153-
<div class="group bg-slate-900/50 backdrop-blur-sm border border-slate-800 rounded-2xl p-8
154-
hover:border-blue-500/50 hover:bg-slate-900/80 transition-all duration-300
155-
hover:-translate-y-2 hover:shadow-[0_10px_40px_-10px_rgba(59,130,246,0.2)]">
156-
157-
<h3 class="text-xl font-bold text-white mb-4">
158-
AWS Cloud Infrastructure
159-
</h3>
160-
161-
<p class="text-slate-400 text-sm mb-6 leading-relaxed">
162-
Scalable, secure, and cost-optimized AWS infrastructure for
163-
production workloads.
164-
</p>
165-
166-
<ul class="space-y-2 text-sm text-slate-300 mb-6">
167-
<li>• EC2, S3, RDS & IAM Setup</li>
168-
<li>• VPC Networking & Security</li>
169-
<li>• Monitoring & Alerts</li>
170-
</ul>
171-
172-
<a href="/#contact" class="text-blue-400 font-semibold text-sm hover:underline">
173-
Plan AWS Deployment →
174-
</a>
175-
</div>
176-
177-
<!-- Docker & Linux -->
178-
<div class="group bg-slate-900/50 backdrop-blur-sm border border-slate-800 rounded-2xl p-8
179-
hover:border-purple-500/50 hover:bg-slate-900/80 transition-all duration-300
180-
hover:-translate-y-2 hover:shadow-[0_10px_40px_-10px_rgba(168,85,247,0.2)]">
181-
182-
<h3 class="text-xl font-bold text-white mb-4">
183-
Docker & Linux Automation
184-
</h3>
185-
186-
<p class="text-slate-400 text-sm mb-6 leading-relaxed">
187-
Containerized deployments and Linux automation for
188-
consistent and stable environments.
189-
</p>
190-
191-
<ul class="space-y-2 text-sm text-slate-300 mb-6">
192-
<li>• Docker & Docker Compose</li>
193-
<li>• Bash / Shell Scripting</li>
194-
<li>• Linux Server Hardening</li>
195-
</ul>
196-
197-
<a href="/#contact" class="text-purple-400 font-semibold text-sm hover:underline">
198-
Optimize Infrastructure →
199-
</a>
200-
</div>
201-
120+
<h3 class="text-xl font-bold text-white mb-4">CI/CD Pipelines</h3>
121+
<p class="text-slate-400 text-sm leading-relaxed mb-6">
122+
Automated build and test pipelines that help teams release faster with improved reliability.
123+
</p>
124+
<ul class="text-[13px] text-slate-300 space-y-3 mb-8">
125+
<li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-teal-400"></span> Jenkins & GitHub Actions</li>
126+
<li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-teal-400"></span> Testing & Validation</li>
127+
</ul>
128+
<a href="/jenkins-ci-cd.html" class="inline-flex items-center text-teal-400 font-bold text-xs tracking-widest uppercase hover:gap-2 transition-all">
129+
Explore CI/CD <span class="ml-1">→</span>
130+
</a>
131+
</div>
132+
133+
<div class="group relative bg-slate-900/40 backdrop-blur-md border border-slate-800/60 rounded-3xl p-8 hover:border-blue-500/50 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(59,130,246,0.3)]">
134+
<div class="w-12 h-12 bg-blue-500/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
135+
<svg class="w-6 h-6 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg>
136+
</div>
137+
<h3 class="text-xl font-bold text-white mb-4">AWS Cloud</h3>
138+
<p class="text-slate-400 text-sm leading-relaxed mb-6">
139+
Scalable and cost-optimized AWS infrastructure designed for production-grade workloads.
140+
</p>
141+
<ul class="text-[13px] text-slate-300 space-y-3 mb-8">
142+
<li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-blue-400"></span> EC2, S3, RDS & IAM</li>
143+
<li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-blue-400"></span> VPC & Network Security</li>
144+
</ul>
145+
<a href="/aws-devops-engineer.html" class="inline-flex items-center text-blue-400 font-bold text-xs tracking-widest uppercase hover:gap-2 transition-all">
146+
Explore AWS <span class="ml-1">→</span>
147+
</a>
148+
</div>
149+
150+
<div class="group relative bg-slate-900/40 backdrop-blur-md border border-slate-800/60 rounded-3xl p-8 hover:border-purple-500/50 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(168,85,247,0.3)]">
151+
<div class="w-12 h-12 bg-purple-500/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
152+
<svg class="w-6 h-6 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/></svg>
153+
</div>
154+
<h3 class="text-xl font-bold text-white mb-4">Docker Support</h3>
155+
<p class="text-slate-400 text-sm leading-relaxed mb-6">
156+
Containerized deployments for consistent environments across development and production.
157+
</p>
158+
<ul class="text-[13px] text-slate-300 space-y-3 mb-8">
159+
<li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-purple-400"></span> Docker & Orchestration</li>
160+
<li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-purple-400"></span> Container Optimization</li>
161+
</ul>
162+
<a href="/docker-containerization.html" class="inline-flex items-center text-purple-400 font-bold text-xs tracking-widest uppercase hover:gap-2 transition-all">
163+
Explore Docker <span class="ml-1">→</span>
164+
</a>
165+
</div>
166+
167+
<div class="group relative bg-slate-900/40 backdrop-blur-md border border-slate-800/60 rounded-3xl p-8 hover:border-emerald-500/50 transition-all duration-300 hover:-translate-y-2 hover:shadow-[0_20px_40px_-15px_rgba(16,185,129,0.3)]">
168+
<div class="w-12 h-12 bg-emerald-500/10 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
169+
<svg class="w-6 h-6 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01"/></svg>
202170
</div>
171+
<h3 class="text-xl font-bold text-white mb-4">Linux Automation</h3>
172+
<p class="text-slate-400 text-sm leading-relaxed mb-6">
173+
Automated server management, monitoring, and security hardening for cloud stability.
174+
</p>
175+
<ul class="text-[13px] text-slate-300 space-y-3 mb-8">
176+
<li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-emerald-400"></span> Shell Scripting & Bash</li>
177+
<li class="flex items-center gap-2 font-medium"><span class="w-1.5 h-1.5 rounded-full bg-emerald-400"></span> Security & Hardening</li>
178+
</ul>
179+
<a href="/linux-cloud-automation.html" class="inline-flex items-center text-emerald-400 font-bold text-xs tracking-widest uppercase hover:gap-2 transition-all">
180+
Explore Linux <span class="ml-1">→</span>
181+
</a>
182+
</div>
183+
203184
</div>
185+
</div>
204186
</section>
205187

206-
207188
<!-- FREELANCE SECTION (ANCHOR TARGET) -->
208189
<section id="freelance" class="py-24 bg-slate-900 border-y border-slate-800 relative overflow-hidden">
209190

0 commit comments

Comments
 (0)