katsmamina / hyf-website Goto Github PK

• text "Discover more".

• h2.

• img

• h3

• Social media links

  • Facebook.
  • Twitter.
  • GitHub.
  • LinkedIn.

• Social media icons

  • Facebook.
  • Twitter.
  • GitHub.
  • LinkedIn.

• White.

h3 with some text

• link to the google form

• Work sans font
• h3 displayed in the left side and centered.

• Displayed in the right side.
• With box-shadow.

• visible on the left side

• Images
• Icons

• grid 6x2

• uppercase
• font color purple

• Our partners h2

• color scheme
• logo HYF
• fonts

• purple background-color with white text
• uppercase letter
• placed on the right side

• Displayed in the right side.
• 2 buttons with text (1)One Time and (2) Monthly.
• paragraph with text Select your amount.
• 5 buttons with hover(Purple) and selectedColor(Purple)
• paragraph with left aligned text.
• input with bottom border.
• paragraph with left aligned text.
• input with bottom border.
• button with text Donate in uppercase letter and bold.

• General User

• Student

• Volunteer

• Sponsor

• Mono space font
• Font color(Purple and Dark grey)
• Displayed in the left side.

element a with mailto link

Our values H2

Contact info of the website:

• Website
• Address
• Email
• Administratives names and emails

• Light grey.

• Link to send email to [email protected]

• Mono space Font.
• Displayed in the left side.
• Color(Purple and Dark grey).

p with the address

icons work as a link to the social media

• h3 Community
• p Community
• h3 Diversity and Inclusion
• p Diversity and Inclusion
• h3 Commitment
• p Commitment
• h3 Open
• p Open

• white background
• work sans font

• image works as a link to homepage

• links for the 5 sub-pages

• h3 font color purple
• text font color black
• position as table 2x2

• 2 radio buttons with text (1)One Time and (2) Monthly.
• p left aligned
• 5 rectangular buttons; €10, €25, €50, €100 and Full Scholarship
• paragraph with text "Amount".
• input .
• paragraph with text "Message".
• input.
• button with text Donate.

• work sans font
• dark purple text
• uppercase letter
• centralised text

• font color purple
• uppercase
• position left against the header
• hover effect: grey button

• p.

• p

• Hover; Light gray color.
• Rounded corners.

• planning folder
• README
• index.html
• style.css

• 12 icons for each partner

• dark grey text
• centralised text
• space mono font

• visible on the right side
• uppercase letter
• underline link effects
• text color black

• above each h3
• height, width approx. 70px

• h3.
• Work Sans font.
• Displayed in the left side and centered.
• Uppercase letters.

• background color grey