this is a website for a gardening company who helps clients with to establish permaculture gardens. The aim for the website is to showcase their their services and to contact them for help. The site is designed to be minimalistic and intreguing for the viewer.
The website is responsive and has a good and user-friendly interface. This will allow the user to browse with ease and easily find the way back.
The mainpage consists of a big inspiring image with a quote and a link (learn more) which takes the visitor to the about page.
The navigation bar is located in the top right corner. The color is slate gray and the different navigation links underlines when hovered over. The current page is underlined when selected. This gives the user an easyway to navigate through the page
the contact form enables the clients to enter their first name, last name, and email-address in order to get contacted for a free 1 hour consulting call about their garden.
In the About us page, The visitor can see opening hours for our showroom and also get to know a bit more of what the company does and how it started.
In the tour page, the visitor can take a look at previous projects and pictures of our current work as well as employees and partners to the company.
The footer consists of the adress of the company office/showroom as well as three Social media links (Twitter, Facebook and Instagram). These open in a new tab.
Testing has been done with google inspector and with Iphone 6s running Chrome and Safari. The WC3 validation for HTML and CSS resulted in 0 errors and 1 warning:
All images are taken from https://www.pexels.com
All logotypes are from https://www.fontawsome.com
- The site was deployed to GitHub pages. The steps to deploy are as follows:
- In the GitHub repository, navigate to the Settings tab
- From the source section drop-down menu, select the Master Branch
- Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.
- The live link can be found here: https://misav90.github.io/portfolio-project-1/index.html