<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- fav ico -->
<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="/site.webmanifest" rel="manifest">
<meta content="#da532c" name="msapplication-TileColor">
<meta content="#ffffff" name="theme-color">
<!-- end fav ico -->
<!-- Material Design for Bootstrap fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet">
<!-- Material Design for Bootstrap CSS -->
<link crossorigin="anonymous" href="https://unpkg.com/[email protected]/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" rel="stylesheet">
<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9226057989096356">
</script>
<title>
Datadebasa - Online Artikel
</title>
<!-- analytic google -->
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-9L53XEZCVN">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-9L53XEZCVN');
</script>
<meta content="7b9714ac10f06ddd14052025da91f6d1" name="monetag">
</head>
<body>
<div class="wrapper">
<div class="wrapper-inner">
<div class="container main-container">
<div class="row header">
<div class="col-md-12">
<div class="header-search">
<input class="form-control" placeholder="Type to search..." type="text">
</div>
<h3 class="brand">
<p class="logo">
DOA
</p>
<p class="text-logo">
Datadebasa Online Artikel
</p>
</h3>
</div>
</div>
<!-- Navbar -->
<div class="row">
<div class="col-md-12 p-0">
<nav class="navbar navbar-expand-lg navbar-light navbar-custom">
<button aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler btn" data-target="#navbarNavAltMarkup" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon">
</span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link active" href="/">
Home
</a>
<a class="nav-item nav-link" href="/artikels">
Articles
</a>
<a class="nav-item nav-link" href="#">
Categories
</a>
<a class="nav-item nav-link" href="#">
FAQs
</a>
</div>
</div>
</nav>
</div>
</div>
<!-- END Navbar -->
<!-- Main Content -->
<div class="row pb-3">
<div class="col-md-9">
<div class="row">
<div class="col-md-12 mt-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li aria-current="page" class="breadcrumb-item active">
Home
</li>
</ol>
</nav>
</div>
<div class="col-sm-6 col-md-4">
<div class="card mt-3">
<div class="card-body">
<h5 class="card-title">
Category Title
</h5>
<hr>
<div class="list-group">
<a class="list-group-item list-group-item-action active" href="#">
Cras justo odio
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="card mt-3">
<div class="card-body">
<h5 class="card-title">
Category Title
</h5>
<hr>
<div class="list-group">
<a class="list-group-item list-group-item-action active" href="#">
Cras justo odio
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sidebar -->
<div class="sidebar-wrapper col-md-3">
<div class="sidebar-item">
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9226057989096356">
</script>
<!-- SIdebar ads -->
<ins class="adsbygoogle" data-ad-client="ca-pub-9226057989096356" data-ad-format="auto" data-ad-slot="7980888521" data-full-width-responsive="true" style="display:block">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
});
</script>
</div>
<div class="sidebar-item">
<h5 class="title">
Recent Articles
</h5>
<div class="list-group">
<a class="list-group-item list-group-item-action" href="#">
Cras justo odio
</a>
</div>
</div>
<div class="sidebar-item">
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9226057989096356">
</script>
<!-- SIdebar ads -->
<ins class="adsbygoogle" data-ad-client="ca-pub-9226057989096356" data-ad-format="auto" data-ad-slot="7980888521" data-full-width-responsive="true" style="display:block">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
});
</script>
</div>
</div>
<!-- End Sidebar -->
</div>
<!-- END Main Content -->
<!-- FOOTER -->
<div class="row">
<div class="col-md-12 footer">
© Datadebasa 2024
</div>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script crossorigin="anonymous" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" src="https://code.jquery.com/jquery-3.2.1.slim.min.js">
</script>
<script crossorigin="anonymous" integrity="sha384-fA23ZRQ3G/J53mElWqVJEGJzU0sTs+SvzG8fXVWP+kJQ1lwFAOkcUOysnlKJC33U" src="https://unpkg.com/[email protected]/dist/umd/popper.js">
</script>
<script crossorigin="anonymous" integrity="sha384-CauSuKpEqAFajSpkdjv3z9t8E7RlpJ1UP0lKM/+NdtSarroVKu069AlsRPKkFBz9" src="https://unpkg.com/[email protected]/dist/js/bootstrap-material-design.js">
</script>
<script>
$(document).ready(function() {
$('body').bootstrapMaterialDesign();
});
</script>
<!-- facebook -->
<!-- adsense -->
<script async="" custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js">
</script>
<script async="" data-cfasync="false" data-zone="66399" src="https://alwingulla.com/88/tag.min.js">
</script>
</body>
</html>