Overview:
This portfolio was crafted to represent Rubhak – a Penetration Tester, Web Security Consultant, and Founder of Green Dwarf Tech. The goal was to build a clean, fast, professional site that serves as both a technical resume and a dynamic showcase of capabilities. The website focuses on cybersecurity expertise, development proficiency, and real-world projects under one digital roof.
This project was more than a static site – it reflects your brand. The interface and structure are designed to communicate clarity, confidence, and competence, aimed at potential clients, collaborators, and recruiters.
How It Was Built:
The website was built entirely using HTML5, CSS3, and minimal JavaScript for smooth interactivity. No heavy frameworks or CMS systems were used to retain complete control over the layout and performance. The design follows a dark UI theme with bright accents to emphasise a tech-focused, futuristic persona.
Key Modules Included:
Intro Banner with Profile & Role – Sets the tone of the website with your name, title, and social proof
Experience Timeline – Highlights your professional journey, including Green Dwarf Tech and freelancing gigs
Certifications Grid – Displays top certifications like Google Cybersecurity, IBM Analyst, and XM Cyber
Projects Showcase – Highlights completed websites like Green Dwarf Tech, Heliox, Kota NEET Academy, and more
Blog Section – SEO-focused cybersecurity and development articles for value-driven content
Contact Form – Visitors can easily reach out through a minimal yet effective form layout
Technologies & Tools Used:
HTML5 + CSS3 – Semantic structure and responsive layouts
Flexbox + Media Queries – For fluid grid system and adaptive layout
Font Awesome + Custom Icons – To bring visual clarity and intuitive UX
JavaScript – Used for minor animations, form interaction, and smooth scroll
SEO Tags – Optimised with Open Graph, meta tags, and structured markup
Dark Mode Design – Styled to reflect a cybersecurity and tech-forward personality
SEO & Performance Focus:
Clean semantic code for fast crawling and indexing
Proper keyword placement, such as “cybersecurity professional”, “penetration tester”, “portfolio website”, etc.
Open Graph tags for effective sharing previews on social media
Mobile-First Design to ensure performance and accessibility across devices
Alt-text optimisation and compressed images to improve load speed
Result:
This portfolio website acts as a personal branding hub that not only showcases skills and achievements but also builds trust and authority in the cybersecurity and development community. It’s optimised for discoverability and speaks directly to Rubhak’s professionalism. This site has become a central place to direct future leads, collaborators, and clients.