Skip to content

A responsive, color-coded Periodic Table built using only HTML and internal CSS. It uses simple styling to visually represent chemical elements.

License

Notifications You must be signed in to change notification settings

huzaifa-frontend/html-periodic-table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

HTML Periodic Table

🌐 Live Site: Click here to view the project

πŸ“ Project Overview

This is a simple and visually structured Periodic Table built using HTML and inline CSS. It is designed to display all the chemical elements in their correct groups and periods, similar to the traditional periodic table format.

πŸš€ Features

  • Responsive layout using basic HTML table structure
  • Inline CSS styling for quick and simple customization
  • Groups and periods are clearly labeled
  • Visually distinct categories of elements (e.g., metals, nonmetals)

πŸ“š Technologies Used

  • HTML5
  • Inline CSS

πŸ“ File Structure

πŸ“¦ html-landing-page
 ┣ πŸ“„ index.html
 ┣ πŸ“„ README.md
 β”— πŸ“„ LICENSE

πŸ› οΈ How to Run Locally

  1. Clone this repository:
    git clone https://github.com/huzaifa-frontend/html-periodic-table.git
  2. Open index.html in your browser.

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

✍️ Author

Muhammad Huzaifa Karim
GitHub Profile

πŸ”„ Deployment

This project is deployed via GitHub Pages. Any changes pushed to the main branch will automatically update the live site.

πŸ“¬ Contact

For any queries or collaboration requests, feel free to reach out via GitHub.


Β© 2025 Muhammad Huzaifa Karim

About

A responsive, color-coded Periodic Table built using only HTML and internal CSS. It uses simple styling to visually represent chemical elements.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages