OVERVIEW OF ALL THE BASIC ELEMENTS

You can use this sheet to get a quick overview of how your styling is set to each of your elements.

TEXT STYLES

General (Fallback text)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.

Spot text (white!)


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.


Spot text Small (white!)


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.


Headline

Lorem ipsum dolor sit amet consectetur adipiscing elit morbi ultrices dolor morbi ultrices dolor lorem ipsum


Subtitle

Lorem ipsum dolor sit amet consectetur adipiscing elit morbi ultrices dolor eu varius molliras auctor lectus in mattis dictum eros nisl mollis orci vitae consequat ante


Small Subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.



Preamble

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.



Body text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.



Small text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.



............................................................


SPECIAL FONTS - FITS HEADER AND FOOTER BACKGROUND COLORS IN STYLE TEMPLATES


Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.



Footer text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.




.......................................................

CUSTOM FONTS - NOT USED IN TEMPLATES


Custom 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.


Custom 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.


Custom 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.


Custom 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.


Custom 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices dolor eu varius mollis. Cras auctor, lectus in mattis dictum, eros nisl mollis orci, vitae consequat ante justo at mi.



CUSTOM FONTS - NOT USED IN STYLE TEMPLATES

DIVIDER

BUTTONS

Button 1

Button text
Button text

Local styled

Button 2

Button Text

ICON LIST

Local styled

VERTICAL NAVIGATION

FORM BUILDER + FORM

This isa longer text
Option 2
Option 3

Example label

Option 1
Option 2
Option 3

MAILCHIMP FORM

EMAIL SHARE

Send til en ven

Send dette sites URL til en ven

SOCIAL MEDIA

PAYMENT ICONS

VARIOUS SOCIAL MODULES

ACCORDIAN MODULE

  • This is the title

    This is the text examplel lorem ipsum dolor

  • This is title 2

    This is the text when you fold out the second accordian lorem ipsum

    Read more
  • Lorem ipsum dolor sit amet, consectetur adipiscing elitertyui

    Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit

LINK AND DOWNLOAD MODULE

OPENING HOURS

Mandag 09:00 - 15:00

Tirsdag 09:00 - 15:00

Onsdag 10:00 - 16:00

Torsdag 09:00 - 15:00

Fredag 13:00 - 22:00

Lørdag Lukket

Søndag Lukket

Special opening hours

16/06/2016 Lukket

17/06/2016 Lukket

OFFERS

Title of my offer

Description of my offer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ligula nulla, fringilla vitae tristique sed, sodales ac metus. Cras sagittis ultrices turpis, a luctus quam tempus porta.

$149.00

Startdato: 23/06/2016 00:00

Slutdato: 30/06/2016 00:00

My button

Note:

Offers modules should be aligned (fixed bottom) in a row

REVIEWS MODULE

Title of review headline in two lineslorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ligula nulla, fringilla vitae tristique sed, sodales ac metus. Cras sagittis ultrices turpis, a luctus quam tempus porta.

James Dean - 23/06/2016

Title of review

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ligula nulla, fringilla vitae tristique sed, sodales ac metus. Cras sagittis ultrices turpis, a luctus quam tempus porta.

James Dean - 23/06/2016

Note:

Review modules should be aligned (fixed bottom) in a row

LIST MODULE

List is two columns

  • This is the main list text

  • Curabitur condimentum in justo in finibus

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit

  • Roin nisi purus laoreet a semper mattis sed nulla

  • Curabitur condimentum in justo in finibus

  • Donec accumsan elementum eros

  • Phasellus non justo aliquam elit hendrerit lacinia

This is the list title

  • This is the main list text

  • Curabitur condimentum in justo in finibus

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit

  • Roin nisi purus laoreet a semper mattis sed nulla

List with sub texts

  • This is the main list text This is the subtext

  • Curabitur condimentum in justo in finibus Curabitur condimentum in justo in finibus

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit

  • Roin nisi purus laoreet a semper mattis sed nulla Roin nisi purus laoreet a semper mattis sed nulla

PRICE LIST

Title of our price list

  • 1. Example label

    $9.00

    Description

  • 2. Example label

    $12.00

    Description

  • 3. Example label

    $5.50

    Description

  • 4. Example label

    $100.00

    Description

  • 5. Example label

    $12.00

    Description

  • 6. Example label

    $3.59

    Description

  • 7. Example label

    $8.00

    Description

  • 8. Example label

    $35.00

    Description

Note:

Change styling in Editor ii

Title of our price list

  • Example label

    1. Example label

    $9.00

    Description

  • Example label

    2. Example label

    $12.00

    Description

  • Example label

    3. Example label

    $5.50

    Description

IMAGE MODULE

Note:

Add hover functionality

GALLERY MODULE

Note:

Add hover functionality

Note:

Add hover functionality

Note:

Add hover functionality

IMAGE LIST MODULE

Note:

Add hover functionality

Note:

Add hover functionality

FILTER MODULE (E-COMMERCE)

Note:

Add spacing + check if it follows new rules (full styling options)

CATALOGUE MODULE (E-COMMERCE)

Note:

Decide if background should be light grey - or white (then light grey text background on products)

BLOG CATALOGUE

Note:

Spacing doesn't work!!

Different spacing on blog page (what's up page)

VIDEO MODULE

Note:

Add filter layer (?)

MAP MODULE

HTML MODULE

HTML MODULE

INSTAGRAM IMBED

FACEBOOK IMBED + COMMENTS

Leveret af