"LuckyShrub" website is created for a Garden Design Firm. I've created a static html & css page for a fictional client persona (LuckyShrub).
Based in Tuscon, Arizona, Lucky Shrub is a medium-sized garden design firm that specializes in garden design and creation, maintenance and landscaping. The company also runs a small plant nursery that sells indoor and outdoor plants, making them a one-stop shop for clients to "transform any space into an oasis you can be proud of".
Lucky Shrub was started by a husband and wife team, Jason and Maria, who share a long-time love for plants. Jason is the garden architect. He creates and oversees all designs while managing his team of landscapers. Maria manages all the marketing for the company and oversees the nursery.
Download the code and open the index.html file in the web browser.
- HTML5 and CSS
- Home page is created for Lucky Shrub fictional client
- Correct company logo is placed at the top of the page
- There is a horizontal navigation menu with six links below the logo
- One of the links in the navigation menu links to the home page itself
- Main content contains a large promotional banner at the top and three columns below it, each containing an image and some text
- The page has a footer that is split into two columns
- The left column of the footer contain a small version of the client logo and the right column copyright text
-
When opening the HTML file in VS Code, it contains:
- A header element for the logo.
- A nav element for the navigation menu
- A main element for the content
- A footer element for the footer
- Appropriate usage of other semantic tags such as article and section in the content of the main element
-
When viewing the home page in the browser:
- CSS styling is used effectively.
- CSS used to create appropriate interactivity