<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">E-Magazine</h2>
		</div>
		<div class="col-md-8 col-lg-6">
			<ul class="breadcrumb">
				<li><a href="<?php echo base_url(); ?>">Home</a></li>
				<li>E-Magazine</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 id="flipbookContainer" >
  		</div>

  	</div>
		<div class="col-lg-4 order-lg-1 mb-5">
			<div class="dataList">
				<div class="blackRect"></div>
				<ul>
					<ul>
					<li><a href="javascript:;" class="fadeAnim active">E-Magazine </a></li>
					<li><a href="<?php echo base_url(); ?>articles" class="fadeAnim">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>
					<!--<li><a href="<?php echo base_url(); ?>circulars" class="fadeAnim">Circulars</a></li>
					<li><a href="<?php echo base_url(); ?>statistics">Statistics </a></li>
					<li><a href="javascript:;" class="fadeAnim active">E-Magazine </a></li>
					<li><a href="<?php echo base_url(); ?>government-representation" class="fadeAnim">Govt. Representations</a></li>
					<li><a href="<?php echo base_url(); ?>important-links" class="fadeAnim">Important Links</a></li>-->
				</ul>
				</ul>
			</div>
		</div>
	</div>
</div>
