<img class="img-rounded" src="/joomla30/jm-animals-cf/image.jpg" />

<img class="img-circle" src="/joomla30/jm-animals-cf/image.jpg" />

<img class="img-polaroid" src="/joomla30/jm-animals-cf/image.jpg" />

This is Heading One (h1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

This is Heading Two (h2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

This is Heading Three (h3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

This is Heading Four (h4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

This is Heading Five (h5)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

This is Heading Six (h6)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

<p class="jm-block"><span class="jm">1.</span>Text goes here</p>

1.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

2.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

3.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

<p class="jm-badge" >Text goes here</p>

<p class="jm-calendar" >Text goes here</p>

<p class="jm-chat" >Text goes here</p>

<p class="jm-check" >Text goes here</p>

<p class="jm-cloud" >Text goes here</p>

<p class="jm-direction" >Text goes here</p>

<p class="jm-divide" >Text goes here</p>

<p class="jm-error" >Text goes here</p>

<p class="jm-fire" >Text goes here</p>

<p class="jm-flag" >Text goes here</p>

<p class="jm-heart" >Text goes here</p>

<p class="jm-home" >Text goes here</p>

<p class="jm-info" >Text goes here</p>

<p class="jm-list" >Text goes here</p>

<p class="jm-mail" >Text goes here</p>

<p class="jm-people" >Text goes here</p>

<p class="jm-star" >Text goes here</p>

<p class="jm-stat" >Text goes here</p>

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>John Doe</small>
</blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

John Doe

<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>John Doe</small>
</blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

John Doe

<ul>
<-- list goes here -->
</ul>

• Duis tincidunt nunc sit amet ipsum
• Duis tincidunt nunc sit amet ipsum
• Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum

<ul class="jm-color-list">
<-- list goes here -->
</ul>

• Duis tincidunt nunc sit amet ipsum
• Duis tincidunt nunc sit amet ipsum
• Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum

<ul class="jm-light-list">
<-- list goes here -->
</ul>

• Duis tincidunt nunc sit amet ipsum
• Duis tincidunt nunc sit amet ipsum
• Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum

<ol>
<-- list goes here -->
</ol>

1. Duis tincidunt nunc sit amet ipsum
2. Duis tincidunt nunc sit amet ipsum
3. Duis tincidunt nunc sit amet ipsum
   1. Duis tincidunt nunc sit amet ipsum
   2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum

<ol class="jm-roman">
<-- list goes here -->
</ol>

1. Duis tincidunt nunc sit amet ipsum
2. Duis tincidunt nunc sit amet ipsum
3. Duis tincidunt nunc sit amet ipsum
   1. Duis tincidunt nunc sit amet ipsum
   2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum

<ol class="jm-alpha">
<-- list goes here -->
</ol>

1. Duis tincidunt nunc sit amet ipsum
2. Duis tincidunt nunc sit amet ipsum
3. Duis tincidunt nunc sit amet ipsum
   1. Duis tincidunt nunc sit amet ipsum
   2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum

<a class="readmore" href="#">Read more</a>

<a class="btn" href="#">Button</a>

<div class="jm-social">
<span class="jm-deviantart"><a class="btn btn-social-icon btn-deviantart"><i class="fa fa-deviantart"></i></a></span>
<span class="jm-dropbox"><a class="btn btn-social-icon btn-dropbox"><i class="fa fa-dropbox"></i></a></span>
<span class="jm-facebook"><a class="btn btn-social-icon btn-facebook"><i class="fa fa-facebook"></i></a></span>
<span class="jm-flickr"><a class="btn btn-social-icon btn-flickr"><i class="fa fa-flickr"></i></a></span>
<span class="jm-github"><a class="btn btn-social-icon btn-github"><i class="fa fa-github"></i></a></span>
<span class="jm-google"><a class="btn btn-social-icon btn-google"><i class="fa fa-google"></i></a></span>
<span class="jm-instagram"><a class="btn btn-social-icon btn-instagram"><i class="fa fa-instagram"></i></a></span>
<span class="jm-lastfm"><a class="btn btn-social-icon btn-lastfm"><i class="fa fa-lastfm"></i></a></span>
<span class="jm-linkedin"><a class="btn btn-social-icon btn-linkedin"><i class="fa fa-linkedin"></i></a></span>
<span class="jm-paypal"><a class="btn btn-social-icon btn-paypal"><i class="fa fa-paypal"></i></a></span>
<span class="jm-pinterest"><a class="btn btn-social-icon btn-pinterest"><i class="fa fa-pinterest"></i></a></span>
<span class="jm-reddit"><a class="btn btn-social-icon btn-reddit"><i class="fa fa-reddit"></i></a></span>
<span class="jm-skype"><a class="btn btn-social-icon btn-skype"><i class="fa fa-skype"></i></a></span>
<span class="jm-tumblr"><a class="btn btn-social-icon btn-tumblr"><i class="fa fa-tumblr"></i></a></span>
<span class="jm-twitch"><a class="btn btn-social-icon btn-twitch"><i class="fa fa-twitch"></i></a></span>
<span class="jm-twitter"><a class="btn btn-social-icon btn-twitter"><i class="fa fa-twitter"></i></a></span>
<span class="jm-vimeo"><a class="btn btn-social-icon btn-vimeo"><i class="fa fa-vimeo"></i></a></span>
<span class="jm-youtube"><a class="btn btn-social-icon btn-youtube"><i class="fa fa-youtube"></i></a></span>
</div>

<div class="jm-awards">
<div class="row-fluid">
<div class="span6"><img src="/joomla30/jm-animals-cf/images/awards/award1.png" alt="" /></div>
<div class="span6"><img src="/joomla30/jm-animals-cf/images/awards/award2.png" alt="" /></div>
<div class="span6"><img src="/joomla30/jm-animals-cf/images/awards/award3.png" alt="" /></div>
<div class="span6"><img src="/joomla30/jm-animals-cf/images/awards/award4.png" alt="" /></div>
</div>
</div>

<div class="jm-contact">
<p class="contact-title"><strong>Lorem ipsum dolor sit amet</strong></p>
<p class="contact-subtitle">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. In ornare velit et malesuada fames ac orci luctus.
</p>
<div class="phone">+44 7893 784 654</div>
<div class="email">This email address is being protected from spambots. You need JavaScript enabled to view it.</div>
<div class="address">7 Green Lane, Peterborough</div>
</div>

 <div class="triangle-frame"> <div class="frame-container"> <iframe style="border: none; width: 100%; height: 405px;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2424.1877486636104!2d-0.2446241!3d52.5842987!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4877f102a7bb5aff%3A0xa8a97bf13d59df1a!2sGreen+Ln!5e0!3m2!1spl!2spl!4v1400164688960"></iframe> </div> </div>

NOTE: The code you should use with the "triangle-left-ms" or "triangle-right-ms" module suffix. More details in the Module Suffixes article.

<div class="jm-donation">
<input placeholder="Enter amount" type="text">
<span class="currency">USD</span>
<a class="btn">Submit</a>
</div>

<figure class="jm-custom-img-effect">
<img src="/joomla30/jm-animals-cf/images/hover-effect/image1.jpg" alt=""/>
<figcaption>
<span class="jm-effect-icon"><img src="/joomla30/jm-animals-cf/images/hover-effect/icon1.png" alt=""/></span>
<p>Rescue Campaign</p>
<a href="#">View more</a>
</figcaption>
</figure>

<figure class="jm-custom-img-effect">
<img src="/joomla30/jm-animals-cf/images/hover-effect/image2.jpg" alt=""/>
<figcaption>
<span class="jm-effect-icon"><img src="/joomla30/jm-animals-cf/images/hover-effect/icon2.png" alt=""/></span>
<p>Become a Volunteer</p>
<a href="#">View more</a>
</figcaption>
</figure>

<figure class="jm-custom-img-effect">
<img src="/joomla30/jm-animals-cf/images/hover-effect/image3.jpg" alt=""/>
<figcaption>
<span class="jm-effect-icon"><img src="/joomla30/jm-animals-cf/images/hover-effect/icon3.png" alt=""/></span>
<p>Adopt a Dog</p>
<a href="#">View more</a>
</figcaption>
</figure>

<div class="jm-header-promo">
<h1>Over 80,000 offers</h1>
<p>Flagtail goblin shark thornfish pearlfish Pacific cod Black sea bass.</p>
</div>

<div class="jm-promo">
<h1>Are you a breeder?</h1>
<p>Register and minim veniam, quis nostrud exercitation ullamco laboris nisi ut<br /> aliquip ex ea commodo consequat.</p>
<p><a href="#" class="btn">Register</a></p>
</div>