A curated collection of HTML and CSS mini projects built to strengthen core frontend development skills through hands-on practice.
This repository contains a series of beginner-friendly, focused exercises designed to build a strong foundation in HTML structure, CSS styling, and layout fundamentals. Each folder includes an independent mini project demonstrating specific concepts and techniques.
The main goal of this repository is learning by doing — exploring HTML and CSS features through small, practical builds rather than full-scale responsive websites.
Each folder represents a separate practice project:
| Folder Name | Description |
|---|---|
Project1_Admission_Form/ |
A styled form demonstrating input fields, labels, and form submission structure. |
Project2_Solar_System/ |
A creative static layout showcasing planets using CSS design and positioning. |
Project3_Simple_Interest_Calculator/ |
A calculator layout for practicing structure, alignment, and input elements. |
Project4_UI_Card/ |
A modern profile card built to experiment with borders, shadows, and layout styling. |
To view any project, simply open its index.html file in a web browser. Each folder is self-contained and independent.
- To track personal progress during HTML & CSS learning.
- To build a structured collection of practice-based mini projects.
- To serve as a reference library for future revision and web development experiments.
You can explore all projects through this homepage: 👉 HTML & CSS Showcase
Or directly access individual projects, for example:
/Project1_Admission_Form//Project2_Solar_System//Project3_Simple_Interest_Calculator//Project4_UI_Card/
-
Clone the repository:
git clone https://github.com/sehrishjaved19/HTML-CSS_showcase.git
-
Open any folder:
cd HTML-CSS_showcase/Project1_Admission_Form -
Run the
.htmlfile in your browser.
- These are practice projects, not production-ready designs.
- Some files may include early experiments or test layouts.
- All content was created while learning HTML and CSS fundamentals.
Licensed under the MIT License — feel free to use this code for learning and personal practice. Please credit the author if shared publicly.
Sehrish Javed 🎓 IBM Full Stack JavaScript Developer (in progress) 🌐 GitHub | LinkedIn