https://github.com/loosedwhale/starwars_website_assigment
https://github.com/loosedwhale/starwars_website_assigment
assigment css css3 hmtl html5 javascript
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/loosedwhale/starwars_website_assigment
- Owner: LoosedWhale
- Created: 2023-11-23T15:43:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-23T18:33:21.000Z (over 1 year ago)
- Last Synced: 2025-02-13T23:45:06.437Z (3 months ago)
- Topics: assigment, css, css3, hmtl, html5, javascript
- Language: HTML
- Homepage:
- Size: 3.65 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Starwars Website Assigment
Languages and Tools:
## Introduction
Welcome to the StarWars Home project! This web application provides a platform to explore the Star Wars universe, featuring information about films, series, games, and more. The project is designed with a responsive layout and an engaging user interface. Learn about the epic saga of Star Wars and dive into a galaxy far, far away.
## Getting Started
To explore the StarWars Home project, follow these steps:
### 1. Clone the Repository
```bash
git clone
cd starwars-home
```
## Getting Started
### 2. Open the Project
Open the `index.html` file in your preferred web browser to start exploring the Star Wars universe.
### 3. Navigation
- Use the menu toggle in the top left corner to navigate on smaller screens.
- On larger screens, the navigation menu is available at the top of the page.
## Project Structure
The project structure includes the following files:
- `index.html`: The main HTML file containing the structure of the StarWars Home page.
- `mall.css`: The CSS file with styles for the layout, header, navigation, and content.
- `script.js`: JavaScript file for the interactive StarWars text effect.
## Features
### Header
- Eye-catching Star Wars logo in the header.
- Responsive navigation menu with a toggle for smaller screens.
### Content
- Overview of the Star Wars saga and its cultural impact.
- Information about the original trilogy, prequel trilogy, and sequel trilogy.
- Featured content container with images and details about "Ahsoka (2023)."
### Interactive StarWars Text
- The "STARWARS" text in the header has an interactive effect.
- Hover over the text to experience a dynamic letter-changing animation.
### Responsive Design
- The layout adjusts for optimal viewing on various screen sizes.
- Mobile-friendly navigation for ease of use on smaller screens.
## Customization
Feel free to customize the project to suit your preferences. You can add more content, modify styles, or expand the interactive features.
## Credits
- Star Wars images and logos are the property of Lucasfilm Ltd.
- Star Wars font used for the interactive text: Space Mono.
## License
This project is licensed under the [MIT License](LICENSE).
Enjoy exploring the Star Wars universe with StarWars Home!