Style Guide

Colors

  • #ffe37c

  • #40c582

  • #d75474

  • #33c5f5

  • #02ade6

  • #cedae0

  • #7c8995

  • #f0f3F8

  • #e4effa

  • #174675

  • #87afd7

  • #223c58

  • #334e6a

  • #1d2936

  • #ffffff

  • #f6f6f6

  • #cccccc

  • #b7b7b7

  • #717171

  • #888888

  • #444444

  • #3b3b3b

  • #000000

Form Controls

Radio Group
Checkbox Group

Icons

Down

Right

Quiz

Close

Eat

Facebook

Nosher

Pinterest

Play

Printer

Search

Star

Twitter

Youtube

Typography

h1

The quick brown fox jumps over the lazy dog.

h2

The quick brown fox jumps over the lazy dog.

h3

The quick brown fox jumps over the lazy dog.

h4

The quick brown fox jumps over the lazy dog.

h5

The quick brown fox jumps over the lazy dog.

h6

The quick brown fox jumps over the lazy dog.

p

The quick brown fox jumps over the lazy dog is an English-language pangr show fonts, and other applications all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

blockquote

The quick brown fox jumps over the lazy dog is an English-language pangras, show fonts, and other applications all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

ul

  • The quick brown
  • Fox jumps over
  • The lazy
  • Dog

ol

  1. The quick brown
  2. Fox jumps over
  3. The lazy
  4. Dog

Ingredients

1 qt the ingredient

.5 Tbs the secondary ingredient

1 cups #3 ingredient for this recipe

10 cups the forth ingredient

1 pinch the final and last ingredient

Directions

  1. The quick brown
  2. Fox jumps over
  3. The lazy
  4. Dog

dl

The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog is an English-language pangras, show fonts, and other applications all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog is an English-language pangras, show fonts, and other applications all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog is an English-language pangras, show fonts, and other applications all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

Hebrew

א​‌ב​‌ג​‌ד​‌ה​‌ו​‌ז​‌ח​‌ט​‌י​‌כ​‌ך​‌ל​‌מ​‌ם​‌נ​‌ ן​‌ס​‌ע​‌פ​‌ף​‌צ​‌ץ​‌ק​‌ר​‌ש​‌ ת א​‌ב​‌ג​‌ד​‌ה​‌ו​‌ז​‌ח​‌ט​‌י​‌כ​‌ך​‌ל​‌מ​‌ם​‌נ​‌ן​‌ס​‌ע​‌פ​‌ף​‌ צ​‌ץ​‌ק​‌ר​‌ש​‌ת א​‌ב​‌ג​‌ד​‌ה​‌ו​‌ז​‌ח​‌ט​‌י​‌כ​‌ך ​‌ל​‌מ​‌ם​‌נ​‌ן​‌ס​‌ע​‌פ​‌ף​‌צ ​‌ץ​‌ק​‌ר​‌ש​‌ת א​‌ב​‌ג​‌ד​‌ה​‌ו​‌ז​‌ח​‌ט​‌י​‌כ ​‌ך​‌ל​‌מ​‌ם​‌נ​‌ן​‌ס​‌ע​‌פ​‌ף​‌צ​‌ ץ​‌ק​‌ר​‌ש​‌ת א​‌ב​‌ג​‌ד​‌ה​‌ו​‌ז​‌ח​‌ט ​‌י​‌כ​‌ך​‌ל​‌מ​‌ם​‌נ​‌ן​‌ס​‌ע​‌פ ​‌ף​‌צ​‌ץ​‌ק​‌ר​‌ש​‌ת

Base HTML

Primary Table

  The Quick Brown Fox
Jumps Over The Lazy Dog

Secondary Table

The Quick Brown Fox
Jumps Over The Dog

figure

descriptive alternative text here
A placeholder image with a caption.

Components


Example of a Long Form Article Title Placeholder

An Example placeholder of a longer sub-title with compliments and pairs well with the long form article title


Content Grouping

Eats

What is a Hamsa?

Although it may derive from Islamic of pagan culture, the hamsa today has become a Jewish and Israeli symbol

Yom Kippur FAQ: All About the Day of Atonement

This classic volume by S.Y. Agnon features meditations and text the deepen the spiritual experience of Yom Kippur

Celebrate

Hanukkah 2018

Get ready to light the menorah on December 24.


Enlarged Content Grouping

Quiz

How to Play a Dreidal

Learn how to play this Hanukkah game with our video and written instructions.

Jewish History

Critical Study of Jewish History

An academic study of Judaism, including the modern, critical study of Jewish History, began in 19th century Germany




My Jewish Learning is a not-for-profit and relies on your help.

Donate

A group of similar fields

Standard Hero


Homepage Placeholder image
This is the caption for this image, it's awesome!

Homepage Placeholder image

Homepage Placeholder image

Homepage Placeholder image

Recipes

How to Make Grovlox

Have you ever made grovlox? If you have, then you know how easy and simple it is.


The Quick Brown Fox
Jumps Over The Dog


Example of a Long Form VIDEO Title Placeholder


Photo of {{ author }}

Author Name Here

Mauris eu ex dui. Aliquam ac interdum risus, eu accumsan sem. Maecenas porttitor mauris vel metus iaculis aliquet. Duis ornare tempus diam sit amet maximus. Duis feugiat ultricies magna, in suscipit risus dapibus at.



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique est vel urna congue, et volutpat metus feugiat. Praesent lobortis non nibh sed porttitor.

Proin interdum varius metus, vel mollis ante fringilla non.

Nam convallis suscipit purus, ac tempor nunc consectetur at. Maecenas quis dui eu nisi cursus molestie.

Sed molestie sem eget condimentum vulputate.



Question 1 of 4
An initial personalty quiz question
Question 2 of 4
The second personality question in this quiz
Question 3 of 4
A wonderful and third question with a little longer title in this quiz
Question 4 of 4
Last Question for this quiz

Question 1 of 4
Who was the first woman to be ordained as a Rabbi in Germany?
Question 2 of 4
On November 17, 1981, approximately 30 million Americans turned on their televisions to watch which couple get married?

Enter your email to view results



Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

קרן אם תיבת אדריכלות, כלל החול סרבול מה. את אחרים בגרסה רבה, קרן פולנית העברית אנציקלופדיה מה, או ויש תורת משפטית אקטואליה. ריקוד סרבול אנתרופולוגיה זכר אם, שמות שאלות מיותר אל מדע.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

קרן אם תיבת אדריכלות, כלל החול סרבול מה. את אחרים בגרסה רבה, קרן פולנית העברית אנציקלופדיה מה, או ויש תורת משפטית אקטואליה. ריקוד סרבול אנתרופולוגיה זכר אם, שמות שאלות מיותר אל מדע.



Grid System Examples

Small screen: 100/100
Mid screen: 50/50
large screen (and up): 66/33

Small screen: 100/100/100
Mid screen: 33/66/100 large screen (and up): 33/33/33

Small screen: 50/50/50/50
Mid screen: 33/66/6/33
large screen (and up): 25/25/25/25

Small screen: 100/100
Mid screen (and up): 50/50