Project

GreenLeaf Solutions

Tech used

HTML5 LogoHTMLCSS LogoCSS

Created during our first course which consisted of leaning HTML and CSS. The assignment was to design a website for a customer or organization, fictional or real.

An image of GreenLeaf Solutions in desktop view

It was a great starter assignment getting familiar with semantic HTML, SEO, media queries and flexbox as a concept, I also took the opportunity to dip my toes in to layouts as well ahead of the UI/UX course which was to come, resulting in a Z-pattern layout guiding the user through the sections.

I created a fictional company called GreenLeaf Solutions which specialises in alternate energy solutions, and related services. The website features a simple hero where the services are listed, followed by a CTA, a contact form and an about section, it is completely responsive with a separate mobile navigation.