Cozy Coffee Retreat

HTML And CSS Dev

Project Info

Abstract

This project started off as an exercise; to create a home page at desktop size for a fictitious company. This became meaningful project when I decided to push myself to take the hand typed home page and make it fully responsive. This project has my thanks for confidence and skill in HTML and CSS. The process of this project was linear. Starting with sketches and wire framing. Then, for this project, I created the design in Adobe Illustrator before creating unresponsively using the text editor Visual Studio Code. Finally I added a responsive CSS file to which I made small tweaks until the site was fully responsive.

Target

Age: 30's Community: Coffee Enthusiasts
Sex: Female Other selectors: Tech

Color Palette

The color pallet for this project was set by the client. However it has been checked for accessibility and used in an effective way to convey a cohesive design.

Orange

#ffc196

Brown

#521b1a

Project Info

Abstract

This project started off as an exercise; to create a home page at desktop size for a fictitious company. This became meaningful project when I decided to push myself to take the hand typed home page and make it fully responsive. This project has my thanks for confidence and skill in HTML and CSS. The process of this project was linear. Starting with sketches and wire framing. Then, for this project, I created the design in Adobe Illustrator before creating unresponsively using the text editor Visual Studio Code. Finally I added a responsive CSS file to which I made small tweaks until the site was fully responsive.

Target

Age: 30's Community: Coffee Enthusiasts
Sex: Female Other selectors: Tech

Color Palette

The color pallet for this project was set by the client. However it has been checked for accessibility and used in an effective way to convey a cohesive design.

Orange

#ffc196

Brown

#521b1a

Project Info

Abstract

This project started off as an exercise; to create a home page at desktop size for a fictitious company. This became meaningful project when I decided to push myself to take the hand typed home page and make it fully responsive. This project has my thanks for confidence and skill in HTML and CSS. The process of this project was linear. Starting with sketches and wire framing. Then, for this project, I created the design in Adobe Illustrator before creating unresponsively using the text editor Visual Studio Code. Finally I added a responsive CSS file to which I made small tweaks until the site was fully responsive.

Target

Age: 30's Community: Coffee Enthusiasts
Sex: Female Other selectors: Tech

Color Palette

The color pallet for this project was set by the client. However it has been checked for accessibility and used in an effective way to convey a cohesive design.

Orange

#ffc196

Brown

#521b1a

Finals

Hand Typed Website

Hand Typed Website

View Project Info

View Project Info

View Project Info

Project Info

Abstract

This project started off as an exercise; to create a home page at desktop size for a fictitious company. This became meaningful project when I decided to push myself to take the hand typed home page and make it fully responsive. This project has my thanks for confidence and skill in HTML and CSS. The process of this project was linear. Starting with sketches and wire framing. Then, for this project, I created the design in Adobe Illustrator before creating unresponsively using the text editor Visual Studio Code. Finally I added a responsive CSS file to which I made small tweaks until the site was fully responsive.

Target

Age: 30's Community: Coffee Enthusiasts
Sex: Female Other selectors: Tech

Color Palette

The color pallet for this project was set by the client. However it has been checked for accessibility and used in an effective way to convey a cohesive design.

Orange

#ffc196

Brown

#521b1a

Like what you see?

Get In Contact!

Site map

Connect With Me

Instagram

Email