Giter Club home page Giter Club logo

horiseon-refactoring-project's Introduction

Jennifer Engle Module 1 - Challenge

Description

The goal of this project was to review an existing webpage, deconstruct and refactor the html and css code. HTML semantics, header order, alt-text for images and code following a logical structure were specific goals.

Badges

N/A

Visuals

The site is developed for desktop view and may have unexpected display issues in smaller screens.

Installation

No special installation is needed to view this site.

Usage

Upon page load, a top header of blue-green with the company name "Horiseon" in the left position and a menu of 3 links in the right position. Below the header is a background image of people in a meeting room at a table collaborating. On click of "Search Engine Optimization" in the top right menu, the page should link to "Search Engine Optimization" section below with a blue background and image of a notepad with an SEO brainstorming sketch. On click of "Online Reputation Management" in the top right menu, the page should link to "Online Reputation Management" section below with a blue background and image of a laptop with a growth bar graph on its screen. On click of "Social Media Marketing" in the top right menu, the page should link to "Social Media Marketing" section below with a blue background and image of a group of people at a table with speech bubbles related to social media. There is a right aside section that has a blue background with black icons and text about additional features the company provides.

image

Support

If there are issues with the site, please reach out to me, Jennifer Engle, at [email protected] and reference the site's URL. Please provide any screenshots and behavior along with your browser information.

Roadmap

N/A

Contributing

I am open to collaboration for contributing to updates to this page. Please email me at [email protected].

Authors and acknowledgment

Jennifer Engle

License

No License is used on this site.

Project status

Completed for initial review for grading.

horiseon-refactoring-project's People

Contributors

jengle-dev avatar

Stargazers

 avatar

Watchers

 avatar

horiseon-refactoring-project's Issues

Renamed Repo

Renamed repo from module-1-challenge to Horiseon-Refactoring-Project

Module 1 Challenge

User Story

AS AN employer
I WANT to view a potential employee's deployed portfolio of work samples
SO THAT I can review samples of their work and assess whether they're a good candidate for an open position

Acceptance Criteria

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 elements
THEN I find that the elements follow a logical structure independent of styling and positioning
WHEN I view the icon and 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

The above info comes from the README.md file from class that is uploaded to the module-1-challenge repo

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.