Welcome to HTML-Portfolio! This project is a template for building modern, interactive, and visually engaging portfolio's using HTML, CSS, and JavaScript. It utilizes creative scripts and service workers to provide a dynamic and performant web presence.
πLink - Visit My Portfolio
HTML-Portfolio is designed for developers and creatives who want to showcase their work online with style. The project comes bundled with interactive JavaScript features, caching with Service Workers, and customization-ready assetsβmaking it simple to get your portfolio online quickly.
- Interactive JavaScript Effects: Engaging UI elements powered by custom scripts (see
script.js). - Progressive Web App Ready: Uses a Service Worker (
sw.js) for offline support and faster load times. - Vanilla Tilt Integration: Subtle 3D hover effects on elements via
vanilla-tilt.min.js. - Easy Customization: Straightforward HTML/CSS structure for rapid personalization.
- Asset Caching: Predefined cache list for critical files and images.
-
Clone the Repository
git clone https://github.com/selvaganesh19/HTML-Portfolio.git cd HTML-Portfolio -
Open in Your Browser
- Simply open
index.htmlin your favorite browser.
- Simply open
-
(Optional) Serve Locally for Development
# Using Python 3.x python -m http.serverThen navigate to
http://localhost:8000in your browser.
-
Customize Content:
Editindex.htmlto add your personal information, projects, and contact details. -
Style Your Portfolio:
Modifystyle.cssto match your preferred color scheme and layout. -
Enhance with JavaScript:
- Update
script.jsto tweak or add interactive effects. - Add or adjust 3D tilt behaviors via
vanilla-tilt.min.js.
- Update
-
Service Worker:
Thesw.jsfile provides offline capabilities. Ensure your site is served over HTTPS (or localhost during development) for Service Worker support.
Contributions are welcome!
To contribute:
- Fork this repository.
- Create a new branch (
git checkout -b feature-name). - Commit your changes (
git commit -am 'Add new feature'). - Push to the branch (
git push origin feature-name). - Open a Pull Request.
Please open an issue for bug reports or feature requests.
This project is licensed under the MIT License.
Showcase your creativity with HTML-Portfolio and make your online presence truly stand out!
This project is licensed under the MIT License.
π GitHub Repo: https://github.com/selvaganesh19/HTML-Portfolio