Landshape Design website

I designed and hand-coded a website for a landscape design company. I designed it to be responsive so that it works on all sizes of browser: I designed it 'mobile-first' so that the base site is the narrowest version and increasingly wide mediaqueries allow the design to expand in width (unlike this portfolio site which was designed as a desktop site and later adapted for mobile).

The landing page features a rotating image carousel with overlaid text: this was written in JavaScript. The submenu on the What We Do section appears on hover; when the window becomes narrow the menu changes to a mobile-friendly collapsable version. The common header, footer and navigation menus are brought in with php includes.

Landshape Design website wide version
Landshape Design website narrow version