Web Design Projects

Meditation Blog

meditation blog website preview

I created a lightweight backend using PHP for this clean and simple blogging website. SCSS helps to keep the stylesheet modular and easy to maintain.

Visit the project

See the code

Product landing page

landing page

I envisioned a global technology company planting trees around the world and what their website would look like for this free code camp project. It makes use of modern CSS features such as Flexbox, CSS variables and CSS Grid.

Visit the project

See the code

Technical documentation page

technical documentation web page

This Free Code Camp project demonstrates how to achieve a responsive, multi-column layout using CSS Grid. Responsiveness is achieved by the careful use of grid-template-areas and media queries

Visit the project

See the code

Survey form

survey form

This page utilizes Flexbox, CSS Grid and media queries to create responsive elements within a flexible layout. Created as a project for free code camp.

Visit the project

See the code

Farm-stay Website

farm stay website homepage

This mock website was developed as an exercise in using foundational HTML5 and CSS skills such as floats, media queries and semantic HTML. Colors and fonts were selected carefully to suit the theme of the website.

Visit the project

See the code

Zombie Fan Website

Zombie fan website homepage

This mock website uses a multi-column layout achieved using floats. A fun exercise in basic front-end mark up and styling skills.

Visit the project

See the code