Heading here
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Below is the <hr /> tag:
Below is the <hr /> tag:
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Other codes & custom boxes
Normal Blockquote. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
Blockquote with 2 quotes. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
Custom box #1 - WARNING
Custom box #2 - DOWNLOAD
Custom box #3 - HELP
Custom box #4 - TIP.
You can change the type AND color of each box putting one of these classes:
And one of these classes together:
Example:
<div class="help yellow"> Text </div>
You can change the type AND color of each box putting one of these classes:
- WARNING
- DOWNLOAD
- HELP
- TIP
And one of these classes together:
- YELLOW
- GREEN
- BLUE
- RED
- WHITE
- ORANGE
- PURPLE
- PINK
- BLACK
Example:
<div class="help yellow"> Text </div>
That would give you a box like this, but with a yellow background, like the warning one.
^__^
^__^
Custom box with just a colored background.
Custom box with just a colored background.
Custom box with just a colored background.
Custom box with just a colored background.
Custom box with just a colored background.
Custom box with just a colored background.
Custom box with just a colored background.
Custom box with just a colored background.
Custom box with just a colored background.
Warning box with no color assigned.
Help box with no color assigned.
Download box with no color assigned.
Tip box with no color assigned.
Unordered Lists
Orange List
- List Item 1
- List Item 2
- List Item 2.1
Yellow List
- List Item 1
- List Item 2
- List Item 2.1
You can use different bullets by putting the following class:
<li class="list-yellow">
Default bullets are black. Here are all the colors you can use:
Also, you can apply these other two classes to obtain these bullets:
And you can use no bullets if you put this class
<li class="list-yellow">
Default bullets are black. Here are all the colors you can use:
- Black
- Green
- Pink
- Red
- White
- Blue
- Orange
- Purple
- Yellow
Also, you can apply these other two classes to obtain these bullets:
- list-arrow
- list-star
And you can use no bullets if you put this class
- list-none
About the sidebar
You can put the sidebar to the left or to the right if you want to, just be sure to put the code as shown next:
<div class="sidebar-left">Sidebar Here</div><div class="content-right">Content Here</div>
<div class="sidebar-right">Sidebar Here</div><div class="content-left">Content Here</div>
<div class="sidebar-right">Sidebar Here</div><div class="content-left">Content Here</div>
WARNING! Do not put large images on the sidebar, because its width is just 35%.
Below is how this entry would look with the sidebar to the right, and below that, to the left (obviously, it has been shortened):
Content here - 2 columns
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<hr />
Content here
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
PLEASE don't forget to add <div class="clear"></div> after every time you use left/right aligned elements (columns or sidebar)!
