-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
206 lines (183 loc) · 8.13 KB
/
Copy pathindex.html
File metadata and controls
206 lines (183 loc) · 8.13 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>devansh@cloud-portfolio:~$</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="page">
<div class="terminal">
<div class="terminal-bar">
<div class="dots">
<span class="dot dot-red"></span>
<span class="dot dot-yellow"></span>
<span class="dot dot-green"></span>
</div>
<div class="terminal-title">devansh@cloud-portfolio: ~</div>
<nav class="top-nav-links">
<a href="index.html">cloud/devsecops</a>
<a href="cyber.html">cybersecurity/pentesting</a>
</nav>
</div>
<div class="terminal-body">
<h1 class="visually-hidden">
Devansh Pratap Singh – Cloud Engineering, DevSecOps & Cloud Security Portfolio
</h1>
<!-- Intro -->
<div class="line">
<span class="prompt">devansh@cloud-portfolio:~$</span>
<span class="command">whoami</span>
</div>
<div class="line line-output">
Devansh Pratap Singh — Cybersecurity & Cloud-focused Engineer (Cloud, DevSecOps, AWS Security)
</div>
<div class="line spacer"></div>
<!-- Help / menu -->
<div class="line">
<span class="prompt">devansh@cloud-portfolio:~$</span>
<span class="command">help</span>
</div>
<div class="line line-output">
Available sections: about, focus, aws, projects, contact
</div>
<div class="line line-output">
Use scroll or jump: <a href="#about">about</a> · <a href="#focus">focus</a> ·
<a href="#aws">aws</a> · <a href="#projects">projects</a> · <a href="#contact">contact</a>
</div>
<div class="line spacer"></div>
<!-- ABOUT -->
<div class="anchor" id="about"></div>
<h2 class="visually-hidden">About – Cloud & DevSecOps</h2>
<div class="line">
<span class="prompt">devansh@cloud-portfolio:~$</span>
<span class="command">cat cloud.txt</span>
</div>
<div class="block fade-on-scroll">
<p>
Cybersecurity and cloud-focused computer engineering with a strong interest in designing, securing, and automating cloud
infrastructure with a security-first mindset.
</p>
<p>
My cloud work centers on AWS VPC design, network segmentation, least-privilege IAM, and
defence-in-depth across services. I like building small, realistic architectures and then
hardening them as if they were production systems.
</p>
<p>
Comfortable across Windows and Linux, using scripting and automation to keep environments
consistent, observable, and secure.
</p>
</div>
<div class="line spacer"></div>
<!-- FOCUS -->
<div class="anchor" id="focus"></div>
<h2 class="visually-hidden">Cloud, DevSecOps & Infrastructure Focus</h2>
<div class="line">
<span class="prompt">devansh@cloud-portfolio:~$</span>
<span class="command">ls focus</span>
</div>
<div class="block fade-on-scroll">
<ul>
<li><span class="key">cloud-architecture/</span> — VPC design, subnets, routing, security groups, NACLs.</li>
<li><span class="key">iam-least-privilege/</span> — scoped roles, policies, and access boundaries.</li>
<li><span class="key">devsecops/</span> — secure CI/CD, configuration hardening, automation.</li>
<li><span class="key">infra-networking/</span> — segmentation, controlled internet exposure, logging.</li>
</ul>
</div>
<div class="line spacer"></div>
<!-- AWS DETAIL -->
<div class="anchor" id="aws"></div>
<h2 class="visually-hidden">AWS Cloud Security Work</h2>
<div class="line">
<span class="prompt">devansh@cloud-portfolio:~$</span>
<span class="command">aws describe-work --profile devansh</span>
</div>
<div class="block fade-on-scroll">
<p>
Most of my cloud work is on AWS, focusing on:
</p>
<ul>
<li>Designing segmented VPCs for public, private, and management subnets.</li>
<li>Using security groups and routing rules to strictly control east-west and north-south traffic.</li>
<li>Applying least-privilege IAM for users, roles, and services, avoiding broad wildcard policies.</li>
<li>Enabling logging and monitoring (flow logs, CloudTrail, basic alerting) as part of the baseline.</li>
</ul>
</div>
<div class="line spacer"></div>
<!-- PROJECTS (CLOUD / DEVSECOPS ANGLE) -->
<div class="anchor" id="projects"></div>
<h2 class="visually-hidden">Cloud & DevSecOps Projects</h2>
<div class="line">
<span class="prompt">devansh@cloud-portfolio:~$</span>
<span class="command">ls projects</span>
</div>
<div class="block fade-on-scroll">
<p class="project-title">AWS VPC Creation and Hardening/</p>
<p class="project-desc">
Designed and deployed a secure AWS VPC following best practices: segmented subnets, tightly
controlled internet exposure, and layered network defences using security groups and routing.
</p>
<p class="project-link">
↳ <a href="https://github.com/Neofetcher/AWS-VPC-Creation-and-Hardening" target="_blank">
AWS VPC Creation and Hardening – GitHub repository
</a>
</p>
</div>
<div class="block fade-on-scroll">
<p class="project-title">Honeypot Deployment/</p>
<p class="project-desc">
Designed and deployed a secure AWS VPC with EC2 workloads in public and private subnets, tightly controlled internet exposure,
and layered network defences using security groups and routing.
</p>
<p class="project-link">
↳ <a href="https://github.com/Neofetcher/Honeypot-Project" target="_blank">
Cloud Honeypot Lab Project – GitHub repository
</a>
</p>
</div>
<div class="line spacer"></div>
<!-- CONTACT -->
<div class="anchor" id="contact"></div>
<h2 class="visually-hidden">Contact – Cloud & DevSecOps Roles</h2>
<div class="line">
<span class="prompt">devansh@cloud-portfolio:~$</span>
<span class="command">cat contact.txt</span>
</div>
<div class="block fade-on-scroll">
<p>Email: <a href="mailto:reachmedevansh@gmail.com">Reach Devansh</a></p>
<p>GitHub: <a href="https://github.com/Neofetcher" target="_blank">@Neofetcher</a></p>
<p>Portfolio (cybersecurity-focused): <a href="cyber.html">cybersecurity/pentesting page</a></p>
<p>LinkedIn:
<a href="https://www.linkedin.com/in/reachmedevansh/" target="_blank">
Computer Engineer | Cybersecurity & Cloud | Pentesting · SOC · AWS Security
</a>
</p>
</div>
<div class="line spacer"></div>
<!-- Prompt footer -->
<div class="line">
<span class="prompt">devansh@cloud-portfolio:~$</span>
<span class="cursor"></span>
</div>
</div>
</div>
<footer class="footer">
© 2026 · Devansh Pratap Singh · Cloud & DevSecOps
</footer>
</div>
<script>
const observer = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
},
{ threshold: 0.2 }
);
document.querySelectorAll('.fade-on-scroll').forEach((el) => observer.observe(el));
</script>
</body>
</html>