https://github.com/programming-sai/solarsystem
This is a website, that makes use of HTML and CSS only. it gives a general overview of the planets in the solar system.
https://github.com/programming-sai/solarsystem
css html planets solar-system
Last synced: 9 months ago
JSON representation
This is a website, that makes use of HTML and CSS only. it gives a general overview of the planets in the solar system.
- Host: GitHub
- URL: https://github.com/programming-sai/solarsystem
- Owner: Programming-Sai
- Created: 2024-06-23T15:56:57.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-25T09:34:04.000Z (almost 2 years ago)
- Last Synced: 2025-06-04T14:43:53.405Z (about 1 year ago)
- Topics: css, html, planets, solar-system
- Language: SCSS
- Homepage: http://programming-sai.github.io/SolarSystem/
- Size: 10.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Solar System
This repository contains a simple website dedicated to the Solar System, featuring information and images of various planets.
You can access the site [here](http://programming-sai.github.io/SolarSystem/)
## Installation
```bash
git clone https://github.com/Programming-Sai/SolarSystem.git
cd SolarSystem
# run it on local host.
```
## Files and Structure
### `index.html`
This is the main homepage of the website. It includes:
- A stylized representation of the Solar System using nested `div` elements and `section` tags for each planet.
- Each planet is represented by a small image (`20px x 20px`) within its respective section.
- Clicking on the Sun (`
`) navigates to the `Planets` page.
### `Planets.html`
This page serves as an overview of the planets in the Solar System. It includes:
- A header (``) with a logo and navigation menu (``).
- Main content (``) featuring details about each planet:
- Images of planets with brief descriptions.
- Facts about the Solar System presented in an `` element.
- Footer (``) with contact information and social media links.
### Stylesheets
- `Solar_System.css`: Stylesheet for the `index.html` page.
- `Planets.css`: Stylesheet for the `Planets.html` page.
- `fontawesome-free-6.4.0-web/css/all.css`: FontAwesome library for icons.
### Images
- Various planet images (`Images/`) used throughout both pages.
- Image files include `.png` and `.jpeg` formats, depicting planets, the Solar System, and related celestial objects.
## Usage
To view the website locally:
1. Clone or download the repository.
2. Open `index.html` or `Planets.html` in a web browser.