Skip to content

LoosedWhale/Starwars_website_assigment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Starwars Website Assigment

Languages and Tools:

css3 html5 javascript

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

git clone <repository-url>
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.

Enjoy exploring the Star Wars universe with StarWars Home!