Welcome to the Xbox Universe Website! This project showcases a modern and user-friendly website that provides detailed information about Xbox products, services, and more. The site is designed to offer a seamless browsing experience with good viewing effects, responsive design, and easy navigation.
- Pages
- Technologies Used
- Installation
- Usage
- Features
- Contributing
- License
The website contains the following pages:
Xbox Universe Home Page
The landing page introduces users to the Xbox Universe, showcasing the latest in Xbox gaming, consoles, and more. (This page contains animation in contact card and buttons)
Game Pass
This page provides detailed information about the Xbox Game Pass subscription options, including Console, PC, and Ultimate plans. ( This page is not completed yet)
Games
A comprehensive list of Xbox games with brief descriptions and links to further information. (This page contains hover animation in game cards)
Products
A page dedicated to showcasing various Xbox products, including consoles, accessories, and more. (This page contains animation in product cards)
Successful Subscription
A confirmation page displayed after a user successfully subscribes for Xbox newsletter.
Support and FAQ
A page offering support options and answers to frequently asked questions to help users navigate their Xbox experience.
Sign-Up and Login
This page allows users to create an account or log in to their account. (This page contains animation in sign-up login form)
- HTML5: For structuring the Xbox project website.
- CSS: For styling the website, making it is visually attractive and responsive.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/PraveenRepswal/Xbox-project.git
- Navigate to the project directory:
cd Xbox-project
Open the index.html to sun the project.
To experience the website live: https://praveenrepswal.github.io/Xbox-project/
To navigate to other pages use the last 2 buttons in navbar
Once the project is set up, user can navigate through the website using the links provided in the header and footer (Last two links present in navbar redirects to another pages, remaining links takes you to the different part of homepage). Explore the Products , browse the game titles, Sign-Up and Login through the Sign-Up Login page.
- Responsive Design: The website is fully responsive, providing an good viewing experience on devices.
- Modern View: The design is clean, modern, and contains some Xbox related items.
- Interactive Elements: Includes hover effects, animations, and other interactive elements to enhance the user experience. User Management: Users can sign up and log in. (The Sign-Up and Login data will not save as it is build only using HTML and CSS)
Contributions are welcome! If you'd like to contribute to this project, please fork the repository and submit a pull request.
This project is licensed under the Unknown License - see the LICENSE file for details
-
The data used in this website is researched using AI to speed up the process because the deadline of HC Arcade is very close
-
The The images of all products used in the products page are same and the images of all the games of games page are same to reduce the time for searching images and to focus more on projects because the Arcade event is about to end
-
The gamepass page is not completed yet, hopefully it will be completed by the end of the Arcade event
