Skip to content

Instantly share code, notes, and snippets.

@cwicaksono

cwicaksono/blog.php

Created January 15, 2020 12:20
Show Gist options
  • Save cwicaksono/9afcaad406c221e0eeb8da4c5a84b481 to your computer and use it in GitHub Desktop.
Save cwicaksono/9afcaad406c221e0eeb8da4c5a84b481 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
blog.php
<!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($posts as $post){
?>
<!-- Blog Post -->
<div class="card mb-4">
<img class="card-img-top" src="<?php echo $post->featured_image;?>" alt="Card image cap">
<div class="card-body">
<h2 class="card-title"><?php echo $post->title;?></h2>
<p class="card-text"><?php echo $post->short_description;?></p>
<a href="<?php echo site_url('view/'.$post->id);?>" class="btn btn-primary">Read More &rarr;</a>
</div>
<div class="card-footer text-muted">
Posted on <?php echo date('F d, Y', strtotime($post->created_on));?> by
<a href="#"><?php echo $post->author;?></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 &copy; 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