Skip to content

Latest commit

 

History

History
111 lines (60 loc) · 2.05 KB

development-strategy.md

File metadata and controls

111 lines (60 loc) · 2.05 KB
Raw

All About Trees

A website that focuses on importance and benefits of trees.

Setup

  • Boilerplate HTML file
  • Page title in the HTML file
  • empty CSS file
  • CSS file is linked to HTML

Website Title

"As a user I can read the title of the page"

The site needs a clear title that's easy to read at the top of the page.

  • there is a title at the top of the web page

Site Title HTML

  • Header with the web site's title (issue)

Site Title CSS

  • styling to center the title (issue)

Navbar

As a user I can easily understand what is this page about

  • there is a navbar on the top of the page.

Navbar HTML

  • links: Introduction, Content, Extras (issue)

Navbar CSS

  • style elements, hover (issue)
  • place elements using flex (issue)

Content

"As a user I can read about importance of trees"

It should be clear about the importance of trees to the environment.

  • there is information explaining the importance of greenery and planting trees

Content: HTML

  • a div with title and paragraph explaining why trees are important

Content: CSS

  • styling to make the content look nice

Images

"As a user I want to see images of trees"

There should be images of trees.

  • there are images of trees

Images: HTML

  • A div with an img of a tree

Images: CSS

  • styling the div to have a good width

  • style the image to be centered

Footer

"As a user I can learn if the page is reserved for a specific user and when it has been created"

Some info about the creation of the website date and reserver right.

  • there is info about the date which the website is created and reserved right

Footer: HTML

  • A footer with a paragraph with the date of the page creation and the name of the person who reserved it.

Footer: CSS

  • styling the footer text to be centered.