Ui Hhp Logo@2x
Hardship Assistance MEMBERS GIVING Contact UsContact Us
Contact UsContact Us
ATOMS
MOLECULES
ORGANISMS
Theme Update Logs

ATOMS

BRAND COLORS
#00B7AA
Brand Primary
#3E1707
Brand Primary
#D71B5E
Brand Primary
#0B76BB
Brand Primary
NEUTRAL COLORS
#020612
Cool Black
#FFFFFF
White
#262A35
Dark Gray 1

#6B6C70
Dark Gray 2
#A7A8AA
Dark Gray 3
#E0E1E4
Light Gray 1
#F5F6F8
Light Gray 2(section BG)
UTILITY COLORS
#FF7446
Error
#00A27C
Positive
FONTS

Primary font: “Open Sans”, sans serif

Secondary font: Not set

Tertiary font: Not set

BUTTONS
Primary (primary or style-1) Hover Selected

Secondary (secondary or style-2) Hover Selected

Button (style-3) Hover Selected


Button Full (btn full)
UI ELEMENTS MISC
IMAGE MASKS
class="image-mask-1"
class="image-mask-2"
class="image-mask-3"

FORM FIELDS / ELEMENTS

TEXT

HEADINGS

Specify the line height here if changed from default

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6
INLINE ELEMENTS

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

This text is deleted and

This text has a strikethrough

SuperscriptSup

Subscript for things like H2O

This small text is small for for fine print, etc.

PARAGRAPH

Default left <p>
Nam porttitor blandit accumsan. Ut vel dictum sem, a pretium dui. In malesuada enim in dolor euismod, id commodo mi consectetur. Curabitur at vestibulum nisi. Nullam vehicula nisi velit. Mauris turpis nisl, molestie ut ipsum et, suscipit vehicula odio. Vestibulum

Center <p class=”text-center”> Nam porttitor blandit accumsan. Ut vel dictum sem, a pretium dui. In malesuada enim in dolor euismod, id commodo mi consectetur. Curabitur at vestibulum nisi. Nullam vehicula nisi velit. Mauris turpis nisl, molestie ut ipsum et, suscipit vehicula odio. Vestibulum
BLOCKQUOTE
Nam porttitor blandit accumsan. Ut vel dictum sem, a pretium dui. In malesuada enim in dolor euismod, id commodo mi consectetur. Curabitur at vestibulum nisi. Nullam vehicula nisi velit. Mauris turpis nisl, molestie ut ipsum et, suscipit vehicula

TABLES

DEFAULT TABLE
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
STRIPED TABLE
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

LISTS

UNORDERED LIST
  • List Item 1
  • List Item 2
  • List Item 3
ORDERED LIST
  1. List Item 1
  2. List Item 2
  3. List Item 3
.small-dots
  • List Item 1
  • List Item 2
  • List Item 3
ul.list-group
  • List Item 1
  • List Item 2
  • List Item 3
ol.list-group
  1. List Item 1
  2. List Item 2
  3. List Item 3

MOLECULES

MISC

PAGINATION
Page 1 of 2 1 2 3 4 5 6

ORGANISMS

TEAM BLOCK OVERVIEW
[ff_team_overview] [ff_team_overview showposts=3]
TEAM BLOCK OVERVIEW CAROUSEL
[ff_team_overview heading="Other profiles" heading_class="f-15" showposts=9 class="carousel-cols-3 navigation-style-2 mt-50"] [ff_team_overview heading="Other profiles" heading_class="f-15" showposts=9 class="carousel-cols-3 navigation-style-2 mt-50"]
INSTAGRAM FEED
[ff_instagram_carousel] [ff_instagram_carousel num=10] [ff_instagram_carousel feed_type="hashtag" hashtag="webdesign"] [ff_instagram_carousel num=10 feed_type="hashtag" hashtag="webdesign"]
NEWS
[ff_news_query showposts="NUM_HERE"] [ff_news_query showposts=3]
[ff_news_query style="2" showposts="NUM_HERE"] [ff_news_query style="2" showposts=3]
ROTATING / CAROUSELS
[ff_logo_carousel heading="TEXT_HERE"]
[ff_item template="carousel-logo" image="IMAGE_URL" link="" alt=""]
[/ff_logo_carousel]
Our Sponsors
Alt Text Here
[ff_cta_carousel bg_color="#COLOR_HEX_CODE_HERE"]
[ff_item template="cta-1" heading="TEXT_HERE" text="TEXT_HERE" btn_text="TEXT_HERE" btn_link="#LINK_HERE"]
[/ff_cta_carousel]
Heading here
Content here
Button text
Heading here
Content here
Button text
Heading here
Content here
Button text
[ff_testimonials_carousel heading="TEXT_HERE" limit=NUMBER]
[ff_testimonials_carousel heading="Testimonials" limit=6]
.custom-scroll
Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width
Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width
Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width
Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width
Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width
.custom-scroll.alt-1
Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width Just add “custom-scroll” for your div that have a fix height or width, Just add “custom-scroll” for your div that have a fix height or width
Hardship Assistance Members Giving Contact

Share This

Select your desired option below to share a direct link to this page