Showcases & Background Setting Bar

Showcases

Background Image

This setting is only taking a look when select color and background.
If you want to set showcase color, background and disable Setting Bar, go to Templates Manager > AT-Templates > Global Tab

  •  +84121 922 9692
  •  Example@gmail.com
  •  10 Dummy Street, 4 Distrist, Joomla City, CMS

Address Block


<ul class="at-add-list"> 
<li><span class="at-icon-phone"> </span>+84121 922 9692</li>
<li><span class="at-icon-email"> </span><a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a></li>
<li><span class="at-icon-location-on"> </span>10 Dummy Street, 4 Distrist, Joomla City, CMS</li>
<li class="clearbreak"></li>
</ul>
  •  +84121 922 9692
  •  This email address is being protected from spambots. You need JavaScript enabled to view it.
  •  10 Dummy Street, 4 Distrist, Joomla City, CMS

 

Arccordion Icon Block


<div id="accordion" class="accordion at-accordion-s1">
<div class="panel at-icon-dortor">
<div class="panel-heading at-icon-minus">
<a class="accordion-toggle" href="#collapse1" data-toggle="collapse" data-parent="#accordion"> Arccordion Item Title </a>
</div>
<div id="collapse1" class="panel-collapse collapse in">
<div class="accordion-inner">
<p>Arccordion Item Description</p>
</div>
</div>
</div>
<div class="panel at-icon-blood">
<div class="panel-heading at-icon-plus">
<a class="accordion-toggle" href="#collapse2" data-toggle="collapse" data-parent="#accordion"> Arccordion Item Title </a>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="accordion-inner">
<p>Accordion Item Description</p>
</div>
</div>
</div>
<div class="panel at-icon-capsule">
<div class="panel-heading at-icon-plus">
<a class="accordion-toggle" href="#collapse3" data-toggle="collapse" data-parent="#accordion"> Accordion Item Title </a>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="accordion-inner">
<p>Accordion Item Description</p>
</div>
</div>
</div>
<div class="panel at-icon-medical-shield">
<div class="panel-heading at-icon-plus">
<a class="accordion-toggle" href="#collapse4" data-toggle="collapse" data-parent="#accordion"> Accordion Item Title </a>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div class="accordion-inner">
<p>Accordion Item Description</p>
</div>
</div>
</div>
<div class="panel at-icon-stethoscope">
<div class="panel-heading at-icon-plus">
<a class="accordion-toggle" href="#collapse5" data-toggle="collapse" data-parent="#accordion"> Accordion Item Title </a>
</div>
<div id="collapse5" class="panel-collapse collapse">
<div class="accordion-inner"> <p>Accordion Item Description</p>
</div>
</div>
</div>
<div class="panel at-icon-syringe">
<div class="panel-heading at-icon-plus">
<a class="accordion-toggle" href="#collapse6" data-toggle="collapse" data-parent="#accordion"> Accordion Item Title </a>
</div>
<div id="collapse6" class="panel-collapse collapse">
<div class="accordion-inner">
<p>Accordion Item Description</p>
</div>
</div>
</div>
</div>

Nulla nec rutrum tortor, in fermentum nisl.accumsan pulvinar scelerisque tincidunt, adipiscing eget risus.

Nulla nec rutrum tortor, in fermentum nisl.accumsan pulvinar scelerisque tincidunt, adipiscing eget risus.

Nulla nec rutrum tortor, in fermentum nisl.accumsan pulvinar scelerisque tincidunt, adipiscing eget risus.

Nulla nec rutrum tortor, in fermentum nisl.accumsan pulvinar scelerisque tincidunt, adipiscing eget risus.

Nulla nec rutrum tortor, in fermentum nisl.accumsan pulvinar scelerisque tincidunt, adipiscing eget risus.

Nulla nec rutrum tortor, in fermentum nisl.accumsan pulvinar scelerisque tincidunt, adipiscing eget risus.