Skip to content

Leesaal/HTML_CSS_refactoring

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Code Refactor Starter Code

Table of contents

Description

Installation

Usage

Credits

Link to Github

Screenshot

License

Features

Tests

Contact

Description

This project shows refactored code to make the HTML and CSS code more presentable, understandable and, if required, easier to amend in the future.

Semantic HTML has been used wihtin the refactored code to make the code more comprehensible and allows search engines to interpret the content better. For example: through my edits, I have introduced meaning to the header and footer.

One particular challenge I faced included trying to understand the output of the superseded code and to ensure the output from the refactored code matched this. Having learnt reset.css in week 2, in the future I would try to implement a reset.css file to help create a consistent output.

Installation

N/A

Usage

This code can be used to view the horiseon webpage. The HTML and CSS code also shows a more efficient code than the orginal.

Credits

N/A

Link to Github

Link

Screenshot

Screenshot 2023-05-12 at 13 23 19 (2)

License

MIT license

Features

This code features:

  1. Semantic HTML
  2. More appropriate CSS ordering
  3. Commented changes
  4. More appropriate use of classes, id's and selectors

Tests

There are no tests currently.

Contact me

If there are any bugs found with the project, or you would like to get in touch, you can email me at: leesaali7@gmail.com

About

A refactored website showing clean code and use of semantic html.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published