Skip to content

Commit af441d7

Browse files
shahealamitshahealamit
authored
Add DevOps service pages and internal linking
1 parent 23c7331 commit af441d7

5 files changed

Lines changed: 1291 additions & 0 deletions

File tree

‎aws-devops-engineer.html‎

Lines changed: 257 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,257 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
6+
<title>AWS DevOps Engineer | AWS Cloud Infrastructure & Automation – Shahe Alam</title>
7+
8+
<meta name="description"
9+
content="AWS DevOps Engineer providing secure and scalable AWS cloud infrastructure, EC2 deployments, VPC networking, CI/CD automation, and monitoring for startups and businesses across India." />
10+
11+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
12+
13+
<link rel="canonical" href="https://shahealamit.github.io/aws-devops-engineer.html" />
14+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
15+
16+
<!-- Tailwind -->
17+
<script src="https://cdn.tailwindcss.com"></script>
18+
<link rel="stylesheet" href="style.css">
19+
</head>
20+
21+
<body class="bg-slate-950 text-slate-300">
22+
23+
<!-- ================= HERO ================= -->
24+
<section class="relative min-h-[90vh] flex items-center justify-center px-6 overflow-hidden bg-slate-950">
25+
26+
<div class="absolute inset-0 pointer-events-none">
27+
<div class="absolute inset-0 bg-[linear-gradient(to_right,#1e293b_1px,transparent_1px),linear-gradient(to_bottom,#1e293b_1px,transparent_1px)] bg-[size:40px_40px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]"></div>
28+
29+
<div class="absolute left-1/2 top-1/4 -translate-x-1/2 w-[500px] h-[500px] bg-blue-600/20 rounded-full blur-[120px]"></div>
30+
</div>
31+
32+
<div class="max-w-5xl mx-auto text-center relative z-10">
33+
<div class="inline-flex items-center gap-2 mb-8 px-4 py-1.5 rounded-full bg-blue-500/10 border border-blue-500/20">
34+
<span class="w-1.5 h-1.5 rounded-full bg-blue-400 animate-pulse"></span>
35+
<span class="text-[11px] font-bold tracking-[0.2em] text-blue-400 uppercase">
36+
AWS Cloud & DevOps Expert
37+
</span>
38+
</div>
39+
40+
<h1 class="text-4xl md:text-5xl lg:text-6xl font-black text-white mb-6 leading-[1.15] tracking-tight">
41+
AWS DevOps Engineer
42+
<span class="block mt-2 bg-gradient-to-r from-blue-400 via-teal-400 to-blue-500 bg-clip-text text-transparent">
43+
Infrastructure & Automation
44+
</span>
45+
</h1>
46+
47+
<p class="text-base md:text-lg text-slate-400 max-w-2xl mx-auto mb-12 leading-relaxed">
48+
I design and manage <span class="text-slate-200">secure, scalable AWS cloud infrastructure</span>
49+
using automation-first practices to accelerate your business growth.
50+
</p>
51+
52+
<div class="flex flex-col sm:flex-row items-center justify-center gap-5">
53+
<a href="/#contact"
54+
class="group w-full sm:w-auto px-8 py-4 bg-blue-600 text-white rounded-2xl font-bold transition-all hover:bg-blue-500 hover:shadow-[0_0_30px_-5px_rgba(37,99,235,0.5)] active:scale-95">
55+
Hire AWS Expert
56+
<span class="inline-block ml-1 group-hover:translate-x-1 transition-transform">→</span>
57+
</a>
58+
59+
<a href="/devops-services.html"
60+
class="w-full sm:w-auto px-8 py-4 bg-slate-900/50 border border-slate-800 text-slate-300 rounded-2xl font-bold hover:bg-slate-800 hover:text-white transition-all active:scale-95">
61+
Explore Services
62+
</a>
63+
</div>
64+
</div>
65+
</section>
66+
67+
<!-- ================= AWS SERVICES ================= -->
68+
<section class="py-20 bg-slate-950 relative overflow-hidden">
69+
70+
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full h-full pointer-events-none">
71+
<div class="absolute w-[500px] h-[400px] bg-blue-500/5 blur-[120px] rounded-full"></div>
72+
</div>
73+
74+
<div class="max-w-6xl mx-auto px-6 relative z-10">
75+
<div class="text-center mb-16">
76+
<h2 class="text-3xl md:text-4xl font-extrabold text-white mb-4 tracking-tight">
77+
AWS <span class="text-blue-500">DevOps Services</span>
78+
</h2>
79+
<p class="text-slate-400 text-base md:text-lg max-w-2xl mx-auto leading-relaxed">
80+
End-to-end AWS cloud solutions focused on reliability, security,
81+
automation, and cost optimization.
82+
</p>
83+
</div>
84+
85+
<div class="grid md:grid-cols-3 gap-8">
86+
87+
<div class="group bg-slate-900/40 backdrop-blur-sm border border-slate-800/60 rounded-3xl p-8 hover:border-blue-500/50 hover:-translate-y-2 transition-all duration-300">
88+
<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">
89+
<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="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/></svg>
90+
</div>
91+
<h3 class="text-xl font-bold text-white mb-4">EC2 & Compute</h3>
92+
<p class="text-slate-400 text-sm leading-relaxed mb-6">
93+
High-availability compute infrastructure designed for performance and scalability.
94+
</p>
95+
<ul class="text-xs text-slate-300 space-y-3">
96+
<li class="flex items-center gap-2"><span class="w-1 h-1 rounded-full bg-blue-500"></span> EC2 Instance Architecture</li>
97+
<li class="flex items-center gap-2"><span class="w-1 h-1 rounded-full bg-blue-500"></span> Auto Scaling Groups</li>
98+
<li class="flex items-center gap-2"><span class="w-1 h-1 rounded-full bg-blue-500"></span> Load Balancer Setup</li>
99+
</ul>
100+
</div>
101+
102+
<div class="group bg-slate-900/40 backdrop-blur-sm border border-slate-800/60 rounded-3xl p-8 hover:border-teal-500/50 hover:-translate-y-2 transition-all duration-300">
103+
<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">
104+
<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="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg>
105+
</div>
106+
<h3 class="text-xl font-bold text-white mb-4">VPC & Security</h3>
107+
<p class="text-slate-400 text-sm leading-relaxed mb-6">
108+
Secure AWS networking and access control for production environments.
109+
</p>
110+
<ul class="text-xs text-slate-300 space-y-3">
111+
<li class="flex items-center gap-2"><span class="w-1 h-1 rounded-full bg-teal-500"></span> VPC & Subnet Design</li>
112+
<li class="flex items-center gap-2"><span class="w-1 h-1 rounded-full bg-teal-500"></span> Security Groups & NACLs</li>
113+
<li class="flex items-center gap-2"><span class="w-1 h-1 rounded-full bg-teal-500"></span> IAM Roles & Policies</li>
114+
</ul>
115+
</div>
116+
117+
<div class="group bg-slate-900/40 backdrop-blur-sm border border-slate-800/60 rounded-3xl p-8 hover:border-purple-500/50 hover:-translate-y-2 transition-all duration-300">
118+
<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">
119+
<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="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/></svg>
120+
</div>
121+
<h3 class="text-xl font-bold text-white mb-4">Cloud Monitoring</h3>
122+
<p class="text-slate-400 text-sm leading-relaxed mb-6">
123+
Proactive monitoring and alerting to ensure uptime and cloud stability.
124+
</p>
125+
<ul class="text-xs text-slate-300 space-y-3">
126+
<li class="flex items-center gap-2"><span class="w-1 h-1 rounded-full bg-purple-500"></span> CloudWatch Metrics</li>
127+
<li class="flex items-center gap-2"><span class="w-1 h-1 rounded-full bg-purple-500"></span> Real-time Log Monitoring</li>
128+
<li class="flex items-center gap-2"><span class="w-1 h-1 rounded-full bg-purple-500"></span> Performance Tuning</li>
129+
</ul>
130+
</div>
131+
132+
</div>
133+
</div>
134+
</section>
135+
136+
<!-- ================= WHY AWS DEVOPS ================= -->
137+
<section class="py-20 bg-slate-950 relative overflow-hidden">
138+
139+
<div class="absolute top-0 right-0 w-1/3 h-1/2 bg-blue-500/5 blur-[120px] rounded-full pointer-events-none"></div>
140+
141+
<div class="max-w-6xl mx-auto px-6 relative z-10">
142+
<div class="text-center mb-16">
143+
<h2 class="text-3xl md:text-4xl font-bold text-white mb-4">
144+
Why Choose My <span class="text-blue-500">AWS DevOps</span> Services?
145+
</h2>
146+
<div class="w-16 h-1 bg-blue-600 mx-auto rounded-full"></div>
147+
</div>
148+
149+
<div class="grid md:grid-cols-2 gap-6">
150+
151+
<div class="group bg-slate-900/40 border border-slate-800/60 p-8 rounded-3xl hover:border-blue-500/40 transition-all duration-300">
152+
<div class="flex items-start gap-5">
153+
<div class="shrink-0 w-12 h-12 bg-blue-500/10 rounded-2xl flex items-center justify-center group-hover:bg-blue-500/20 transition-colors">
154+
<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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
155+
</div>
156+
<div>
157+
<h3 class="text-lg font-bold text-white mb-2">Production Experience</h3>
158+
<p class="text-slate-400 text-sm leading-relaxed">
159+
Managing live AWS environments with real-world traffic, ensuring high availability and zero downtime.
160+
</p>
161+
</div>
162+
</div>
163+
</div>
164+
165+
<div class="group bg-slate-900/40 border border-slate-800/60 p-8 rounded-3xl hover:border-blue-500/40 transition-all duration-300">
166+
<div class="flex items-start gap-5">
167+
<div class="shrink-0 w-12 h-12 bg-blue-500/10 rounded-2xl flex items-center justify-center group-hover:bg-blue-500/20 transition-colors">
168+
<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="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
169+
</div>
170+
<div>
171+
<h3 class="text-lg font-bold text-white mb-2">Automation-First Approach</h3>
172+
<p class="text-slate-400 text-sm leading-relaxed">
173+
Reducing manual errors by implementing Infrastructure as Code (IaC) and seamless CI/CD pipelines.
174+
</p>
175+
</div>
176+
</div>
177+
</div>
178+
179+
<div class="group bg-slate-900/40 border border-slate-800/60 p-8 rounded-3xl hover:border-blue-500/40 transition-all duration-300">
180+
<div class="flex items-start gap-5">
181+
<div class="shrink-0 w-12 h-12 bg-blue-500/10 rounded-2xl flex items-center justify-center group-hover:bg-blue-500/20 transition-colors">
182+
<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="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
183+
</div>
184+
<div>
185+
<h3 class="text-lg font-bold text-white mb-2">Cost Optimization</h3>
186+
<p class="text-slate-400 text-sm leading-relaxed">
187+
Strategic resource management to cut down cloud bills without compromising on speed or performance.
188+
</p>
189+
</div>
190+
</div>
191+
</div>
192+
193+
<div class="group bg-slate-900/40 border border-slate-800/60 p-8 rounded-3xl hover:border-blue-500/40 transition-all duration-300">
194+
<div class="flex items-start gap-5">
195+
<div class="shrink-0 w-12 h-12 bg-blue-500/10 rounded-2xl flex items-center justify-center group-hover:bg-blue-500/20 transition-colors">
196+
<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="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>
197+
</div>
198+
<div>
199+
<h3 class="text-lg font-bold text-white mb-2">Reliable Remote Support</h3>
200+
<p class="text-slate-400 text-sm leading-relaxed">
201+
Flexible and dedicated remote collaboration tailored for clients across India and globally.
202+
</p>
203+
</div>
204+
</div>
205+
</div>
206+
207+
</div>
208+
</div>
209+
</section>
210+
211+
<!-- ================= CTA ================= -->
212+
<section class="py-20 px-6 bg-slate-950 relative overflow-hidden">
213+
214+
<div class="absolute inset-0 opacity-10 pointer-events-none">
215+
<svg class="absolute top-10 left-10 w-24 h-24 text-blue-500" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
216+
</div>
217+
218+
<div class="max-w-4xl mx-auto relative z-10">
219+
<div class="bg-slate-900/40 backdrop-blur-xl border border-slate-800/60 rounded-[2rem] p-10 md:p-16 text-center group">
220+
221+
<div class="w-16 h-16 bg-blue-500/10 border border-blue-500/20 rounded-2xl flex items-center justify-center mx-auto mb-8 group-hover:rotate-12 transition-transform duration-500">
222+
<svg class="w-8 h-8 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
223+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" 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" />
224+
</svg>
225+
</div>
226+
227+
<h2 class="text-3xl md:text-4xl font-bold text-white mb-6 tracking-tight leading-tight">
228+
Ready to Scale on
229+
<span class="bg-gradient-to-r from-blue-400 to-teal-400 bg-clip-text text-transparent">
230+
AWS Cloud?
231+
</span>
232+
</h2>
233+
234+
<p class="text-slate-400 text-base md:text-lg mb-10 max-w-xl mx-auto leading-relaxed">
235+
Let’s design and automate an AWS infrastructure that is
236+
<span class="text-slate-200">secure, cost-optimized,</span> and ready for global traffic.
237+
</p>
238+
239+
<div class="flex flex-col sm:flex-row items-center justify-center gap-4">
240+
<a href="/#contact"
241+
class="w-full sm:w-auto px-8 py-3.5 bg-blue-600 text-white rounded-xl font-bold hover:bg-blue-500 transition-all active:scale-95 shadow-lg shadow-blue-500/20 flex items-center justify-center gap-2">
242+
Start AWS Project
243+
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>
244+
</a>
245+
246+
<a href="mailto:[email protected]"
247+
class="w-full sm:w-auto px-8 py-3.5 border border-slate-700 rounded-xl text-slate-300 font-semibold hover:bg-slate-800 hover:text-white transition-all active:scale-95">
248+
Talk to Expert
249+
</a>
250+
</div>
251+
252+
</div>
253+
</div>
254+
</section>
255+
256+
</body>
257+
</html>

0 commit comments

Comments
 (0)