106 lines
4.5 KiB
PHP
106 lines
4.5 KiB
PHP
<section class="section-bg section-gray mt0">
|
|
<div class="container">
|
|
<div class="row col-p30 mt20">
|
|
<div class="col-sm-12 ">
|
|
<h2 class="title-medium mb20 text-center">Frequently Asked Questions</h2>
|
|
|
|
<!-- <h2 class="title-medium mb20 color-on-img text-center">Testimonials</h2> -->
|
|
<div class="br-bottom-center faq mb40"></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-sm-12 col-md-6 sm-box3">
|
|
<div class="panel-group" id="accordion">
|
|
<div class="panel ">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a data-toggle="collapse" href="#one">
|
|
<i class="fa fa-chevron-down upside-down"></i> How to vertically align a tag
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="one" class="panel-collapse collapse in">
|
|
<div class="panel-body">
|
|
<p> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, quae, fuga!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a data-toggle="collapse" href="#two">
|
|
<i class="fa fa-chevron-down"></i> Why I need that element
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="two" class="panel-collapse collapse in">
|
|
<div class="panel-body">
|
|
<p> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, quae, fuga!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel ">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a data-toggle="collapse" href="#three">
|
|
<i class="fa fa-chevron-down"></i> How to use media queries
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="three" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, quae, fuga!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel ">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a data-toggle="collapse" href="#four">
|
|
<i class="fa fa-chevron-down"></i> Meter tag doesn't work in Firefox
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="four" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, quae, fuga!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-6">
|
|
<div class="box-services-b">
|
|
<div class="box-left"><i class="fa fa-style3 icon_heart_alt"></i></div>
|
|
<div class="box-right">
|
|
<h3 class="title-small">Happy Customers <a href="#" class="link-read-more">read more</a></h3>
|
|
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb40"></div>
|
|
|
|
<div class="box-services-b">
|
|
<div class="box-left"><i class="fa fa-style3 fa-book"></i></div>
|
|
<div class="box-right">
|
|
<h3 class="title-small">Detailed documentation <a href="#" class="link-read-more">read more</a></h3>
|
|
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb40"></div>
|
|
|
|
<div class="box-services-b">
|
|
<div class="box-left"><i class="fa fa-style3 icon_key_alt"></i></div>
|
|
<div class="box-right">
|
|
<h3 class="title-small">Easy to use <a href="#" class="link-read-more">read more</a></h3>
|
|
<p class="mb10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim temporibus quae, aliquid! Ipsam officiis obcaecati beatae temporibus quae!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |