Home Style Guide Components

Components

Buttons

Numerous styles of buttons

button


button--color2


button--color3


button--color4-flat


button--color5-flat


button--color6


button--block


button--has-value with button--block


button--empty (empty background)


button--flat


button--flat-edged


button--amazon


button--sort


Sizes


button--sm


button--md (standard size)


button--xl


Boxed Container

Common box used as a container for various components

boxed-container

Container Title

Subtitle for longer secondary titles

Container Body

Header, Title, Subtitle are optional. boxed-container__body can be omitted if padding is not needed inside body.

boxed-container (container only)

Generally used in building of other components. Can be extended with @extends .boxed-container;


Media Block

Common media object with media, title, and optional content / buttons

media-block--horizontal-full

Book Cover

Surviving Domestic Violence: Voices of Women Who Broke Free

by Elaine Weiss

Stories domestic violence survivors who escaped their abuser, reclaimed their dignity, reconstructed their life, and rediscovered peace. Domestic violence doesn’t just happen "o...

Buy now on Amazon

Badges

Badge style label or link

badge

3

badge-block

Multiline badge
with smaller text

badge-block--edged

Bigger, multiline badge with normal sized text
and hard edges

badge-block badge-block--left-tip

Go Pro Available in
Pro only

badge-block badge-block--overlayed

Normal opaque text with semi-transparent background

Notifications

Basic notifications

inline-notification

Completed

inline-notification--success

Item Added


Column List

A multi-column list changing with various breakpoints.


Basic List

A basic unordered list with no bullet styling. Usually used with a list of links.


Link Menu

A basic unordered list with no bullet styling. Usually used with a list of links.


link-menu-inline--upped


Key / Value Pairs

Displaying key/value pairs

key-value-block

Topic
Demographics

Profile Strength

Shows a cellphone signal style representation of a percentage along with the percentage number. Can also show a plan upgrade link if necessary.

profile-strength (small number)

52% upgrade

profile-strength (large number)

52%
upgrade

Modals

Various modal sizes and launchers

.slideshow-launcher


.infographic-modal-trigger


data-mfp="basic"

Guidelines

The following guidelines are used by DomesticShelters.org to determine which books we will make available in our Recommended Books section. If you are an author and would like us to consider your book for our site, please review the guidelines carefully before submitting. To submit a book, email us at info@domesticshelters.org and include a PDF copy of the book.

  • It is preferred that your book is published by a traditional publisher, not self-published.
  • The book must be professionally written, researched, fact-checked, edited and copyedited.
  • The book must meet book publishing industry standards for formatting, structure and presentation.
  • The writing must exhibit expert understanding of domestic violence or related topics.
  • The author is ideally widely recognized for their expertise on the topic presented.
  • The book must have an ISBN 10.
  • The book must be available through amazon.com.
  • You must submit a PDF version of the book so that it can be easily reviewed.

While we receive many book submissions and reserve the right to determine which books will become available on DomesticShelters.org, we’re nonetheless greatly appreciative of all the good work created by the many people working to help survivors and end domestic violence.

Discounts

Discounts

There are multiple ways to save by claiming multiple locations if you operate more than one location and by paying your subscription once annually vs monthly. Here's how to save:

  • 10% Off = Claiming 2 to 3 locations.
  • 20% Off = Claiming 4 locations or more.
  • 5% Off = Pay your subscription(s) annually.

Terms

The maximum discount that can be achieved is 25% (by claiming 4 or more locations and paying once annually). Discounts are applied to future payments only and are not retroactive; there is no pro-rating for previously made payments.


data-mfp="closeless" (No close button)

Donation Thank You

Thank you for your donation of $5.00 to @donation.campaign_title.

  • We have sent a receipt to your email address.

  • Please keep this receipt for your tax records.
Got it

data-mfp="image"


data-mfp="youtube"

Youtube Video Link (Direct link on screens smaller than 700px)