A clean, single-page personal profile built with pure HTML, CSS, and vanilla JavaScript. Designed with a dark terminal aesthetic to showcase DevOps skills, experience, certifications, and contact info.
- Zero dependencies — pure HTML/CSS/JS, no frameworks or build tools
- Responsive — works on desktop and mobile
- Animated — scroll-reveal effects, glowing blobs, blinking terminal cursor
- Terminal aesthetic — scanline overlay, grid background, monospace typography
- Easy to customize — all personal info clearly labeled as placeholders
devops-profile/
└── index.html # The entire site — one file
└── README.md # This file
| Section | Description |
|---|---|
| Hero | Name, tagline, and key stats |
| About | Terminal-style block with personal summary |
| Skills | Tool and technology cards |
| Experience | Timeline of work history |
| Certifications | Cloud and DevOps certifications |
| Contact | Email, LinkedIn, and GitHub links |
Open index.html and search for these placeholders:
| Placeholder | Replace with |
|---|---|
Your Name |
Your full name |
yourname |
Your username / handle |
X+ |
Your years of experience |
XX+ |
Number of pipelines / projects |
Company Name |
Your actual employer |
you@email.com |
Your email address |
yourhandle |
Your GitHub / LinkedIn handle |
Your City, Your Country |
Your location |
20XX |
Real certification years |
- Rename
devops-profile.htmltoindex.html - Push to GitHub
- Go to Settings → Pages → Source → Deploy from branch
- Select
mainand/ (root)→ Save
Your site will be live at:
https://yourhandle.github.io/repo-name
MIT — free to use and modify for personal or commercial projects.
Built with intention and caffeine ☕