diff --git a/Front-end-Projects/Basic/CSS Solar System/Readme.md b/Front-end-Projects/Basic/CSS Solar System/Readme.md new file mode 100644 index 00000000..61914ab6 --- /dev/null +++ b/Front-end-Projects/Basic/CSS Solar System/Readme.md @@ -0,0 +1,69 @@ +

đŸ’Ĩ CSS Solar System đŸ’Ĩ

+ + + +

Tech Stack Used 🎮

+ + +
+ + ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) + ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) + +
+ + +![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847) + + + +## :zap: Description 📃 + +
+

The CSS Solar System is a visually immersive representation of our solar system, crafted entirely with HTML and CSS. This project features a realistic arrangement of planets orbiting the sun, each with carefully scaled sizes and orbital paths. Through the use of CSS animations and transformations, each planet follows its unique orbit, capturing the beauty and motion of celestial bodies. This project demonstrates creative and technical CSS skills by simulating complex motion without JavaScript, offering an interactive and educational visualization of the solar system for viewers.

+
+ + + + +## :zap: How to run it? 🕹ī¸ + +
+

To run this project locally, follow these steps: + +1. Fork the repository. + +2. Clone the repository to your local machine: + git clone + +3. Open the project folder in your preferred code editor, now you can view website in live. + +

+
+ + + +## :zap: Screenshots 📸 + + +![Screenshot (38)](https://github.com/user-attachments/assets/0050b66c-eb63-4cb6-8b97-056f4bb22f92) + + + +![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847) + + + +

Developed By Arzoo Singh

+

+ + + + + + +

+ +

Happy Coding 🧑‍đŸ’ģ

+ +

Show some  â¤ī¸  by  đŸŒŸ  this repository!