AJs_Horiseon

Bootcamp Challenge #1 HTML CSS Git Challenge: Code Refactor

Finished Assignment

Horiseon Site:https://ajureel.github.io/AJs_Horiseon/Develop/index.html

Github Repo: https://github.com/ajureel/AJs_Horiseon

Github Readme: https://ajureel.github.io/AJs_Horiseon/

User Story

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

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 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

Mockup Image

Challenge Requirements

Technical Acceptance Criteria: 40%

1. Satisfies all of the preceding acceptance criteria plus the following code improvements:
2. Application’s links all function correctly.
3. Application’s CSS selectors and properties are consolidated and organized to follow semantic structure.
4. Application’s CSS file is properly commented.

Deployment: 32%

1. Application deployed at live URL.
2. Application loads with no errors.
3. Application GitHub URL submitted.
4. GitHub repository that contains application code.

Application Quality: 15%

1. Application resembles (at least 90%) screenshots provided in challenge instructions.

Repository Quality: 13%

1. Repository has a unique name.
2. Repository follows best practices for file structure and naming conventions.
3. Repository follows best practices for class/id naming conventions, indentation, quality comments, etc.
4. Repository contains multiple descriptive commit messages.
5. Repository contains quality README file with description, screenshot, and link to deployed application.

Example Code Compare