EVALUATE: HTML & CSS

Web Development Evaluation 001

This repository contains the files and instructions for completing Web Development Evaluation 001. Follow the steps below to fork and then clone the repository and get started.

Prerequisites

Before you begin, ensure you have the following installed:

• Git: Version control system to clone and manage the repository.
• GitHub: make sure you have an account to sync your repositories to.
• Code Editor: Any code editor like Visual Studio Code

Cloning the Repository

Follow these steps to fork and clone the repository:

1. Open your terminal or Git Bash.
2. Navigate to the directory where you want to store the project.
3. Fork the repository.
4. Clone the forked repository to edit on your local computer.

Viewing the Project

To view the project locally, you can either open the project files in your code editor or open the HTML files in your browser.

Tasks

Please refer to mockup.jpg in the repository.

• Add proper meta tag for a responsive site to index.html
• Add styles.css with the proper link tag.
• Best efforts to convert HTML (divs) to semantic HTML.
• Create a 2 column layout using grid or flexbox for the content using the existing media query in styles.css.
• Replace image placeholders with images from img folder.
• Link the click here link to the story page in the stories folder.
• * BONUS * Update stories\ai-takes-over.html to include the updates from index.html

Submitting Your Work

After completing the task, be sure to commit your changes and push them back to your own forked repository and turn in the GitHub link in Google Classroom.