Boxes

You can easily alter the style of boxes by using classes.

To add the boxes effects add the class .box to elements.
If you want to alter the size of boxes add the classes .small , .medium, .large, .xlarge
If want alter the style of border add one of these classes .dotted, .dashed, .thick
For to alter the radius of corners of boxes add the class .bradius-x (1,2,3,4)
Default align of boxes left. If you want to alter of align of boxes see more the link
To alter the background color of boxes add the class .box-bg default style is background color.
If you want dark border add the class .dark-border For example:

Box
Box dark-border
Box dark-border
Box small
Box box-bg
Box medium
Box large
HTML Example
<div class="box"> ... </div>
<div class="box bradius-2 dark-border dashed"> ... </div>
<div class="box bradius-2 box-bg"> ... </div>
<div class="box bradius-2 medium box-bg icon-location"> ... </div>

Audio

Insert audio player

If you want to insert audio add the class .audio to div. For example:

Artist — Life(pikpidik)
HTML Example
<div class="audio"> 
  <a class="play"></a>
  <a class="stop"></a>

  <audio src="file.mp3"> 
    Your browser does not support HTML5 audio.
  </audio>
</div>

Video

Insert video player

If you want to insert video add the class .video to div. For example:

HTML Example
<div class="video"> 
  <a class="play"></a>
  <divclass="videofooter">
    <a class="stop"></a>
    <a class="pause"></a>
  </div> 
  
  <video src="file.mp4"> 
    Your browser does not support HTML5 video.
  </video>
</div>

Loading

Insert to loading animation

In which div you want looks the loading to this div add the class .loading For example:

HTML Example
<div class="loading"> 
</div>

Blockquote

Insert of blockquote

if you add the tag blockquote all of default blouckquote will be so: For example:

Lorem ipsum dolor sit amet, nulla ut sed dapibus orci suspendisse. Aliquam nulla rutrum at vel gravida orci, quis litora nisl dui blandit. Dolor tellus etiam. Nulla libero amet enim curabitur elit. Interdum ligula ante aenean ut, in at tempus neque morbi, eu ut sed, fringilla placerat inceptos erat, malesuada non congue wisi ut aliquet. Leonard Cohen
HTML Example
<blockquote> 
  ...
  <cite> ... </cite>
</blockquote>