Left Sidebar Page

This is a quick example of the left sidebar page template, you can of course choose from full width, left or right sidebar when creating any page or any post. You can also use one of the specially created templates for the Elementor plugin and completely take control of your layouts and design.


Example block of text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, here is some text that is italic. Donec porttitor ligula eu dolor. This text is bold aecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros. Here is a link example

I think it’s fair to say that personal computers have become the most empowering tool we’ve ever created. They’re tools of communication, they’re tools of creativity, and they can be shaped by their user.

Bill Gates

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis.


WordPress Image Gallery

Here is a standard WordPress gallery that uses the free lighbox plugin so that once an image is clicked the full size image can be viewed by your visitors.


Nested List Items

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit
    • Cras aliquam massa ullamcorper sapien
    • Cras aliquam massa ullamcorper sapien
    • Cras aliquam massa ullamcorper sapien
  • Cras rutrum pulvinar tellus
  • Donec non tortor in arcu mollis feugiat
  • Quisque venenatis ante sit amet dolor

Let’s use the ins tag here we go! Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis.


Example of code display

By using the pre tag we can display full HTML code for things such as tutorials, sharing code etc without the browser actually trying to render it.

pre {
    font-family:Courier,monospace;
    font-size: 13px;
    margin: 30px 0;
    overflow: scroll;
    padding: 25px;
    max-width: 100%;
}

Example of Basic Table Styling

Mammoth includes basic table styling as detailed below.

Title Views
About Test User 1 More
260 1 More
Archives 1 More
235 1 More
home widget 2