Skip to content

selvaganesh19/HTML-Portfolio

Repository files navigation

HTML-Portfolio πŸš€

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.


🎯 Live Demo

πŸ”—Link - Visit My Portfolio


Pictures of PortFolio

🏠 Homepage

Screenshot 2025-08-03 193259

πŸ‘¨β€πŸ’» About Section

Screenshot 2025-08-03 193308

✨ Introduction

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.


🌟 Features

  • 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.

πŸ› οΈ Installation

  1. Clone the Repository

    git clone https://github.com/selvaganesh19/HTML-Portfolio.git
    cd HTML-Portfolio
    
  2. Open in Your Browser

    • Simply open index.html in your favorite browser.
  3. (Optional) Serve Locally for Development

    # Using Python 3.x
    python -m http.server
    

    Then navigate to http://localhost:8000 in your browser.


πŸš€ Usage

  • Customize Content:
    Edit index.html to add your personal information, projects, and contact details.

  • Style Your Portfolio:
    Modify style.css to match your preferred color scheme and layout.

  • Enhance with JavaScript:

    • Update script.js to tweak or add interactive effects.
    • Add or adjust 3D tilt behaviors via vanilla-tilt.min.js.
  • Service Worker:
    The sw.js file provides offline capabilities. Ensure your site is served over HTTPS (or localhost during development) for Service Worker support.


🀝 Contributing

Contributions are welcome!
To contribute:

  1. Fork this repository.
  2. Create a new branch (git checkout -b feature-name).
  3. Commit your changes (git commit -am 'Add new feature').
  4. Push to the branch (git push origin feature-name).
  5. Open a Pull Request.

Please open an issue for bug reports or feature requests.


πŸ“„ License

This project is licensed under the MIT License.


Showcase your creativity with HTML-Portfolio and make your online presence truly stand out!

License

This project is licensed under the MIT License.


πŸ”— GitHub Repo: https://github.com/selvaganesh19/HTML-Portfolio

About

Personal Portfolio πŸ˜„πŸ˜‡

Topics

Resources

License

Stars

Watchers

Forks