<?= $this->extend('App\Views\website\index') ?>
<?= $this->section('content') ?>
	<section class="news-header" style="background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('<?= base_url('assets/images/learn-with-career-guidance.jpg');?>') no-repeat;background-size: cover;background-position: center center;height:150px; ">
		<div class="overlay">
        		  <div class="container">
                    <div class="row align-items-center">
						<div class="col-md-7 fade-up"> 
							<h1>News & Blog</h1>							
						</div>
						<div class="col-md-5 d-none d-md-block">&nbsp;</div>
                    </div>
		    </div>
		</div>
    </section><!-- Header Section !-->
	<section class="news-area">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<div class="content-block">
						<?php foreach($news as $n):?>
							<div class="card mb-lg-4 mb-3 shadow-sm border-0;">
								<a href="#"><img src="<?= $n->photo;?>" alt="$n->title" class="img-fluid" /></a>
								<div class="card-body border-0">
									<div class="meta">
										<ul>
											<li><i class="bi bi-calendar"></i>&nbsp; <?= date('jS, F Y', strtotime($n->created_at)); ?>											</li>
											<li> <i class="bi bi-person"></i>&nbsp; CGU</li>
											<li><i class="bi bi-collection"></i> &nbsp; <?= $n->category;?>  </li>
										</ul>
									</div>
									<a href="#"><h3><?= $n->title;?></h3></a>
									<div class="article-details"></div>
									<?= $n->excerpt;?>
									 
									<div class="py-2"><a href="#" >Read More..</a></div>
								</div>
							</div>
						<?php endforeach;?>
					</div>
				</div>
				<div class="col-md-4">
					<div class="sticky-sidebar py-2">
					
						<div class="card card-body home-directory shadow fade-up mb-3">
								<h2>Directory</h2>
								<h6>Uganda's Complete Education Hub</h6>
								<img src="<?= base_url();?>/assets/images/features.png" alt="Directory">
								<p>Schools, Training Centers & Ministry-Approved Institutions</p>
								<a href="#" class="btn btn-warning">Browse Directory Now</a>
						</div><!-- Directory banner !-->
						 
					</div><!-- steaky area !-->
				</div>
			</div>
		</div>

	</section>
	
<?= $this->endSection() ?>