Development Strategy

Wireframe

link

Steps Plan

Step Name	User Story	Changes in HTML	Changes in CSS
web-layout	As an enthusiastic HYF student I want to navigate to an empty website so that I know the project is set up correctly	Clone an empty template project with doctype, head & body, script	an empty main style.css and an existing evaluation style
HTML-setup	As an enthusiastic HYF student I want to see simple website with a search input some text and buttons for users to be able to add this site in the chrome and some info	Create empty skeleton of a website adding language, charset, navigating links, div tags with header sections and footer	adjust it's position
header	As an enthusiastic HYF student first I want to be able to connect with my social media to the site be able to read into menu of the site	Create div header tag with buttons,icons and aside reading menu	Add style and customize the content
search-bar	As an enthusiastic HYF student I want to see logo of my web page have accessible search tag	Create a div tag wrapping logo search box and masked button	Add style and customize the content
badge-link	As an enthusiastic HYF student I want to have a side link with some info of my side and button ( for people to be able to add my site to chrome)	Create div tag with class for badge-link with some text and button	Add style and customize the content
body	As an enthusiastic HYF student I want to see beautiful website with some reasonable images and links to add my website to Chrome	Add images to the site with onboardingcontent	Add style and customize the content
footer	As an enthusiastic HYF student I want to have a link in a footer to dismiss or download button ( as a last chance for people to be able to add my site to chrome)	Add onboardcontent with click on options	Add style and customize the content
final-touches	As an enthusiastic HYF student I want to to be sure everything is working properly and looks good	adding final touches to HTML	adding final touches to the style

---