Typography

Below are the heading styles:

Heading 1 - only one of these per page (unlike this page)

Heading 2

Heading 3

Heading 4

Here are the heading styles with some text in between:

Heading 1

Just a simple line of text to show the spacing between headings & paragraphs.

Heading 2

Just a simple line of text to show the spacing between headings & paragraphs.

Heading 3

Just a simple line of text to show the spacing between headings & paragraphs.

Heading 4

Just a simple line of text to show the spacing between headings & paragraphs.

In text links look like this: text link Lorem ipsum dolor sit amet, consetetur sadipscing elitr. Don' forget to check what they look like when hovered over or clicked :) At vero eos et accusam et justo duo dolores et ea rebum.

Block quotes are great to highlight key points and for actual quotes Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Plus a couple of lines of FONT LARGER, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Plus some lines of FONT SMALLER, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Plus some line of FONT EXTRA LARGE, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

And some more text below...

Lists

This is an example of Bulleted lists - with the default bullet and indents:

first item
second item
third item
- also indented items are possible
last item

and another list in turquoise (select the whole list and use the style option dropdown):

first item
second item
third item

Also Numbered lists:

first item
second item
third item
- also indented items are possible
last item

Buttons

There is an easy way to add lots of buttons to the page: simply use the WYSIWYG menu ' ' to add a button to the page:

The button options are:

Also smaller buttons:

And larger buttons:

TEST WITH A LARGE AMOUNT OF TEXT ... fdmsnfg gdg addalga adjgdgdjt gj j gdlajdlj aerj dd j agjjaj ajad aj gj gl@,,n krhsjs/lgjs rjg sjl gkj

Dropdowns & Dropups

and a dropup:

Array
(
    [siteName] => The Mug Makers
    [pageTitle] => Website Stylesheet
    [pageDescription] => 
    [keyword1] => Website Stylesheet
    [keyword2] => Website Stylesheet
    [homePageKeywords] => Mugs, Hand Printed Mugs
    [phoneNumber] => 01886 821198
    [phoneNumberLink] => 01886 821198
    [email] => info@mugworks.co.uk
    [emailLink] => 
    [copyright] => 2008-2020
    [googleFontUrl] => //fonts.googleapis.com/css?family=Kalam:700
    [socialLinks] =>       
         Facebook
      

    [businessType] => LocalBusiness
    [typeMicrodata] => itemscope itemtype="http://schema.org/LocalBusiness"
    [fullBusinessName] => Whitbourne Mugworks
    [fullBusinessNameMicrodata] => Whitbourne Mugworks
    [address] => 4 Old Forge, Whitbourne, Worcester, Worcestershire, WR6 5SB, United Kingdom
    [addressMicrodata] => Whitbourne Mugworks4 Old ForgeWhitbourneWorcesterWorcestershireWR6 5SBUnited Kingdom
    [county] => Worcestershire
    [latitude] => 52.2077530
    [longitude] => -2.4133210
)
1

Icons

The following are all icons available. Note: check that CSS is updated.