Information about the programme.

• This will be on applicants.html web pages.
• This will be developed on the branch `5-applicants

HTML element tags:

• h1 to include the sub header.
• p to include the main paragraph.

CSS style properties:

• Use (TBD) as the color for the main header.
• Use (TBD) as the color for the paragraphs.
• Use (TBD) as the font type.

add wireframe for contact us page

• As a user I can navigate comfortably the site. (About us, Applicants,
  Volunteers, Partner, Contact us)
  • this will be on all the web pages (on the header).
  • there is a navigation bar (sticky) right on the top of the page
  • this will be developed on the branch 2-nav.

HTML:

• use nav to include the navigation bar.
• use ul and li to add the navigation links.

CSS:

• use right align to place the logo.
• use color.
• use `` as font type.

Update dev. strategy with missing user story about success stories section.

9- All info about HYF team (text):

• As a user I can find info about HYF team.
  • there is a section with info about the core team
  • this will be on about-us.html web pages.
  • this will be developed on the branch 14-about-us-team.

Issues:

1. HTML:
- [ ] use h2 to set the title.

• use p to include the main paragraph.

2- CSS:

• use color for the main header.
• use color for the sub headers.
• use color for the paragraphs.
• use as font type.

create homepage-wireframe.md

11- Contact organization (text):

• As a user I can contact the organization.

• there is a section with some text

  • this will be on contact.html web page.
  • this will be developed on the branch 11-contact-text.

Issues:

1. HTML:

• use img to set the image.

2- CSS:

• use `` class to style it

add partner section image

1. HTML:

• use img to include the logos.

  2- CSS:

  • use `` as hight and `width` for logos size.
  • use partner__logo .

Information about the programme.

• This will be defined in the root style sheet style.css.
• This will be developed on the branch 5-applicants

HTML element tags:

• img to add the images.
• p to include the main paragraph.

CSS style properties:

• Use (TBD) as hight and width for image size.
• Use (TBD) as radius.

18- volunteer button

• As a user I can easily apply to be a volunteer as a mentor or as a coach .
• there is coach button that links to a form
• there is mentor button that links to a form
• this will be on volunteers.html web pages.
• this will be developed on the branch 18-volunteer-btn.

Issues:

`1. HTML:`
- [ ] use `button` to add the button.

`2- CSS:`
- [ ] use `` as `hight` and `width` for image size.
- [ ] use `app-button` class to apply style.

add donation form

1. HTML:

• use h2 to set the title.

  • use p to include text.
  • usue form to create the form.

  2- CSS:

  • use donate__form class to style it.

create contact-us-wireframe.md and link to .jpg file

use branch contact-us-wireframe

• create .md file
• link to .jpg file

17- volunteering information (pic):

• As a user I can see a nice pic beside the text.
• there is a nice picture beside the text.
• this will be on volunteers.html web pages.
• this will be developed on the branch 17-volunteer-pic.

Issues:

1. HTML:

• use img to include pictures.

2- CSS:

• use `` class to style it.

create retrospective.md

this will bee done on retrospective branch

• create file
• add retrospective in markup

Update constraints.md file

Create and update user-personas.md file

16- picture that represents HYF (image):

• As a user I can see a nice pic that represents HYF.
  • this will be on the home web page.
  • there is one picture in the header.
  • this will be on index.html web pages.
  • this will be developed on the branch 16-home-head-pic.

Issues:

1. HTML:

• use img to add the images.

2- CSS:

• use as height and width for image size.
• use as radius.

Add a title to the Success' stories section on home page.

Planning documents:

• Constraints.
• Communication plan.
• User personas.
• Backlog.
• Development strategy (First draft)
• Development strategy (Final)
• Design wireframes.

14 - Footer

• As a user I can easily find contact info.
• there is a footer with basic contact info (email, phone number) address,
  location and social media
• this will be on all web pages (About us, Applicants, Volunteers, Contact us).
• this will be developed on the branch 14-footer.

Issues:

`1. HTML:`

• use footer to set the footer.
• use p to include text.

`2- CSS:`

• use footer class to style it.

Create CSS globals.

8- All info about HYF organization (text):

• As a user I can find info about HYF as an organization.
  • there is a section with info about Mission and Vision of the project
  • this will be on about-us.html web pages.
  • this will be developed on the branch 8-about-us-text.

Issues:

1. HTML:

• use h2 to set the title.
• use p to include the main paragraph.

2- CSS:

• use color for the main header.
• use color for the sub headers.
• use color for the paragraphs.
• use as font type.

• Set the html boiler-plate to each page.
• Set the fonts in the head of each page.
• Link the style sheet in each page.

create application-wireframe.md and link to .jpg file

use branch applicants-wireframe

• create .md file
• link to .jpg file

• Photos of former students.
• Text describing their experience.

Create empty user-personas.md file

create volunteer page wireframe

this will be done on volunteer-wireframe branch

• copy .jpg file to /assets
• create volunteer-wireframe.md
• use md to link .jpg file

Create the following web pages:

• about_us.html
• applicants.html
• volunteers.html
• contact_us.html

15 - footer social media links:

• As a user I can easily find the social media pages for HYF.
• _there are icons with links on the footer.
• this will be on all web pages (About us, Applicants, Volunteers, Contact us).
• this will be developed on the branch 15-footer-links.

Issues:

1. HTML:

• use img to include social media icons.
• use a for the links.

2- CSS:

• use footer__links class to style it.

As a user I can find general info about the programme.

• this will be on the home page.
• there is a general description on the homepage with the main
  characteristics (duration, intensity, location, self-study
• there is a link to a document with the curriculum
• this will be developed on the branch 3-home-text.

HTML:

• use h2 to set a title for the section.
• use p to include the main paragraph.

CSS:

• use Black color for the paragraph font.
• use `` as font type.

• As a user I can see a nice picture beside the info about the programme.
  • this will be on the home page.
  • there is a nice picture of a student (to the right of the text)
  • this will be developed on the branch 4-home-pic.

HTML:

• use img to add the images.

CSS:

• use `` as height and `width` for image size.
• use 0.5rem as radius.

12- Contact organization (image):

• As a user I can see a nice picture beside contact organization.

• there is a pic beside the text

  • this will be on contact.html web page.
  • this will be developed on the branch 12-contact-pic.

Issues:

`1. HTML:`

• use h2 to set the title.
• use p to include text.

`2- CSS:`

• use contact__form class to style it.

9- 'About us' web page (image):

• there is an illustration for this section
• there is, of course, an illustration for this
• there are pictures of each team member
• this will be on about-us.html web page.
• this will be developed on the branch 9-about-us-img.

Issues:

`1. HTML:`

• use img to add the images.

`2- CSS:`

• use img-about-us color for the main header.

10- All info about HYF team (image):

• there are pictures of each team member
• this will be on about-us.html web page.
• this will be developed on the branch 10-about-us-img.

Issues:

1. HTML:

• use img to add the images.

2- CSS:

• use img-about-us color for the main header.

7- Application button:

• As a user I can easily follow the application process.
  • there is a button to an applicants form
  • this will be on all web pages (on the nav bar) (home, About us, Applicants,
    Volunteers, Contact us).
  • this will be in applicants web page.
  • this will be developed on the branch 7-app-button.

Issues:

1. HTML:

• use button to add the button.

2- CSS:

• use ` as hight and width for image size.
• use app-button` class to apply style.

20- Donation button:

• As a user I can easily donate to the organization.
• there is a button in the nav bar that links to the section
• this will be on all web pages.
• this will be developed on the branch 20-donate-btn.

Issues:

`1. HTML:`
- [ ] use `a` to include the link.

`2- CSS:`
- [ ] use `btn` class to style it.

13- Contact form:

• As a user I can contact the organization.
• there is a contact form.
• the contact form has a dropdown with different profiles (student,
  applicant, recruiter, partner, volunteer, other)
  • this will be on contact.html web pages.
  • this will be developed on the branch 13-contact-form.

Issues:

`1. HTML:`

• use h2 to set the title.
• use p to include text.

`2- CSS:`

• use contact__form class to style it.

add partner section

1. HTML:

• use h2 to add the title.

  • use a to link the logos to the partners websites.

  2- CSS:

  • use `` as hight and `width` for logos size.
  • use partner__logo .

create about-us-wireframe.md and link to .jpg file

use branch about-us-wireframe

• create .md file
• link to .jpg file

12- Contact organization (image):

• As a user I can see a nice picture beside contact organization.

• there is a pic beside the text

  • this will be on contact.html web page.
  • this will be developed on the branch 12-contact-pic.

Issues:

`1. HTML:`

• use h2 to set the title.
• use p to include text.

`2- CSS:`

• use contact__form class to style it.

16- volunteering information (text):

• As a user I can find general information about volunteer.
• there is page with requirements to become a volunteer
• there is a section about reasons to volunteer at HYF
• this will be on volunteers.html web pages.
• this will be developed on the branch 16-volunteer-text.

Issues:

1. HTML:

• use h2 to set the title.
• use p to include text.

2- CSS:

• use `` as font type.
• use `` as font color.

• As a user I can see the logo of the page.
  • this will be on all the web pages (on the header).
  • there is a prominent Logo at the top of the web page
  • this will be developed on the branch 1-logo.

HTML:

• use header to include the logo.
• use anchor and img to add the logo.

CSS:

• use left align to place the logo.

update readme page

this will be done on update-readme branch

• write project description and goals
• use md to link group members github pages
• link webpage url