Created
January 20, 2020 05:49
-
-
Save cwicaksono/ec68d4c9771a0a6d155c201249d311ce to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
<meta name="description" content=""> | |
<meta name="author" content=""> | |
<title>Blog Home - Solusi Programming</title> | |
<!-- Bootstrap core CSS --> | |
<link href="https://blackrockdigital.github.io/startbootstrap-blog-home/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> | |
<!-- Custom styles for this template --> | |
<link href="https://blackrockdigital.github.io/startbootstrap-blog-home/css/blog-home.css" rel="stylesheet"> | |
</head> | |
<body> | |
<!-- Navigation --> | |
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> | |
<div class="container"> | |
<a class="navbar-brand" href="#">Blog SolusiProgramming</a> | |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> | |
<span class="navbar-toggler-icon"></span> | |
</button> | |
<div class="collapse navbar-collapse" id="navbarResponsive"> | |
<ul class="navbar-nav ml-auto"> | |
<li class="nav-item active"> | |
<a class="nav-link" href="#">Home | |
<span class="sr-only">(current)</span> | |
</a> | |
</li> | |
<li class="nav-item"> | |
<a class="nav-link" href="#">Tentang Saya</a> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
<!-- Page Content --> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<br /> | |
<?php | |
foreach($detail as $item){ | |
?> | |
<!-- Blog Post --> | |
<div class="card mb-4"> | |
<img class="card-img-top" src="<?php echo $item->featured_image;?>" alt="Card image cap"> | |
<div class="card-body"> | |
<h2 class="card-title"><?php echo $item->title;?></h2> | |
<p class="card-text"><?php echo nl2br($item->content);?></p> | |
<a href="<?php echo site_url('view/'.$item->id);?>" class="btn btn-primary">Read More →</a> | |
</div> | |
<div class="card-footer text-muted"> | |
Posted on <?php echo date('F d, Y', strtotime($item->created_on));?> by | |
<a href="#"><?php echo $item->fullname;?></a> | |
</div> | |
</div> | |
<?php | |
} | |
?> | |
</div> | |
<!-- Sidebar Widgets Column --> | |
<div class="col-md-4"> | |
<!-- Search Widget --> | |
<div class="card my-4"> | |
<h5 class="card-header">Search</h5> | |
<div class="card-body"> | |
<div class="input-group"> | |
<input type="text" class="form-control" placeholder="Search for..."> | |
<span class="input-group-btn"> | |
<button class="btn btn-secondary" type="button">Go!</button> | |
</span> | |
</div> | |
</div> | |
</div> | |
<!-- Categories Widget --> | |
<div class="card my-4"> | |
<h5 class="card-header">Categories</h5> | |
<div class="card-body"> | |
<div class="row"> | |
<div class="col-lg-12"> | |
<ul class="list-unstyled mb-0"> | |
<?php | |
foreach($categories as $category){ | |
?> | |
<li> | |
<a href="<?php echo site_url('category/'.$category->slug);?>"><?php echo $category->category;?></a> | |
</li> | |
<?php | |
} | |
?> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div><!-- /.row --> | |
</div><!-- /.container --> | |
<footer class="py-5 bg-dark"> | |
<div class="container"> | |
<p class="m-0 text-center text-white">Copyright © Blog Solusi Programming 2019</p> | |
</div> | |
</footer> | |
<script src="https://blackrockdigital.github.io/startbootstrap-blog-home/vendor/jquery/jquery.min.js"></script> | |
<script src="https://blackrockdigital.github.io/startbootstrap-blog-home/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment