This post shows a few default HTML elements like headlines, images and lists and how they look like in the theme.
This image is left aligned and has a caption
Nullam aliquet iaculis dui nec vestibulum. Cras at nisi augue, nec dictum odio. Vivamus sit amet odio a arcu convallis dictum. Cras malesuada sem ut turpis congue lacinia. Donec magna arcu, feugiat eget malesuada nec, bibendum sit amet orci. Curabitur et lacinia erat. Nam vestibulum gravida libero, eu imperdiet tellus faucibus non. Ut nibh turpis, tincidunt sed pellentesque sed, condimentum eget nisl. Suspendisse rhoncus porta mi id sodales. Nunc interdum vestibulum purus, quis elementum mauris faucibus ut! Integer in aliquet lectus. Aliquam quis elit diam.
Nullam aliquet iaculis dui nec vestibulum. Cras at nisi augue, nec dictum odio. Vivamus sit amet odio a arcu convallis dictum. Cras malesuada sem ut turpis congue lacinia. Donec magna arcu, feugiat eget malesuada nec, bibendum sit amet orci. Curabitur et lacinia erat. Nam vestibulum gravida libero, eu imperdiet tellus faucibus non. Ut nibh turpis, tincidunt sed pellentesque sed, condimentum eget nisl. Suspendisse rhoncus porta mi id sodales. Nunc interdum vestibulum purus, quis elementum mauris faucibus ut! Integer in aliquet lectus. Aliquam quis elit diam. Nullam aliquet iaculis dui nec vestibulum. Cras at nisi augue, nec dictum odio. Vivamus sit amet odio a arcu convallis dictum. Cras malesuada sem ut turpis congue lacinia. Donec magna arcu, feugiat eget malesuada nec, bibendum sit amet orci. Curabitur et lacinia erat. Nam vestibulum gravida libero, eu imperdiet tellus faucibus non. Ut nibh turpis, tincidunt sed pellentesque sed, condimentum eget nisl. Suspendisse rhoncus porta mi id sodales. Nunc interdum vestibulum purus, quis elementum mauris faucibus ut! Integer in aliquet lectus. Aliquam quis elit diam.
Easily create buttons
You can make a button from a regular link by adding the .button class to the „a“ tag of the link:
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Nullam aliquet iaculis dui nec vestibulum. Cras at nisi augue, nec dictum odio. Vivamus sit amet odio a arcu convallis dictum. Cras malesuada sem ut turpis congue lacinia. Donec magna arcu, feugiat eget malesuada nec, bibendum sit amet orci. Curabitur et lacinia erat. Nam vestibulum gravida libero, eu imperdiet tellus faucibus non. Ut nibh turpis, tincidunt sed pellentesque sed, condimentum eget nisl. Suspendisse rhoncus porta mi id sodales. Nunc interdum vestibulum purus, quis elementum mauris faucibus ut! Integer in aliquet lectus. Aliquam quis elit diam.Nullam aliquet iaculis dui nec vestibulum. Cras at nisi augue, nec dictum odio. Vivamus sit amet odio a arcu convallis dictum. Cras malesuada sem ut turpis congue lacinia. Donec magna arcu, feugiat eget malesuada nec, bibendum sit amet orci. Curabitur et lacinia erat. Nam vestibulum gravida libero, eu imperdiet tellus faucibus non. Ut nibh turpis, tincidunt sed pellentesque sed, condimentum eget nisl. Suspendisse rhoncus porta mi id sodales.
A You Tube Video
Nunc interdum vestibulum purus, quis elementum mauris faucibus ut! Integer in aliquet lectus. Aliquam quis elit diam. Nullam aliquet iaculis dui nec vestibulum. Cras at nisi augue, nec dictum odio. Vivamus sit amet odio a arcu convallis dictum. Cras malesuada sem ut turpis congue lacinia. Donec magna arcu, feugiat eget malesuada nec, bibendum sit amet orci. Curabitur et lacinia erat. Nam vestibulum gravida libero, eu imperdiet tellus faucibus non. Ut nibh turpis, tincidunt sed pellentesque sed, condimentum eget nisl. Suspendisse rhoncus porta mi id sodales. Nunc interdum vestibulum purus, quis elementum mauris faucibus ut! Integer in aliquet lectus. Aliquam quis elit diam.
Other Elements
This is a blockquote. It can also be used to add a highlighted text just somewhere in the content. Pretty simple and effective. Of course you can add links like this.
An unordered List
- Peter
- Paul
- Mary
- Harry
- Dick
- Tom
Ordered List
- Apples
- Oranges
- Bannanas
- Cherries