header

<!DOCTYPE html>
<html lang="en">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>S I M D</title>

	<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:700%7CNunito:300,600" rel="stylesheet">

	<link type="text/css" rel="stylesheet" href="<?= base_url().'assets/bootstrap/dist/css/bootstrap.min.css' ?>" />

	<link rel="stylesheet" href="<?= base_url().'assets/font-awesome/css/font-awesome.min.css' ?>">

	<link type="text/css" rel="stylesheet" href="<?= base_url().'assets/bootstrap/dist/css/style.css' ?>" />

</head>
<body>


<header id="header">

	<div id="nav">

	<div id="nav-fixed">
	<div class="container">

	<div class="nav-logo">
	<a href="index-2.html" class="logo"><img src="img/logo.png" alt=""></a>
	</div>


	<ul class="nav-menu nav navbar-nav">
	<li><a href="<?= base_url().'./' ?>">Home</a></li>
	<li><a href="<?= base_url().'C_Tberita/lihatberita' ?>">Umum</a></li>
	<!-- <?php foreach ($kat as $kategori) {
	?>
	<li><a href="<?= base_url().'C_Tberita/lihatberita' ?>"><?= $kategori->nama_kategori ?></a></li>
	<?php } ?> -->
	</ul>


	<div class="nav-btns">
	<button class="aside-btn"><i class="fa fa-bars"></i></button>
	<button class="search-btn"><i class="fa fa-search"></i></button>
	<div class="search-form">
	<input class="search-input" type="text" name="search" placeholder="Enter Your Search ...">
	<button class="search-close"><i class="fa fa-times"></i></button>
	</div>
	</div>

	</div>
	</div>


	<div id="nav-aside">

	<div class="section-row">
	<ul class="nav-aside-menu">
	<li><a href="index-2.html">Home</a></li>
	<li><a href="about.html">About Us</a></li>
	<li><a href="#">Join Us</a></li>
	<li><a href="#">Advertisement</a></li>
	<li><a href="contact.html">Contacts</a></li>
	</ul>
	</div>


	<div class="section-row">
	<h3>Recent Posts</h3>
	<div class="post post-widget">
	<a class="post-img" href="blog-post.html"><img src="img/widget-2.jpg" alt=""></a>
	<div class="post-body">
	<h3 class="post-title"><a href="blog-post.html">Pagedraw UI Builder Turns Your Website Design Mockup Into Code Automatically</a></h3>
	</div>
	</div>
	<div class="post post-widget">
	<a class="post-img" href="blog-post.html"><img src="img/widget-3.jpg" alt=""></a>
	<div class="post-body">
	<h3 class="post-title"><a href="blog-post.html">Why Node.js Is The Coolest Kid On The Backend Development Block!</a></h3>
	</div>
	</div>
	<div class="post post-widget">
	<a class="post-img" href="blog-post.html"><img src="img/widget-4.jpg" alt=""></a>
	<div class="post-body">
	<h3 class="post-title"><a href="blog-post.html">Tell-A-Tool: Guide To Web Design And Development Tools</a></h3>
	</div>
	</div>
	</div>


	<div class="section-row">
	<h3>Follow us</h3>
	<ul class="nav-aside-social">
	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
	<li><a href="#"><i class="fa fa-twitter"></i></a></li>
	<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
	<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
	</ul>
	</div>


	<button class="nav-aside-close"><i class="fa fa-times"></i></button>

	</div>

	</div>

</header>