EVOLUTION-NINJA

Edit File: faq.php

<?php echo  view('includes/header.php'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/website_assets/css/innerpage.css'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/website_assets/css/easy-responsive-tabs.css'); ?>" />
<script type="text/javascript" src="<?php echo base_url('public/assets/website_assets/js/jquery.easyResponsiveTabs.js'); ?>"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#parentHorizontalTab').easyResponsiveTabs({
			type: 'default', //Types: default, vertical, accordion
			width: 'auto', //auto or any width like 600px
			fit: true, // 100% fit in a container
			closed: 'accordion', // Start closed if in accordion view
			tabidentify: 'hor_1', // The tab groups identifier
			activate: function(event) { // Callback function if tab is switched
				var $tab = $(this);
				var $info = $('#nested-tabInfo');
				var $name = $('span', $info);

$name.text($tab.text());

$info.show();
			}
		});

$('#ChildVerticalTab_1').easyResponsiveTabs({
			type: 'vertical',
			width: 'auto',
			fit: true,
			tabidentify: 'ver_1', // The tab groups identifier
			activetab_bg: '#fff', // background color for active tabs in this group
			inactive_bg: '#E2E1E1', // background color for inactive tabs in this group
			active_border_color: '#c1c1c1', // border color for active tabs heads in this group
			active_content_border_color: '#fff' // border color for active tabs contect in this group so that it matches the tab head border
		});
	});
</script>

<section id="faq_banner">
	<div class="row co_details">
		<div class="container">
			<h3 style="text-shadow: 0px 2px 8px black;">FAQ</h3>
			
		</div>
	</div>
</section>

<section class="faq_middle_one">
	<div class="container">
		<div id="ChildVerticalTab_1">
			<ul class="resp-tabs-list ver_1">
				<li>Support </li>
				<li>Refund</li>
				<li>Become an Authorized Traing Partner</li>
				<li>Training Enquiry</li>
				<li>Grievance Redressal</li>
				<li>Refer & Earn</li>
				<li>Online Classroom</li>
				<li>Become a Trainer</li>
				<li>Exams</li>
				<li>Invoice</li>
				<li>Course & Content</li>
			</ul>
			<div class="resp-tabs-container ver_1 faq-tab">
				<div>
					<h3> Support </h3>

</div>
				<div>
					<h3>Refund</h3>

</div>
				<div>
					<h3> Become an Authorized Traing Partner </h3>

</div>
				<div>
					<h3>Training Enquiry</h3>

</div>

<div>
					<h3>Grievance Redressal</h3>

</div>

<div>
					<h3>Refer & Earn</h3>

</div>

<div>
					<h3>Online Classroom</h3>

</div>

<div>
					<h3>Become a Trainer</h3>

</div>

<div>
					<h3>Exams</h3>

</div>

<div>
					<h3>Invoice</h3>

</div>

<div>
					<h3>Course & Content</h3>

</div>
			</div>
		</div>

</div>
</section>

<section class="faq_middle_two">
	<div class="container">
		<div class="col-sm-4  faq_middle_2_a">
			<img src="<?php echo base_url('public/assets/website_assets/images/faq_01.png'); ?>" class="img-responsive center-block">
			<h4> <strong>If you are a business</strong> </h4>
			<p> <i class="fa fa-envelope-o" aria-hidden="true"></i> &nbsp; : &nbsp; Info@talentgrid.com </p>
			<p> <i class="fa fa-phone" aria-hidden="true"></i> &nbsp; : &nbsp; +91 9845276565 </p>
		</div>

<div class="col-sm-4  faq_middle_2_a">
			<img src="<?php echo base_url('public/assets/website_assets/images/faq_02.png'); ?>" class="img-responsive center-block">
			<h4> <strong>If you are a business</strong> </h4>
			<p> <i class="fa fa-envelope-o" aria-hidden="true"></i> &nbsp; : &nbsp; Info@talentgrid.com </p>
			<p> <i class="fa fa-phone" aria-hidden="true"></i> &nbsp; : &nbsp; +91 9845276565 </p>
		</div>

<div class="col-sm-4  faq_middle_2_a">
			<img src="<?php echo base_url('public/assets/website_assets/images/faq_03.png'); ?>" class="img-responsive center-block">
			<h4> <strong>If you are a business</strong> </h4>
			<p> <i class="fa fa-envelope-o" aria-hidden="true"></i> &nbsp; : &nbsp; Info@talentgrid.com </p>
			<p> <i class="fa fa-phone" aria-hidden="true"></i> &nbsp; : &nbsp; +91 9845276565 </p>
		</div>
	</div>
</section>

<?php echo  view('includes/footer.php'); ?>

.co_details {
		padding-top: 4%;
	}
</style>