/home/hdwebsolution/public_html/sareen-1/application/views/categories.php
<!-- Start Page Title Area -->

<section class="page-title-area" style="background-image:url('<?php echo base_url(); ?>assets/img/category.jpg')">

	<div class="container">

		<div class="page-title-content">

			<h1>Categories</h1>

			<ul>

				<li><a href="#">Home</a></li>

				<li>Products Without Sidebar</li>

			</ul>

		</div>

	</div>

</section>

<!-- End Page Title Area -->
<!-- Start Products Area -->

<section class="products-area ptb-70">

	<div class="container">
		<div class="section-title">
			<h2>Categories</h2>
		</div>

	<!--	<?php $categories = get_active_categories();
		if ($categories) :
			foreach ($categories as $category) : ?>

				<div class="row">
					<div class=" col-xl-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">
						<h4><a href="<?php echo base_url(); ?>category/<?php echo $category['id']; ?>/<?php echo $category['category_slug']; ?>"><?php echo $category['category_name']; ?></a></h4>
						<div class="single-categories-box  " style="height:250px; width:250px;">
							<img src="<?php echo base_url(); ?>assets/images/categories/<?php echo $category['category_image']; ?>" alt="image">
						</div>
					</div>
					<div class=" col-xl-9 col-lg-9 col-md-6 col-sm-12 col-xs-12" style="margin-top:50px;">
						<div class="row">
							<?php
							$products = get_all_category_products_novariants($category['id']);
							if ($products) :

								$sublist = array_chunk($products, 5, TRUE);
								$subcount = count($sublist);

								for ($i = 0; $i < $subcount; $i++) {

									foreach ($sublist[$i] as $product) : ?>
										<div class=" col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
											<div class="#">
												<ul class="list-group list-group-flush mb-2" style="background-color:#e1e1e1">
													<li class="list-group-item"><a href="<?php echo base_url(); ?>product/<?php echo $product['id']; ?>/<?php echo $product['product_slug']; ?>" class="d-block"><?php echo $product['product_name']; ?></a></li>
												</ul>
											</div>
										</div>
									<?php endforeach; ?>

							<?php }
							endif; ?>
						</div>
					</div>
				</div>
				<hr>

		<?php endforeach;
		endif; ?> -->

		
		<div class="row">
			<?php $categories = get_active_categories();
		if ($categories) :
			foreach ($categories as $category) : ?>
		
			<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">

				<div class=" card categories-card ">
					<div class=" card-img-top categories-img-card ">
						<a href="<?php echo base_url(); ?>category/<?php echo $category['id']; ?>/<?php echo $category['category_slug']; ?>">
							<img src="<?php echo base_url(); ?>assets/images/categories/<?php echo $category['category_image']; ?>" alt="image">
						</a>
					</div>
					<div class="card-body categories-name-card">
						<p><a href="<?php echo base_url(); ?>category/<?php echo $category['id']; ?>/<?php echo $category['category_slug']; ?>"> <?php echo $category['category_name']; ?></a></p>
					</div>

				</div>


			</div>
			<?php endforeach;
		endif; ?>
		<!--<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
				<div class=" card categories-card ">
					<div class="card-img-top categories-img-card ">
						<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">

					</div>
					<div class="card-body categories-name-card">
						<a> Sterlizer/ Boiler</a>
					</div>
				</div>

			</div>
			<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
				<div class=" card categories-card ">
					<div class="card-img-top categories-img-card ">
						<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">

					</div>
					<div class="card-body categories-name-card">
						<a> Hollowares</a>
					</div>
				</div>

			</div>
			<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
				<div class=" card categories-card ">
					<div class="card-img-top categories-img-card ">
						<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">

					</div>
					<div class="card-body categories-name-card">
						<a> Hollowares</a>
					</div>
				</div>

			</div>
			<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
				<div class=" card categories-card ">
					<div class="card-img-top categories-img-card ">
						<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">

					</div>
					<div class="card-body categories-name-card">
						<a> Hollowares</a>
					</div>
				</div>

			</div>
			<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
				<div class=" card categories-card ">
					<div class="card-img-top categories-img-card ">
						<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">

					</div>
					<div class="card-body categories-name-card">
						<a> Hollowares</a>
					</div>
				</div>

			</div>
			<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
				<div class=" card  categories-card">
					<div class="card-img-top categories-img-card ">
						<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">

					</div>
					<div class="card-body categories-name-card">
						<a> Hollowares</a>
					</div>
				</div>

			</div>
			<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
				<div class=" card categories-card ">
					<div class="card-img-top categories-img-card ">
						<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">

					</div>
					<div class="card-body categories-name-card">
						<a> Hollowares</a>
					</div>
				</div>

			</div>
			<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
				<div class=" card categories-card ">
					<div class="card-img-top categories-img-card ">
						<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">

					</div>
					<div class="card-body categories-name-card">
						<a> Hollowares</a>
					</div>
				</div>

			</div> -->
				
		</div> 
		

	</div>

</section>

<!-- End Products Area -->