CFsylvester / Horiseon

Horiseon is a responsive website created using pure CSS and HTML. To create responsiveness the site utilizes the display flex and float properties supplemented by the media queries of 1025px, 920px, 560px, 480px, and 425px. Each media query contains custom code for the designated pixel layout.

Home Page:https://cfsylvester.github.io/Horiseon/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Horiseon

Deployed AppRepo SizeLanguagesProminent Language

Description

Horiseon is a responsive website created using pure CSS and HTML. To create responsiveness the site utilizes the display flex and float properties supplemented by the media queries of 1025px, 920px, 560px, 480px, and 425px. Each media query contains custom code for the designated pixel layout.

Table of Contents

Usage

Horiseon Homepage:

Horiseon Homepage

Responsive Navigation:

Horiseon Responsive Navigation

Responsive Body:

Horiseon Responsive Body

Responsive Sidebar:

Horiseon Responsive Sidebar

Responsive Sidebar Mobile:

Horiseon Responsive Sidebar

Installation


Navigate to directory you wish to save the clone to.
git clone https://github.com/CFsylvester/Horiseon.git

Open the index.html in default terminal

Questions

For any questions or concerns please reach out to me at clairesylvester@clairecodes.dev

Technologies Used

HTMLCSSMedia Queries

Links

License

This website uses the MIT license.

About

Horiseon is a responsive website created using pure CSS and HTML. To create responsiveness the site utilizes the display flex and float properties supplemented by the media queries of 1025px, 920px, 560px, 480px, and 425px. Each media query contains custom code for the designated pixel layout.

https://cfsylvester.github.io/Horiseon/


Languages

Language:HTML 50.7%Language:CSS 49.3%