<div class="innerBanner container-fluid mb-5">
	<div class="row h-100 align-items-center">
		<div class="col-md-4 col-lg-6">
			<h2 class="whiteColor mb-0">Media Centre</h2>
		</div>
		<div class="col-md-8 col-lg-6">
			<ul class="breadcrumb">
				<li><a href="<?php echo base_url(); ?>">Home</a></li>
				<li>Media Centre</li>
			</ul>
		</div>
	</div>
</div>
<div class="container-fluid">
	<div class="row">
		<div class="col-lg-8 order-lg-12 mb-5" id="innerData">
			<div class="row">
				<h1 class="col-12 mb-4"><span>Articles</span></h1>
				<div class="col-md-12 events">
				<div id="horizontalTab" class="accordion position-relative">
					<ul class="resp-tabs-list slider">
						<?php 
						$first = true;
						if($years !== "No Data"){
						foreach($years as $val){
						?>
						<li <?php if($first){ echo 'class="resp-tab-active"';} ?>>
						<span><?php echo $val->month; ?></span>
						</li>    
						<?php 
						$first = false;  
						} } ?>
					</ul>
					<?php 
						if($years !== "No Data"){
						if(sizeof($years) > 5){
						?>
						<div class="prevNextArrows">
							<button class="previous fadeAnim"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
							<button class="next fadeAnim"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
						</div>
					<?php } } ?>

					<!-- <div class="resp-tabs-container"> -->
						<div id="responseData">
						
						</div>              
					<!-- </div> -->
				</div>
				</div>
			</div>
		</div>
		<div class="col-lg-4 order-lg-1 mb-5">
			<div class="dataList">
				<div class="blackRect"></div>
				<ul>
					<li><a href="<?php echo base_url(); ?>magazine" class="fadeAnim">E-Magazine </a></li>
					<li><a href="<?php echo base_url(); ?>articles" class="fadeAnim active">Articles </a></li>
					<li><a href="<?php echo base_url(); ?>press-releases" class="fadeAnim">Press Releases </a></li>
					<li><a href="<?php echo base_url(); ?>advertise" class="fadeAnim">Advertise </a></li>
				</ul>
			</div>
		</div>
	</div>
</div>