Skip to content

pwfoote/CodingBootcamp-ChallengeOne-Horiseon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Challenge One Horiseon Code Refactor

This is a code refactoring project for my coding bootcamp where the goal was to update the faux website's accesbility, while also restructuring and reorganizing HTML and CSS elements.

Updated Accesibility

- Navigation bar was not properly linked to anchor tags.  To fix this, navigation buttons were properly placed within a <nav> containers and linked to appropriately to navigate users to linked sections.
- Alternitve descriptors were added to photos for the hero, services and benefits section. 

HTML and CSS Refactoring

- Restructered the navgigation bar into container and linked buttons to services section in main body.

- Reorganized Services Section by changing multiple <div> containters into <section> containers. 
    -Reasigned children to have appropriate indicators to sync with with stylesheet.

- Placed Benefits Section into <aside> container and reassigned children elements to have appropriate indicators with stylesheet.

- Consolidated CSS selectors and properties to work for multple HTML elements to give stylsheet cleaner organization.

Credits

Original Author: - Xandromus - Github: https://github.com/coding-boot-camp/urban-octo-telegram

ScreenShots

!screenshot

!screenshot

!screenshot

URL

- https://pwfoote.github.io/CodingBootcamp-ChallengeOne/
- https://github.com/pwfoote/CodingBootcamp-ChallengeOne

About

Code Refactor for Horiseon

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published