This is an example of using Semantic HTML and applying Style with CSS to the Horiseon Webpage while refactoring the given code. I was tasked with addressing certain bugs and issues in regards to the Horiseon Webpage to allow for a better flow and structure to more efficently provid einformation not only to a website visitor, but also to the hardware the webpage is accesed from, specifically a desktop.
- Acceptance Criteria
- Refactor/Adjustments To Code
- Application/Deployed Page URL
- Deployed Page
- Credits
- 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 element, 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;
- Added a website title to display in web browser tab and define webpage
- Refactored HTML to include Semantic Elements to define the different aspects of the webpage to provide structure and order
- Refactored Style Sheet using CSS and debugged sheet by removing duplicate code and linking certain HTML elements together to have a common CSS Style applied to these elements
https://sbehashti.github.io/Code-Refactor-For-Horiseon/
- UCD Coding Bootcamp for Horiseon Webpage
- Refactoring done by Sier Behashti https://github.com/Sbehashti