milla56 / Horiseon-Optimization

Web application,which targets an aspect of web development - accessibility.

Home Page:https://milla56.github.io/Horiseon-Optimization/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Horiseon-Optimization

Introduction

"Horiseon Optimization" is a weekly challenge,which targets an aspect of web development - accessibility.The modified started code follows accessibility standards and it is optimized for search engines.

Table of Contents

Installation

N/A

Usage

The list shows what changes were made to improve the website:

  • The CSS (Cascading Style Sheets) external file was successfully linked to the HTML (Hypertext Markup Language) file.
  • The title of the page (Horiseon) was improved with a new font family and color.
  • The background color was changed.
  • The navigation bar of the website was modified: all of the titles are linked with the website's content (Search Engine Optimization,Online Reputation Management,Social Media Marketing,Lead Generation, Brand Awareness and Cost Management). The link between them is functioning correctly.
  • The main website image was improved- the size was changed,the border was added, the border shadow was added and padding,and margin we adjusted.
  • The main content of information,which includes the sections - Search Engine Optimization, Online Reputation Management and Social Media Marketing - were placed all to the left side of the webpage,and the text was improved (font style,font family and color), the image sized were adjusted, border and shadow border were created and padding and margin were modified to give a space between the different contents.
  • The other content (Lead Generation, Brand Awareness and Cost Management) was placed to the left side of the web page, in order to be aligned with the rest of the content. All three sections were divided into separate boxes. The improvements in this section, include - a change of font (font family, font style, font weight and color), padding, margin, border, and border shadow and the size of the images was adjusted.
  • The footer was placed in the centre of the webpage. The improvements here are - the font (font family, font style, font weight and font color), padding and margin were adjusted, border and border shadow were added and the color where changed.
  • Improved codebase with functioning link.
  • The CSS selectors and properties were improved in order to follow the semantic structure of the HTML elements.

Features

  • User Friendly
  • Semantic Structure
  • SEO – Search Engine Optimisation
  • Web accessibility

Credits

N/A

License

milla56/prework-study-guide is licensed under the

MIT License A short and simple permissive license with conditions only requiring preservation of copyright and license notices. Licensed works, modifications, and larger works may be distributed under different terms and without source code.

About

Web application,which targets an aspect of web development - accessibility.

https://milla56.github.io/Horiseon-Optimization/

License:MIT License


Languages

Language:HTML 50.4%Language:CSS 49.6%