Counter-Strike: Global Offensive (CS:GO) Website

Welcome to the README.md for the Counter-Strike: Global Offensive (CS:GO) website. This document provides an overview of the project, its structure, lessons learned, and more.

For a live experience of the website, please visit CSGO Website.

Lessons Learned

Throughout the development of this project, several key lessons were learned:

1. Web Development Fundamentals: Working on this website helped solidify foundational concepts of HTML, CSS, and JavaScript.

2. Responsive Design: Creating media queries for different screen sizes improved the website's responsiveness and user experience.

3. DOM Manipulation: The app.js file demonstrated how to manipulate the Document Object Model (DOM) to dynamically insert reviews and create a carousel.

4. Project Structure: Organizing files and directories appropriately makes the project more manageable and maintainable.

5. Styling Techniques: Utilizing CSS for styling, from basic elements to more advanced concepts like hover effects and transitions.

6. GitHub Workflow: Using version control (Git) and hosting on GitHub provides a streamlined workflow for collaboration and deployment.

Directory Structure

The project directory follows a logical structure:

• The css and js directories contain global styles and scripts.
• The pages directory houses each major page of the website, with their respective HTML, images, and CSS.

File Overview

css

Contains the global CSS file for styling across the entire website.

• global.css: This stylesheet contains the global styles used throughout the website.

js

Holds JavaScript files used for website functionality.

• app.js: This JavaScript file handles the dynamic insertion of reviews and carousel functionality.

pages

Contains subdirectories for each major page of the website.

• about: Information about the game and its background.

  • about.html: The HTML structure for the About page.
  • images: Directory containing images used on the About page.
  • style.css: CSS styling specific to the About page.

• home: The homepage of the website, showcasing game modes and inventory.

  • images: Directory containing images used on the Home page.
  • index.html: The HTML structure for the Homepage.
  • style.css: CSS styling specific to the Homepage.

• info: Detailed information about different game modes.

  • images: Directory containing images used on the Info page.
  • info.html: The HTML structure for the Info page.
  • style.css: CSS styling specific to the Info page.

• reviews: User reviews and ratings of the game.

  • images: Directory containing images used on the Reviews page.
  • reviews.html: The HTML structure for the Reviews page.
  • style.css: CSS styling specific to the Reviews page.

Acknowledgments

This project was developed by Mukul Sharma, inspired by a passion for Counter-Strike: Global Offensive. Special thanks to the WEB222 instructor for their guidance and support throughout the development process.

Feel free to explore the different pages, read reviews, learn about game modes, and dive into the world of CS:GO!