{% extends "layouts/base.html" %}

{% block title %} {{ judul }} {% endblock %} 

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}{% endblock stylesheets %}


{% block content %}
    <div class="content">
    <div class="page-inner">
			<div class="page-header">
				<h4 class="page-title">Artikel</h4>
				<ul class="breadcrumbs">
					<li class="nav-home">
						<a href="/home">
							<i class="flaticon-home"></i>
						</a>
					</li>
					<li class="separator">
						<i class="flaticon-right-arrow"></i>
					</li>
					<li class="nav-item">
						<a href="/artikel">Artikel Detail</a>
					</li>
					<li class="separator">
						<i class="flaticon-right-arrow"></i>
					</li>
					<li class="nav-item">
						<a href="#">{{ object.title }}</a>
					</li>
				</ul>
			</div>

			<div class="row">
				<div class="col-md-12">
					<div class="card">
						<div class="card-header">
							<h4 class="card-title"><h1>{{ object.title }}</h1></h4>	
						</div>
						<div class="card-body">        
                        <!---Content-->
                            <p>Author {{ object.author }}</p>
                            <p>{{ object.isi | safe }}</p>
                        <!---End Content-->
                        </div>
                    </div>
                </div>
            </div>            
    </div>
    </div>
{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}

{% endblock javascripts %}