Boxes
Box with border
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.
<div class="bordered_box">
Your content here...
</div>
Box with shadow
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.
<div class="shadow_box">
Your content here...
</div>
Box with inner shadow
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.
<div class="inner_shadow_box">
Your content here...
</div>
Box with text
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.
<div class="bordered_box">
<div class="title grey"><h1>Title</h1></div>
<p>
Your content here...
</p>
</div>
Box with table
| Name | Number | Views | Likes |
| Aviance Theme | 001 | 158 | 120 |
| Aviance Theme | 001 | 158 | 120 |
| Aviance Theme | 001 | 158 | 120 |
| Aviance Theme | 001 | 158 | 120 |
<div class="bordered_box">
<div class="title violet"><h1>Title</h1></div>
<table>
<tr><td>Text</td></table>
</table>
</div>
Box with images
filename_skin.jpg
filename_skin.jpg
filename_skin.jpg
filename_skin.jpg
filename_skin.jpg
filename_skin.jpg
<div class="bordered_box">
<div class="title green"><h1>Title</h1></div>
<ul>
<li><img src="image.png" alt="" /></li>
</ul>
</div>
Lorem Ipsum is simply dummy text of the printing.
<div class="question_box">
Your content here...
</div>
Lorem Ipsum is simply dummy text of the printing.
<div class="info_box">
Your content here...
</div>
Lorem Ipsum is simply dummy text of the printing.
<div class="error_box">
Your content here...
</div>
Tabs & Toogles
Tabs
1500s 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. 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.
Took a galley of type and scrambled it to make a type specimen book.Lorem Ipsum is simply dummy text of the printing and typesetting industry 1500s 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 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
When an unknown printer took a galley of type ipsum is simply dummy text of the printing and typesetting industry Unknown 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, and scrambled it to make a type specimen book Lorem. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
<div class="title grey">
<div class="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="#tabs-2">Second</a></li>
<li><a href="#tabs-3">Third</a></li>
</ul>
</div>
<div id="tabs-1"> <p>Your content here...</p> </div>
<div id="tabs-2"> <p>Your content here...</p> </div>
<div id="tabs-3"> <p>Your content here...</p> </div>
</div>
Toogle box
Toogle title closed
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.
Toogle title opened
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.
<div class="toogle_box">
<div class="toggle green">
Toogle title opened
</div>
<div class="toggle_container">
<p>
Your content here...
Your content here...
Your content here...
</p>
</div>
</div>
List styles
Default list style
- List Item Green
- List Item Blue
- List Item Orange
- List Item Violet
<ul class="default_list">
<li class="green">
List Item Green
</li>
</ul>
Arrow list style
- List Item Green
- List Item Blue
- List Item Orange
- List Item Violet
<ul class="arrow_list">
<li class="blue">
List Item Blue
</li>
</ul>
Check list style
- List Item Green
- List Item Blue
- List Item Orange
- List Item Violet
<ul class="check_list">
<li class="orange">
List Item Orange
</li>
</ul>
Remove list style
- List Item Green
- List Item Blue
- List Item Orange
- List Item Violet
<ul class="remove_list">
<li class="violet">
List Item Violet
</li>
</ul>
Icon list style
- List Item Green
- List Item Blue
- List Item Orange
- List Item Violet
<ul class="icons_list">
<li class="green">
List Item green
</li>
</ul>