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