Home  ›  Writing Reference

Writing Reference

For those interested in contributing solutions to this site. Below are some code snippets which can be used in your posts.

Sections

<div id=”sections”><ul>
<li><a href=”#type”>Typography</a></li>
<li><a href=”#shout”>Shout Out’s</a></li>
<li><a href=”#other”>Other Stuff</a></li>
</ul>
</div>

Typogrophy

This section is a very important part of the theme. There was a lot of thought that went into the typography, and that’s why this theme looks so freaking awesome. Go me, LOL. Anyhow, here are the different typography elements.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Standard

This paragraph shows how all text encapsulated only within <p></p> tags will appear. Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.

More text examples are as follows:

This is emphasised text
This is strong text

This is an acronym
This is deleted text
This is a link

This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus. This is a quote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempor. Nullam tortor. Nulla vel dui. Curabitur et metus.

Unordered list

  • List item example
  • List item example
    • Sub list item example
    • Sub list item example
  • List item example

Ordered list

  1. List item example
  2. List item example
    1. Sub list item example
    2. Sub list item example
  3. List item example

Definition list

Definition title
Definition description
Definition title
Definition description

Coloured

<div class=”success”></div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip consequat.
<div class=”error”></div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip consequat.
<div class=”help”></div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip consequat.
<div class=”tip”></div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip consequat.
<pre class="code"></pre>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip consequat.