Skip to content

This is a simple, static personal portfolio website built using HTML5. It is designed to showcase basic personal information, educational background, and mock professional experiences.

Notifications You must be signed in to change notification settings

Kundan-K-Jaiswal/demo-portfolio

Repository files navigation

💼 Demo Portfolio Website


📄 Description

This is a simple, static personal portfolio website built using HTML5. It is designed to showcase basic personal information, educational background, and mock professional experiences. The purpose of this website is to demonstrate fundamental web development skills, including the use of semantic HTML tags, internal linking, image embedding, and structured content presentation.



🗂️ Project Structure

The portfolio consists of three interlinked pages:

1. index.html —> 🏠 Main Profile Page

Displays personal details such as name, birth date, gender, height, weight, and interests.

Includes an image and placeholder text for layout spacing.

Provides navigation links to:

  • Education page (education.html)
  • Experience page (experience.html)
  • 2. education.html —> 🎓 Education Page

    Lists academic history from school to college.

    Includes download/view buttons for semester-wise result PDFs.

    Includes a back link to the home page.

    3. experience.html —> 🧑‍💼 Experience Page

    Showcases two companies (Google and WhatsApp) with clickable logos that redirect to their official websites.

    Includes a disclaimer that the experiences listed are not real.

    Includes a back link to the home page.



    📁 Folder Structure

    project-root/
    │
    ├── index.html
    ├── education.html
    ├── experience.html
    │
    ├── demo-portfolio-images/
    │   └── my_image.jpg
    │
    ├── content-for-education/
    │   ├── RGPV I SEMESTER RESULT.pdf
    │   ├── RGPV II SEMESTER RESULT.pdf
    │   └── RGPV III SEMESTER RESULT.pdf
    │
    └── content-for-experience/
        ├── google-image.png
        └── whatsapp-image.jpeg
    



    💡 Features

  • Clean layout using: section, article, aside, and header/footer for semantic structure.
  • Image usage with descriptive alt attributes.
  • External links and internal navigation between pages.
  • Sample educational documents provided as downloadable PDFs.


  • 🚀 How to Use

  • Clone or download the project folder.
  • Open index.html in your browser.
  • Click through links to navigate to education and experience pages.
  • Explore interactive elements like image redirects and PDF buttons.


  • 📌 Disclaimer

    This project is for learning and demonstration purposes only. The experience details and images are mock data, and no real affiliation is claimed.
        Author : Kundan Kumar Jaiswal
        A Basic Portfolio Using HTML 
    

    About

    This is a simple, static personal portfolio website built using HTML5. It is designed to showcase basic personal information, educational background, and mock professional experiences.

    Topics

    Resources

    Stars

    Watchers

    Forks

    Languages