head.php

<?php include 'header.php' ?>
<style src="css/pengertian.css" type="text/css"></style>
<!-- content -->
<main role="main" class="container mt-5 mb-2">
  <div class="row">
    <div class="col-md-9 blog-main p-5 bg-dark rounded">
      <div class="blog-post ">
        <h2 class="blog-post-title">ORDER VECTOR BIG HEAD STYLE</h2>
        <p class="blog-post-meta">Desember 1, 2022 by <a href="about.php">satria</a></p>
        <hr>
        <img src="assets/img/t-1.jpg" class="card-img-top" alt="...">
        <div class="card-body">
          <p class="card-text">Sesuai dengan namanya, vector ini mempunyai keunikan tersendiri yaitu kepala nya yang lebih besar dibanding badannya. Bisa dibilang juga sebagai vector karikatur.</p>
        </div>
      </div>
      <div class="shadow position-relative overflow-hidden m-md-3 text-center bg-secondary rounded">
        <div class="col-md-5 p-lg-5 mx-auto">
          <h1 class="display-4 font-weight-bold">Order <strong>NOW</strong></h1>
          <a class="btn btn-outline-success" href="#">Checkout</a>
        </div>
        <div class="product-device shadow-sm d-none d-md-block"></div>
        <div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
      </div>
      <nav class="blog-pagination">
        <a class="btn btn-outline-primary" href="#">Older</a>
        <a class="btn btn-outline-secondary disabled">Newer</a>
      </nav>
    </div><!-- /.blog-main -->

    <aside class="col-md-2 blog-sidebar">
      <div class=" shadow bg-dark text-white card p-4 border-0" style="width: 15rem;">
        <img src="assets/img/sat.png" class="card-img-top" alt="...">
        <div class="card-body text-center">
          <p class="card-text">Halo! Perkenalkan saya Satria. Mahasiswa dan Seniman Vektor, Desainer Grafis sejak 2020.</p>
          <button type="button" class="btn btn-outline-light" onclick="location.href='about.php'">About Me</button>
        </div>
      </div>      
      <div class="mt-3 bg-dark rounded shadow p-4" width="300px">
        <h4 class="font-italic">Sosial Media</h4>
        <ol class="list-unstyled">
          <li><a href="#">GitHub</a></li>
          <li><a href="#">Twitter</a></li>
          <li><a href="#">Facebook</a></li>
        </ol>
      </div>
    </aside><!-- /.blog-sidebar -->
  </div><!-- /.row -->
</main><!-- /.container -->

<?php include 'footer.php' ?>

</body>
</html>