app-theme
Development Strategy
APP-THEME
write a short description of your project:
- who would want to use it?
- why would they want to use it?
Wireframe
0. Set-Up
A User can see my initial repository and live demo
Repo
- Generate from Template
- Write initial, basic README
- Turn on GitHub Pages
- Write the development strategy
- Adding wireframes into development strategy.
STEP-1
branch name : 1-index
Repo
In this step, index.html page of the website is added. Two folders css and images are created.
HTML
- create
main-headerandnav-bar - create the
show casesection - create the
featuressection - create the
infosection - create the
companysection - create the
main-footerCSS
- create
bodystyling - set the
imgwidth 100% - set
containermargin toauto - create the styling for
main-headernavbarshowcasefeaturesinfocomapnyandmain-footer - create the
flexboxgrid.cssSTEP-2
branch name: 2-about
Repo
In this step about.html the second page of website is created.
HTML
-
add
main-headerandnav-bar - create the
subheadersection - create the
pagesection - create the
companysection - add the
main-footer
CSS
- create the styling for
subheaderpagecomapny
STEP-3
branch name: 3-services
Repo
In this step services.html the third page of website is created.
HTML
-
add
main-headerandnav-bar - create the
subheadersection - create the
pagesection - create the
companysection - add the
main-footer
CSS
- create the styling for
subheaderpagecomapny
STEP-4
branch name: 4-contact
Repo
In this step contact.html the fourth page of website is created.
HTML
-
add
main-headerandnav-bar - create the
subheadersection - create the
pagesection and add the form - create the
companysection - add the
main-footer
CSS
- create the styling for
subheaderpageand create a form with input and buttonscomapany
STEP-5
branch name: 5-responsive
Repo
In this step responsive web design is added