01-HTML-CSS-Git-Challenge: Code Rfactor

Challenge User Story

AS A marketing agency I WANT a codebase that follows accessibility standards SO THAT our own site is optimized for search engines

Challenge Acceptance Criteria

GIVEN a webpage meets accessibility standards WHEN I view the source code THEN I find semantic HTML elements WHEN I view the structure of the HTML elements THEN I find that the elements follow a logical structure independent of styling and positioning WHEN I view the icon and image elements THEN I find accessible alt attributes WHEN I view the heading attributes THEN they fall in sequential order WHEN I view the title element THEN I find a concise, descriptive title

My Goal

I will be refactoring the provided code (improving it without changing what it does) to meet the acceptance criteria above. Base on the user story, for this particular challene, a marketing agency has hired me to rafactor an existing site to make it more accessible.

Grading Requirements

This challenge is graded based on the following criteria:

Technical Acceptance Crtieria:

• Application's links all function correctly.

• Application's CSS selectors and properties are consolidated and organized to follow semantic structure.

• Application's CSS file is properly commented.

Deployment:

• Application is deployed at live URL on GitHub pages.

• Application loads with no errors.

• Application GitHub URL is submitted.

• GitHub repository contains application code.

Application Quality:

• Application resembles mock-up provided in the Challenge instructions (at least 90%).

Repository Quality:

• Repository has a unique name.

• Repository follows best practices for file structure and naming conventions.

• Repository follows best practices for class/id naming conventions, indentation, quality comments, etc.

• Repository contains multiple descriptive commit messages.

• Repository contains quality README file with description, screenshot, and link to deployed application.

Review

Submit the following for review:

• The URL of the deployed application.

• The URL of the GitHub repository, with a unique name and a README that describes the project.

Application Screenshot

The following image shows the web application's appearance and functionality:

Application Link

The following is a link to the deployed application in GitHub pages.

James Li Challenge 01: HTML-CSS-Git