This repository hosts the source code for the personal portfolio of Hulo Biral , a Cybersecurity Student specializing in ethical hacking, penetration testing, and web application security. The website serves as a digital universe to showcase academic background, technical skills, projects, and contact information.
Explore the live, deployed version of the website here:
The portfolio is built with modern web development practices, focusing on performance, accessibility, and a unique, visually engaging design inspired by a "Cybersecurity Universe" theme.
- Responsive & Dynamic Design: Optimized for all devices (mobile, tablet, desktop) with a dark, space-themed aesthetic.
- Custom Cursor: Enhances desktop user experience with magnetic hover effects.
- Particle Background: A subtle, animated canvas background creates an immersive atmosphere.
- Typing Animation: Dynamic text in the hero section introduces Hulo's multiple roles.
- Smooth Navigation: Scroll-spy dots and fixed navigation for seamless movement between sections.
- SEO Optimized: Comprehensive Open Graph (OG) and Twitter Card metadata for social sharing, plus JSON-LD structured data.
This project is a classic and robust static website built entirely with foundational web technologies.
- HTML5: Semantic structure for the content.
- CSS3: Custom styling and animations (
style.css). - JavaScript (ES6+): Handling dynamic effects, particle background, typing animation, and magnetic buttons (
script.js). - External Libraries:
- Google Fonts: Inter and Playfair Display for typography.
- Tailwind CSS (via CDN): Used for rapid, utility-first styling and responsive layout adjustments within
index.html.
To run and modify this project locally, follow these steps:
-
Clone the repository:
git clone [https://github.com/hul0/hulobiral-portfolio-html.git](https://github.com/hul0/hulobiral-portfolio-html.git) cd hulobiral-portfolio-html -
Open the file: Since this is a static HTML site with no build tools or server dependencies, simply open the
index.htmlfile in your preferred web browser.# For macOS/Linux open index.html # For Windows start index.html
-
Customize: Edit
index.html,style.css, andscript.jsto customize the content, styling, and interactivity.
Contributions are welcome! If you find any bugs, have suggestions for new features, or want to improve the codebase, please check out the CONTRIBUTING.md file for guidelines.
This project is licensed under the MIT License. See the LICENSE file for details.