Giter VIP home page Giter VIP logo

code-refactor-challenge's Introduction

Code-Refactor-Challenge

Description - Code Refactor Challenge (Bootcamp Module 1 Challenge - Due on 05/12/2023)

Refactor code on Horiseon Social Solution Services's website so that it meets web accessibility standards.

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

We achieved this by

  • Ensuring that semantic HTML elements can be found throughout the source code
  • Made sure that HTML elements follow a logical structure independent of styling and positioning
  • Image and icon elements contained accessible alt attributes
  • Ensuring that heading attributes fall in sequential order (H1 through to H6)
  • Title elements contain a concise, descriptive title

Usage

Below is a screenshot of how the website should function and display:

Website screenshot

Credits

No collaborators, this was a solo project

Followed this tutorial partially (https://www.youtube.com/watch?v=lAOkx2yZESY) in order to get an idea of how to make the nav bar hover 4:04-4:15

Referenced (https://www.w3schools.com/html/html5_semantic_elements.asp) to better understanding of HTML Semantic Elements

License

N/A - No license attributed


Features

Nav bar goes bold up when hovered over with cursor Nav bar functions and takes user to certain places on page when clicked

code-refactor-challenge's People

Contributors

aaron1490 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.