Shortcodes & Typography

A selection of the shortcodes and the typography in this theme.

The shortcodes on this page come from one of our free WordPress plugins, Simnor Shortcodes, by using a plugin it means that if you ever decide to change themes, your shortcodes will still work. You can view some screenshots of how easy it is to add shortcodes with this plugin here.

 

Heading one is a big heading.

Sydney Harbour Bridge

Sydney Harbour Bridge

This is a normal paragraph, blandit scelerisque. Ut vestibulum porttitor urna id pulvinar. Mauris lorem nibh, tempus ut facilisis non, vulputate quis sapien. Aenean tempus tincidunt magna, ut egestas turpis elementum quis. Ut viverra ullamcorper augue, lacinia gravida est ullamcorper tempor. Maecenas et enim purus, sit amet scelerisque nunc. Phasellus volutpat venenatis erat a hendrerit.

Cras dapibus velit vitae magna imperdiet volutpat elementum mauris malesuada. In imperdiet rhoncus justo, sit amet luctus velit aliquet sit amet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Heading two is for subtitles.

  • Morbi egestas nulla orci. Curabitur auctor ante et elit imperdiet rutrum. Cras in felis a justo lobortis bibendum.
  • Praesent eu tincidunt diam. Praesent consequat eleifend justo eget varius. Vestibulum iaculis laoreet ante id aliquet. Maecenas nec eros a nulla pretium bibendum. Suspendisse eget facilisis nibh.
    • Vivamus tincidunt lorem at nunc egestas in fringilla nunc gravida. Sed sit amet nisl lorem.
    • Aenean fringilla metus id nunc porttitor eget gravida dui auctor. Nulla tincidunt condimentum vestibulum.
  • Nam posuere, nibh a feugiat dignissim, augue augue gravida justo, sit amet convallis nibh dolor non risus.

Aliquam suscipit mi quis eros aliquet faucibus. Etiam convallis rutrum elementum. Donec semper suscipit odio, vel porttitor augue scelerisque nec. Nunc id metus placerat ipsum pharetra venenatis. Morbi quis libero metus, a tempor tortor. In ultricies, justo in congue vestibulum, risus diam porttitor eros, a lobortis libero neque sed metus. Pellentesque sit amet metus fermentum magna ullamcorper blandit. Aenean quis felis at tellus pretium ullamcorper a sed urna. Maecenas mi odio, feugiat vestibulum scelerisque ut, vestibulum non dolor. Fusce ut nisi nec tortor lobortis bibendum.

Heading three has a mixed use, normally it’s used for larger subtitles.

  1. Curabitur ac ipsum lacinia tortor mollis varius. Ut volutpat gravida ultricies. Aenean non sodales tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
  2. Curae; In dignissim, sapien sit amet interdum ultricies, ante felis elementum tortor, vitae tempor turpis sem commodo metus. Proin nec nisl nibh. Fusce volutpat accumsan mi in dictum.
  3. Ut eu sapien eu dolor molestie mattis. Suspendisse luctus dolor ut risus dapibus cursus. Donec sollicitudin porta arcu, quis volutpat tellus ultrices eget

Heading four is the fourth most used heading and like heading three, it tends to have more text in.

Proin id augue turpis. Etiam vehicula auctor porta. Aliquam erat volutpat. Aliquam bibendum, erat vitae consectetur aliquet, dolor magna varius tortor, a rutrum ante erat nec nisl. Mauris dapibus consequat diam quis viverra.

“If you tell the truth you don’t have to remember anything.”Mark Twain

Boardwalk

Boardwalk

Duis sed ante vitae dolor porttitor facilisis id posuere mi. Cras leo nisl, consectetur eu pulvinar at, fermentum at leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac dolor nec felis fringilla pretium. Suspendisse sagittis fringilla dolor vel dignissim. Phasellus fringilla tempus dapibus.

Heading five is rarely used but it looks like this.

Praesent scelerisque egestas mauris, in porta magna malesuada vel. Suspendisse id sapien vel nulla viverra vehicula dictum in dui. Aliquam erat volutpat. Curabitur varius accumsan ante dictum tempus. Nulla sed placerat nibh. Phasellus a nulla id justo luctus aliquam at vitae ligula. Vestibulum pharetra, orci sed lacinia elementum, ligula lectus faucibus sem, at suscipit felis ipsum vitae nulla.

 

Social Media Icons

Icon Font Social Icons is the Zocial icon font through Fontello.

Image Social icons by Icon Dock.

 

Small Buttons

Small Button Small Button Small Button Small Button Small Button Small Button Small Button

 

Medium Rounded Buttons

Rounded Medium Button Rounded Medium Button Rounded Medium Button Rounded Medium Button Rounded Medium Button Rounded Medium Button Rounded Medium Button

 

Large Rounded Buttons

Large Button Large Button Large Button Large Button Large Button Large Button Large Button

 

Icon buttons

Icon buttons use Font Awesome for the icons, so you have a large choice of icons to choose from. You can add them to any size button.

  Music   Search   Like Something   Printer   Arrow   Twitter   Credit Card

  Camera on Large Rounded   Calendar on small button

 

Accordion

Print Design

Duis mattis, nisl sit amet scelerisque gravida, justo massa commodo ipsum, quis bibendum magna justo id est. Nulla luctus ultricies justo, eget molestie sapien aliquet eu. Vestibulum euismod dui sed mauris adipiscing eget dapibus nibh lacinia. Pellentesque posuere nulla quis lectus iaculis pellentesque.

Web Design

Nulla luctus ultricies justo, eget molestie sapien aliquet eu. Vestibulum euismod dui sed mauris adipiscing eget dapibus nibh lacinia. Pellentesque posuere nulla quis lectus iaculis pellentesque. Donec enim magna, euismod nec eleifend sit amet, rhoncus eget neque. Proin interdum nibh at augue ullamcorper quis pellentesque est consectetur.

Logo Design

Sed commodo venenatis augue non tincidunt. Curabitur pretium, eros at feugiat vehicula, massa leo semper turpis, non auctor magna justo quis diam. . Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Donec consequat, urna quis vulputate tempus, tellus arcu semper erat, sed mattis metus felis ut sem. Mauris ac risus leo.

Email Design

Proin fermentum ipsum eget eros ullamcorper scelerisque. Sed posuere erat dignissim purus porta eleifend. Sed commodo venenatis augue non tincidunt. Curabitur pretium, eros at feugiat vehicula, massa leo semper turpis, non auctor magna justo quis diam. Ut vel neque sit amet lectus facilisis ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Donec consequat, urna quis vulputate tempus, tellus arcu semper erat, sed mattis metus felis ut sem. Mauris ac risus leo.

Toggles

Print Design

Duis mattis, nisl sit amet scelerisque gravida, justo massa commodo ipsum, quis bibendum magna justo id est. Nulla luctus ultricies justo, eget molestie sapien aliquet eu. Vestibulum euismod dui sed mauris adipiscing eget dapibus nibh lacinia. Pellentesque posuere nulla quis lectus iaculis pellentesque.

Web Design

Nulla luctus ultricies justo, eget molestie sapien aliquet eu. Vestibulum euismod dui sed mauris adipiscing eget dapibus nibh lacinia. Pellentesque posuere nulla quis lectus iaculis pellentesque. Donec enim magna, euismod nec eleifend sit amet, rhoncus eget neque. Proin interdum nibh at augue ullamcorper quis pellentesque est consectetur.

Logo Design

Sed commodo venenatis augue non tincidunt. Curabitur pretium, eros at feugiat vehicula, massa leo semper turpis, non auctor magna justo quis diam. . Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Donec consequat, urna quis vulputate tempus, tellus arcu semper erat, sed mattis metus felis ut sem. Mauris ac risus leo.

Email Design

Proin fermentum ipsum eget eros ullamcorper scelerisque. Sed posuere erat dignissim purus porta eleifend. Sed commodo venenatis augue non tincidunt. Curabitur pretium, eros at feugiat vehicula, massa leo semper turpis, non auctor magna justo quis diam. Ut vel neque sit amet lectus facilisis ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Donec consequat, urna quis vulputate tempus, tellus arcu semper erat, sed mattis metus felis ut sem. Mauris ac risus leo.

 

Tabs

Active tab

Curabitur pretium, eros at feugiat vehicula, massa leo semper turpis, non auctor magna justo quis diam. Ut vel neque sit amet lectus facilisis ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti.

Vestibulum euismod dui sed mauris adipiscing eget dapibus nibh lacinia. Pellentesque posuere nulla quis lectus iaculis pellentesque. Donec enim magna, euismod nec eleifend sit amet, rhoncus eget neque. Proin interdum nibh at augue ullamcorper quis pellentesque est consectetur. Aenean vel tortor mi, ut pretium lacus. Proin fermentum ipsum eget eros ullamcorper scelerisque. Sed posuere erat dignissim purus porta eleifend. Sed commodo venenatis augue non tincidunt.

Donec consequat, urna quis vulputate tempus, tellus arcu semper erat, sed mattis metus felis ut sem. Mauris ac risus leo

Hidden tab

Duis mattis, nisl sit amet scelerisque gravida, justo massa commodo ipsum, quis bibendum magna justo id est. Nulla luctus ultricies justo, eget molestie sapien aliquet eu. Vestibulum euismod dui sed mauris adipiscing eget dapibus nibh lacinia. Pellentesque posuere nulla quis lectus iaculis pellentesque. Donec enim magna, euismod nec eleifend sit amet, rhoncus eget neque. Proin interdum nibh at augue ullamcorper quis pellentesque est consectetur. Aenean vel tortor mi, ut pretium lacus. Proin fermentum ipsum eget eros ullamcorper scelerisque. Sed posuere erat dignissim purus porta eleifend. Sed commodo venenatis augue non tincidunt. Curabitur pretium, eros at feugiat vehicula, massa leo semper turpis, non auctor magna justo quis diam. Ut vel neque sit amet lectus facilisis ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Donec consequat, urna quis vulputate tempus.

Google Map

 

YouTube

Vimeo

 

Contact Form 7

Example of a contact form using the Contact Form 7 form.

Your Name (required)

Your Email (required)

Subject

Your Message

 

Columns

Ut quam augue, pretium elementum semper sit amet, facilisis at lectus. Suspendisse potenti. Pellentesque lacinia turpis sit amet nulla convallis eu ultricies nibh tincidunt. Etiam suscipit lectus ante.

Mauris dui est, mattis ut lacinia vel, pulvinar in nibh. Aenean sagittis fringilla ante, non. Suspendisse potenti. Pellentesque lacinia turpis sit amet nulla convallis eu ultricies nibh tincidunt.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent auctor.

Nunc orci mauris, aliquam eu aliquet et, imperdiet vestibulum tellus. Cras ultricies viverra est ut.

Aenean eget ipsum nibh. Vestibulum consequat turpis vel enim vulputate mollis. Morbi elit tellus, condimentum.

Maecenas dictum, quam et accumsan dictum, tortor nulla dapibus nunc, eget aliquam urna orci ac. Suspendisse potenti. Pellentesque lacinia turpis sit amet nulla convallis eu ultricies nibh tincidunt.

Aenean sed commodo risus. Curabitur imperdiet luctus tristique. Vivamus non molestie quam. Ut facilisis enim.

Aliquam metus nisi, ullamcorper adipiscing auctor imperdiet, pretium ut leo. Praesent pellentesque orci non sapien.

Cras nulla magna, posuere ac ornare nec, mattis rutrum leo. Pellentesque nec leo erat, vitae. Suspendisse potenti. Pellentesque lacinia turpis sit amet nulla convallis eu ultricies nibh tincidunt.

Sed mi leo, aliquet vitae hendrerit vitae, pharetra sed ligula. Phasellus tincidunt rhoncus sapien nec.

Proin libero purus, ultricies eget consectetur, lobortis. Quisque gravida arcu dignissim nibh.

Nunc bibendum nibh vulputate era sagittis. Cum sociis natoque penatibus et dis parturient.

In mollis urna id mi convallis nec vehicula odio pulvinar. Aenean vitae metus at magna.

Praesent lacinia scelerisque nibh, et accumsan sapien fringilla et. Suspendisse potenti. Pellentesque lacinia turpis sit amet nulla convallis eu ultricies nibh tincidunt. In hac habitasse platea dictumst. Nulla.

Nullam cursus condimentum auctor. Etiam felis arcu, fringilla id tincidunt et, dapibus a ante. Curabitur.

In hac habitasse platea dictumst. Vivamus eu leo odio, quis cursus mi. Phasellus sodales hendrerit.

Ut eget semper justo. Sed feugiat luctus neque eget viverra. Maecenas ullamcorper tortor mollis tortor.

Fusce varius hendrerit velit sit amet commodo. Donec tristique tempus sem, et euismod dolor tempor.

Vestibulum laoreet pretium metus, ut auctor urna bibendum et. Suspendisse potenti. Pellentesque lacinia turpis sit amet nulla convallis eu ultricies nibh tincidunt. Curabitur commodo iaculis fringilla. Donec augue.

Nam lobortis felis sed dui ullamcorper ultrices. Curabitur ultricies augue pulvinar orci pretium sit amet.

Aliquam vitae tristique arcu. Suspendisse potenti. Pellentesque lacinia turpis sit amet nulla convallis eu ultricies nibh tincidunt. Pellentesque tempus consectetur eleifend. Aenean vel tellus at mauris imperdiet luctus.

Ut purus velit, congue eget scelerisque eu, gravida et dui. Etiam elementum blandit rutrum. Maecenas.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>