<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Halaman dengan Foto dan Tombol</title>
<?php wp_head(); ?>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body <?php body_class(); ?>>
<div class="container mt-5 text-center">
<!-- Foto -->
<div class="mb-4">
<img src="<?php echo get_template_directory_uri(); ?>/images/placeholder.jpg" alt="Foto Utama" class="img-fluid rounded shadow">
</div>
<!-- Tombol -->
<div class="row">
<div class="col-6 col-md-3 mb-3">
<a href="#" class="btn btn-primary btn-block w-100 py-3">SAA</a>
</div>
<div class="col-6 col-md-3 mb-3">
<a href="#" class="btn btn-secondary btn-block w-100 py-3">IAT</a>
</div>
<div class="col-6 col-md-3 mb-3">
<a href="#" class="btn btn-success btn-block w-100 py-3">SPI</a>
</div>
<div class="col-6 col-md-3 mb-3">
<a href="#" class="btn btn-danger btn-block w-100 py-3">TP</a>
</div>
</div>
</div>
<?php wp_footer(); ?>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>