# 01_Code_Refractor_JMB

BootCamp Homework - 01 HTML CSS Git: Code Refactor

The Challenge

The goal or objective of this exercise is to refactor an existing webpage resulting in Search Engine Optimization (SEO) which allows your organization to increase its visibility and acess among its users.

The Process

In orther to accomplish the challege, the following steps were done:

• Understand clearly the webpage purpose and content
• Research sources to understand key concepts
  • What code refactoring is
  • Semantic HTML
  • Web accesibility standards
  • How to edit Markdown files
  • Proper use of a README.mb file
• Apply above concepts in the revision and editing of the HTML and CSS files

The specific findings and modifications to the CSS file

Structure and descriptive comments were added
<!-- Header -->
<!-- Main content -->
<!-- Additional indirect content -->
<!-- Page footer -->
Changed title to "Business Digital Strategies"
Changed <div>  for <header> tag
Changed <div>  for <nav> tag in HTML, and .header nav CSS rules
Changed to meetingMainImage, and included into the header section.
Added some empty lines for making the HTML sections easier to identify
Added <main> tag to group the main content
Added <footer> tag at the bottom of the page
Changed content class name for mainContent both in the HTML and CSS files
The benefits <div> tag was changed to <aside> tag
Included alt properties with related description for each image
Changed the class search-engine-optimization to id search-engine-optimization
Changed the classes  benefit-lead, benefit-brand and benefit-cost to id benefit-lead, benefit-brand and benefit-cost
Removed the online-reputation-management class and rules in CSS updated to id
Removed the social-media-marketing class and rules in CSS updated to id
The  was removed
" tabindex="0" role="button">







  

The Output

With the research, application of concepts, and specific changes made to the files, we were able to ensure an accesible, efficient, and easy to read project.

Installation

The project was uploaded to

The project was uploaded to GitHub at the following repository: https://github.com/Genius2k21/01_Code_Refractor_JMB.git

You can access the deployed application with the GitHup Pages link: https://github.com/Genius2k21/01_Code_Refractor_JMB.git

References

Code refactoring

Semantic HTML

Web accessibility standards

Markdown and Visual Studio Code

Web accessibility standards

Interactive tutorial