Minggu, 31 Mei 2026

template detail siswa

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Detail Siswa</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">

<style>

body{
    background:#f5f6fa;
    font-family:'Segoe UI',sans-serif;
}

/* HEADER */
.topbar{
    background:#0d6efd;
    color:#fff;
    padding:20px;
    padding-top:40px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
}

.topbar h5{
    margin:0;
    font-weight:700;
}

/* PROFILE */
.profile-card{
    background:#fff;
    margin-top:-20px;
    border-radius:25px;
    padding:25px;
    box-shadow:0 3px 15px rgba(0,0,0,.05);
}

.profile-photo{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #fff;
    box-shadow:0 3px 10px rgba(0,0,0,.1);
}

.student-name{
    font-size:24px;
    font-weight:700;
    margin-top:15px;
}

.student-program{
    color:#666;
}

.badge-paid{
    background:#e8f8ee;
    color:#1a9f4f;
    padding:10px 18px;
    border-radius:20px;
    font-weight:600;
}

.badge-unpaid{
    background:#ffeaea;
    color:#dc3545;
    padding:10px 18px;
    border-radius:20px;
    font-weight:600;
}

/* INFO CARD */
.info-card{
    background:#fff;
    border-radius:20px;
    padding:20px;
    margin-top:15px;
    box-shadow:0 3px 10px rgba(0,0,0,.04);
}

.info-label{
    color:#888;
    font-size:13px;
}

.info-value{
    font-size:16px;
    font-weight:600;
}

.icon-box{
    width:42px;
    height:42px;
    background:#eef4ff;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0d6efd;
    margin-right:12px;
}

.action-btn{
    border-radius:15px;
    padding:12px;
    font-weight:600;
}

</style>
</head>
<body>

<!-- HEADER -->
<div class="topbar">
    <div class="d-flex align-items-center justify-content-between">

        <div class="d-flex align-items-center">
            <i class="bi bi-arrow-left fs-4 me-3"></i>
            <h5>Detail Siswa</h5>
        </div>

        <i class="bi bi-three-dots-vertical fs-4"></i>

    </div>
</div>

<div class="container pb-5">

    <!-- PROFILE -->
    <div class="profile-card text-center">

        <img src="https://randomuser.me/api/portraits/boys/1.jpg"
             class="profile-photo">

        <div class="student-name">
            Ahmad Syarif
        </div>

        <div class="student-program">
            English For Kids - Level 1
        </div>

        <div class="mt-3">
            <span class="badge-unpaid">
                Belum Bayar
            </span>
        </div>

    </div>

    <!-- INFORMASI SISWA -->
    <div class="info-card">

        <h6 class="fw-bold mb-4">
            Informasi Siswa
        </h6>

        <div class="d-flex mb-3">
            <div class="icon-box">
                <i class="bi bi-person"></i>
            </div>

            <div>
                <div class="info-label">Nama Lengkap</div>
                <div class="info-value">Ahmad Syarif</div>
            </div>
        </div>

        <div class="d-flex mb-3">
            <div class="icon-box">
                <i class="bi bi-telephone"></i>
            </div>

            <div>
                <div class="info-label">Nomor WhatsApp</div>
                <div class="info-value">0812-1234-5678</div>
            </div>
        </div>

        <div class="d-flex mb-3">
            <div class="icon-box">
                <i class="bi bi-mortarboard"></i>
            </div>

            <div>
                <div class="info-label">Program</div>
                <div class="info-value">English For Kids Level 1</div>
            </div>
        </div>

        <div class="d-flex">
            <div class="icon-box">
                <i class="bi bi-people"></i>
            </div>

            <div>
                <div class="info-label">Nama Orang Tua</div>
                <div class="info-value">Bapak Rahman</div>
            </div>
        </div>

    </div>

    <!-- INFORMASI PEMBAYARAN -->
    <div class="info-card">

        <h6 class="fw-bold mb-4">
            Informasi Pembayaran
        </h6>

        <div class="row text-center">

            <div class="col-6">
                <div class="bg-light rounded-4 p-3">
                    <div class="text-muted small">
                        Tagihan Bulan Ini
                    </div>

                    <div class="fw-bold fs-5">
                        Rp300.000
                    </div>
                </div>
            </div>

            <div class="col-6">
                <div class="bg-light rounded-4 p-3">
                    <div class="text-muted small">
                        Status
                    </div>

                    <div class="fw-bold text-danger">
                        Belum Bayar
                    </div>
                </div>
            </div>

        </div>

    </div>

    <!-- ALAMAT -->
    <div class="info-card">

        <h6 class="fw-bold mb-3">
            Alamat
        </h6>

        <p class="mb-0 text-muted">
            Jl. Diponegoro No. 123,
            Kecamatan Pati,
            Kabupaten Pati,
            Jawa Tengah.
        </p>

    </div>

    <!-- TOMBOL -->
    <div class="row mt-4">

        <div class="col-6">
            <button class="btn btn-outline-primary w-100 action-btn">
                <i class="bi bi-pencil-square"></i>
                Edit
            </button>
        </div>

        <div class="col-6">
            <button class="btn btn-success w-100 action-btn">
                <i class="bi bi-whatsapp"></i>
                Hubungi
            </button>
        </div>

    </div>

</div>

</body>
</html>

Jumat, 29 Mei 2026

deployment:
  tasks:
    - export DEPLOYPATH=/home/zunuzmy1/public_html/
    - /bin/cp -R * $DEPLOYPATH

datatable

<link rel="stylesheet"
href="https://cdn.datatables.net/1.13.8/css/dataTables.bootstrap5.min.css">

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

<script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>

<script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js"></script>


$(document).ready(function () {

  $('#tableSiswa').DataTable({
      responsive: true,
      pageLength: 10,
      lengthChange: false,
      searching: true,
      ordering: false,
      language: {
          search: "",
          paginate: {
              previous: "‹",
              next: "›"
          }
      }
  });

});

Senin, 25 Mei 2026

Minggu, 24 Mei 2026

css

/* =========================
   GLOBAL
========================= */

body{
  background:#f4f7fb;
  font-family:'Segoe UI',sans-serif;
  color:#1d1d1d;
}

a{
  text-decoration:none;
}

/* =========================
   HEADER / TOPBAR
========================= */

.topbar{
  background:linear-gradient(135deg,#0d6efd,#0052cc);
  padding:28px 22px 90px;
  border-bottom-left-radius:35px;
  border-bottom-right-radius:35px;
  position:relative;
  overflow:hidden;
}

.topbar::before{
  content:'';
  position:absolute;
  width:180px;
  height:180px;
  background:rgba(255,255,255,0.08);
  border-radius:50%;
  top:-50px;
  right:-40px;
}

.topbar::after{
  content:'';
  position:absolute;
  width:120px;
  height:120px;
  background:rgba(255,255,255,0.05);
  border-radius:50%;
  bottom:-40px;
  left:-30px;
}

.topbar h4{
  color:white;
  margin:0;
  font-weight:700;
}

.topbar i{
  color:white;
  font-size:28px;
}

/* =========================
   CARD
========================= */

.custom-card{
  background:white;
  border-radius:24px;
  padding:22px;
  box-shadow:0 5px 18px rgba(0,0,0,0.04);
  border:1px solid #eef1f5;
}

/* =========================
   INFO CARD
========================= */

.info-card{
  background:white;
  margin-top:-55px;
  border-radius:28px;
  padding:22px;
  box-shadow:0 10px 25px rgba(0,0,0,0.06);
  border:1px solid rgba(255,255,255,0.5);
  position:relative;
  z-index:10;
}

.balance-title{
  color:#212529;
  font-size:15px;
  font-weight:600;
}

.balance-amount{
  font-size:34px;
  font-weight:800;
  color:#0d6efd;
  margin-top:5px;
}

/* =========================
   BUTTON
========================= */

.btn-primary-custom{
  background:linear-gradient(135deg,#0d6efd,#0052cc);
  border:none;
  border-radius:18px;
  min-height:55px;
  font-size:18px;
  font-weight:700;
  color:white;
  width:100%;
  box-shadow:0 8px 20px rgba(13,110,253,0.25);
}

.btn-success-custom{
  background:#18c46c;
  border:none;
  border-radius:18px;
  min-height:55px;
  font-size:18px;
  font-weight:700;
  color:white;
  width:100%;
  box-shadow:0 8px 20px rgba(24,196,108,0.25);
}

/* =========================
   MENU CARD
========================= */

.menu-card{
  background:white;
  border-radius:24px;
  padding:22px 16px;
  text-align:center;
  box-shadow:0 5px 18px rgba(0,0,0,0.04);
  transition:0.2s;
  height:100%;
  border:1px solid #eef1f5;
}

.menu-card:hover{
  transform:translateY(-3px);
}

.menu-icon{
  width:65px;
  height:65px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
  margin-bottom:15px;
  font-size:30px;
}

.menu-title{
  font-size:17px;
  font-weight:700;
}

.menu-sub{
  color:#888;
  font-size:13px;
  margin-top:3px;
}

/* =========================
   FORM
========================= */

.form-control,
.form-select{
  border-radius:16px;
  min-height:56px;
  border:1px solid #e5e5e5;
  box-shadow:none !important;
}

/* =========================
   BOTTOM NAVIGATION
========================= */

.bottom-nav{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:white;
  border-top:1px solid #e9ecef;
  padding:10px 0;
  z-index:999;
  box-shadow:0 -3px 12px rgba(0,0,0,0.04);
}

.bottom-nav a{
  text-decoration:none;
  color:#999;
  display:flex;
  flex-direction:column;
  align-items:center;
  font-size:13px;
}

.bottom-nav a.active{
  color:#0d6efd;
  font-weight:700;
}

.bottom-nav i{
  font-size:24px;
  margin-bottom:4px;
}

/* =========================
   MOBILE
========================= */

@media(max-width:576px){

  .balance-amount{
    font-size:28px;
  }

  .menu-title{
    font-size:15px;
  }

  .menu-sub{
    font-size:12px;
  }

}

Sabtu, 23 Mei 2026

login

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Login - Gardenia 1</title>

  <!-- Bootstrap 5 -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

  <!-- Bootstrap Icons -->
  <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

  <style>

    body{
      background:#f5f6fa;
      font-family:'Segoe UI', sans-serif;
      min-height:100vh;
      overflow-x:hidden;
    }

    /* TOP BACKGROUND */
    .top-bg{
      background:linear-gradient(180deg,#0d6efd,#1677ff);
      height:320px;
      border-bottom-left-radius:45px;
      border-bottom-right-radius:45px;
      position:relative;
    }

    /* LOGO */
    .logo-box{
      width:95px;
      height:95px;
      background:white;
      border-radius:24px;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 8px 20px rgba(0,0,0,0.15);
      margin:auto;
    }

    .logo-box i{
      font-size:52px;
      color:#0d6efd;
    }

    /* LOGIN CARD */
    .login-card{
      background:white;
      border-radius:30px;
      padding:32px 24px;
      margin-top:-90px;
      box-shadow:0 8px 25px rgba(0,0,0,0.08);
    }

    .app-title{
      font-size:34px;
      font-weight:800;
      color:#111;
      margin-top:18px;
      margin-bottom:5px;
    }

    .app-subtitle{
      color:#777;
      font-size:17px;
      margin-bottom:28px;
    }

    /* FORM */
    .form-label{
      font-weight:700;
      color:#333;
      margin-bottom:10px;
    }

    .input-group{
      background:#f7f8fc;
      border-radius:18px;
      border:1px solid #e6e6e6;
      overflow:hidden;
      min-height:58px;
    }

    .input-group-text{
      background:transparent;
      border:none;
      color:#0d6efd;
      font-size:20px;
      padding-left:18px;
    }

    .form-control{
      border:none;
      background:transparent;
      box-shadow:none !important;
      font-size:17px;
    }

    .form-control::placeholder{
      color:#999;
    }

    /* LOGIN BUTTON */
    .btn-login{
      background:#0d6efd;
      border:none;
      width:100%;
      min-height:58px;
      border-radius:18px;
      color:white;
      font-size:20px;
      font-weight:700;
      box-shadow:0 8px 18px rgba(13,110,253,0.3);
      transition:0.2s;
    }

    .btn-login:hover{
      background:#0b5ed7;
      transform:translateY(-1px);
    }

    /* EXTRA */
    .forgot{
      text-decoration:none;
      color:#0d6efd;
      font-weight:600;
      font-size:15px;
    }

    .bottom-text{
      color:#888;
      font-size:15px;
      text-align:center;
      margin-top:28px;
    }

    .bottom-text a{
      color:#0d6efd;
      text-decoration:none;
      font-weight:700;
    }

    /* MOBILE */
    @media(max-width:576px){

      .top-bg{
        height:280px;
      }

      .app-title{
        font-size:28px;
      }

      .login-card{
        padding:28px 20px;
      }

    }

  </style>
</head>
<body>

  <!-- TOP BACKGROUND -->
  <div class="top-bg d-flex align-items-center justify-content-center">

    <div class="text-center text-white">

      <div class="logo-box">
        <i class="bi bi-mortarboard-fill"></i>
      </div>

      <h1 class="fw-bold mt-4 mb-2">
        Gardenia 1
      </h1>

      <div class="opacity-75">
        Aplikasi Kasir & Pembayaran
      </div>

    </div>

  </div>

  <!-- LOGIN CARD -->
  <div class="container"
       style="max-width:500px;">

    <div class="login-card">

      <div class="text-center">

        <div class="app-title">
          Selamat Datang
        </div>

        <div class="app-subtitle">
          Silakan login untuk melanjutkan
        </div>

      </div>

      <form>

        <!-- EMAIL -->
        <div class="mb-4">

          <label class="form-label">
            Email / Username
          </label>

          <div class="input-group">

            <span class="input-group-text">
              <i class="bi bi-person-fill"></i>
            </span>

            <input type="text"
                   class="form-control"
                   placeholder="Masukkan username">

          </div>

        </div>

        <!-- PASSWORD -->
        <div class="mb-3">

          <label class="form-label">
            Password
          </label>

          <div class="input-group">

            <span class="input-group-text">
              <i class="bi bi-lock-fill"></i>
            </span>

            <input type="password"
                   class="form-control"
                   placeholder="Masukkan password">

          </div>

        </div>

        <!-- REMEMBER -->
        <div class="d-flex justify-content-between align-items-center mb-4">

          <div class="form-check">

            <input class="form-check-input"
                   type="checkbox"
                   id="remember">

            <label class="form-check-label"
                   for="remember">
              Ingat saya
            </label>

          </div>

          <a href="#"
             class="forgot">
            Lupa Password?
          </a>

        </div>

        <!-- BUTTON -->
        <button type="submit"
                class="btn-login">

          <i class="bi bi-box-arrow-in-right me-2"></i>
          Masuk

        </button>

      </form>

      <!-- FOOTER -->
      <div class="bottom-text">

        Belum punya akun?
        <a href="#">
          Hubungi Admin
        </a>

      </div>

    </div>

  </div>

</body>
</html>

script 4

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Kartu SPP</title>

  <!-- Bootstrap 5 -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

  <!-- Bootstrap Icons -->
  <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

  <style>

    body{
      background:#f5f6fa;
      font-family:'Segoe UI', sans-serif;
      padding-bottom:100px;
    }

    /* HEADER */
    .topbar{
      background:#0d6efd;
      color:white;
      padding:22px 20px;
      padding-top:40px;
      border-bottom-left-radius:24px;
      border-bottom-right-radius:24px;
      box-shadow:0 3px 12px rgba(0,0,0,0.08);
    }

    .topbar a{
      color:white;
      text-decoration:none;
    }

    .topbar h4{
      margin:0;
      font-weight:700;
    }

    .topbar i{
      font-size:28px;
    }

    /* PROFILE */
    .profile-box{
      padding:24px 8px 10px;
    }

    .profile-img{
      width:95px;
      height:95px;
      border-radius:50%;
      object-fit:cover;
    }

    .student-name{
      font-size:22px;
      font-weight:700;
      margin-bottom:4px;
    }

    .student-class{
      color:#555;
      font-size:18px;
    }

    /* YEAR */
    .year-select{
      border-radius:16px;
      height:58px;
      font-size:20px;
      border:1px solid #e5e5e5;
      box-shadow:none !important;
    }

    /* MONTH CARD */
    .month-card{
      border-radius:20px;
      padding:22px 10px;
      text-align:center;
      background:white;
      border:1px solid #ededed;
      box-shadow:0 2px 8px rgba(0,0,0,0.03);
      height:100%;
    }

    .month-paid{
      background:#eefaf1;
    }

    .month-unpaid{
      background:#fff4f2;
    }

    .month-title{
      font-size:20px;
      font-weight:700;
      margin-bottom:12px;
    }

    .month-status{
      font-size:15px;
      font-weight:600;
    }

    .paid{
      color:#21a653;
    }

    .unpaid{
      color:#dc3545;
    }

    .normal{
      color:#666;
    }

    /* INFO BOX */
    .info-box{
      background:white;
      border-radius:24px;
      padding:22px;
      margin-top:28px;
      box-shadow:0 3px 12px rgba(0,0,0,0.05);
      border:1px solid #f0f0f0;
    }

    .info-title{
      font-size:22px;
      font-weight:700;
      margin-bottom:20px;
    }

    .info-row{
      display:flex;
      justify-content:space-between;
      margin-bottom:14px;
      font-size:18px;
    }

    .info-total{
      font-weight:700;
      font-size:20px;
      margin-top:10px;
    }

    /* BUTTON */
    .btn-custom{
      width:100%;
      border:none;
      border-radius:18px;
      min-height:58px;
      font-size:22px;
      font-weight:700;
      color:white;
    }

    .btn-pay{
      background:#18c46c;
      box-shadow:0 5px 14px rgba(24,196,108,0.3);
    }

    .btn-wa{
      background:#0d6efd;
      box-shadow:0 5px 14px rgba(13,110,253,0.3);
    }

    /* BOTTOM NAV */
    .bottom-nav{
      position:fixed;
      bottom:0;
      left:0;
      right:0;
      background:white;
      border-top:1px solid #e6e6e6;
      padding:10px 0;
      z-index:999;
    }

    .bottom-nav a{
      text-decoration:none;
      color:#8a8a8a;
      display:flex;
      flex-direction:column;
      align-items:center;
      font-size:13px;
    }

    .bottom-nav i{
      font-size:24px;
      margin-bottom:4px;
    }

    .bottom-nav .active{
      color:#0d6efd;
      font-weight:700;
    }

    @media(max-width:576px){

      .student-name{
        font-size:20px;
      }

      .student-class{
        font-size:15px;
      }

      .month-title{
        font-size:18px;
      }

      .month-status{
        font-size:14px;
      }

      .btn-custom{
        font-size:18px;
      }

      .info-row{
        font-size:16px;
      }

    }

  </style>
</head>
<body>

  <!-- HEADER -->
  <div class="topbar">

    <a href="#"
       class="d-flex align-items-center">

      <i class="bi bi-arrow-left me-3"></i>

      <h4>Kartu SPP</h4>

    </a>

  </div>

  <div class="container">

    <!-- PROFILE -->
    <div class="profile-box">

      <div class="d-flex align-items-center">

        <img src="https://randomuser.me/api/portraits/boys/1.jpg"
             class="profile-img me-3">

        <div>

          <div class="student-name">
            Ahmad Syarif
          </div>

          <div class="student-class">
            English for Kids - Level 1
          </div>

        </div>

      </div>

    </div>

    <!-- YEAR -->
    <div class="d-flex justify-content-between align-items-center mb-4 px-1">

      <h4 class="fw-bold mb-0">
        Tahun
      </h4>

      <div style="width:180px;">
        <select class="form-select year-select">
          <option>2026</option>
          <option>2025</option>
          <option>2024</option>
        </select>
      </div>

    </div>

    <!-- MONTH GRID -->
    <div class="row g-3">

      <div class="col-4">
        <div class="month-card month-paid">
          <div class="month-title">Jan</div>
          <div class="month-status paid">
            <i class="bi bi-check-circle-fill me-1"></i>
            Lunas
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card month-paid">
          <div class="month-title">Feb</div>
          <div class="month-status paid">
            <i class="bi bi-check-circle-fill me-1"></i>
            Lunas
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card month-paid">
          <div class="month-title">Mar</div>
          <div class="month-status paid">
            <i class="bi bi-check-circle-fill me-1"></i>
            Lunas
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card month-paid">
          <div class="month-title">Apr</div>
          <div class="month-status paid">
            <i class="bi bi-check-circle-fill me-1"></i>
            Lunas
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card month-unpaid">
          <div class="month-title">Mei</div>
          <div class="month-status unpaid">
            <i class="bi bi-x-circle me-1"></i>
            Belum Bayar
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card">
          <div class="month-title">Jun</div>
          <div class="month-status normal">
            Belum Bayar
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card">
          <div class="month-title">Jul</div>
          <div class="month-status normal">
            Belum Bayar
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card">
          <div class="month-title">Agu</div>
          <div class="month-status normal">
            Belum Bayar
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card">
          <div class="month-title">Sep</div>
          <div class="month-status normal">
            Belum Bayar
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card">
          <div class="month-title">Okt</div>
          <div class="month-status normal">
            Belum Bayar
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card">
          <div class="month-title">Nov</div>
          <div class="month-status normal">
            Belum Bayar
          </div>
        </div>
      </div>

      <div class="col-4">
        <div class="month-card">
          <div class="month-title">Des</div>
          <div class="month-status normal">
            Belum Bayar
          </div>
        </div>
      </div>

    </div>

    <!-- INFO -->
    <div class="info-box">

      <div class="info-title">
        Informasi Tagihan
      </div>

      <div class="info-row">
        <span>Jumlah Tagihan</span>
        <span>Rp300.000</span>
      </div>

      <div class="info-row">
        <span>Diskon</span>
        <span>Rp0</span>
      </div>

      <div class="info-row info-total">
        <span>Total</span>
        <span>Rp300.000</span>
      </div>

      <!-- BUTTON -->
      <div class="row mt-4 g-3">

        <div class="col-6">
          <button class="btn-custom btn-pay">
            Bayar Sekarang
          </button>
        </div>

        <div class="col-6">
          <button class="btn-custom btn-wa">
            <i class="bi bi-whatsapp me-2"></i>
            Kirim WA
          </button>
        </div>

      </div>

    </div>

  </div>

  <!-- BOTTOM NAV -->
  <div class="bottom-nav">

    <div class="container">

      <div class="row text-center">

        <div class="col">
          <a href="#">
            <i class="bi bi-house"></i>
            Beranda
          </a>
        </div>

        <div class="col">
          <a href="#">
            <i class="bi bi-people"></i>
            Siswa
          </a>
        </div>

        <div class="col">
          <a href="#">
            <i class="bi bi-file-earmark-text"></i>
            Tagihan
          </a>
        </div>

        <div class="col">
          <a href="#" class="active">
            <i class="bi bi-wallet2"></i>
            Pembayaran
          </a>
        </div>

        <div class="col">
          <a href="#">
            <i class="bi bi-list"></i>
            Lainnya
          </a>
        </div>

      </div>

    </div>

  </div>

</body>
</html>

Jumat, 15 Mei 2026

cari penjahit 2

الحِوَارُ

Percakapan

سعيد:
السَّلَامُ عَلَيْكُمْ يَا مُحَمَّدُ.

محمد:
وَعَلَيْكُمُ السَّلَامُ وَرَحْمَةُ اللهِ. أَهْلًا وَسَهْلًا.

سعيد:
كَيْفَ حَالُكَ الْيَوْمَ؟

محمد:
أَنَا بِخَيْرٍ وَلِلَّهِ الْحَمْدُ. وَأَنْتَ؟

سعيد:
بِخَيْرٍ أَيْضًا. يَا مُحَمَّدُ، أُرِيدُ أَنْ أَسْأَلَكَ عَنْ شَيْءٍ.

محمد:
تَفَضَّلْ.

سعيد:
زَوْجَتِي تُرِيدُ تَفْصِيلَ عَبَايَةٍ جَدِيدَةٍ، وَأَبْحَثُ عَنْ خَيَّاطَةٍ مُجِيدَةٍ.

محمد:
فَهِمْتُ. هُنَاكَ خَيَّاطَةٌ مَعْرُوفَةٌ فِي حَيِّنَا، وَكَثِيرٌ مِنَ النِّسَاءِ يَذْهَبْنَ إِلَيْهَا.

سعيد:
هَلْ هِيَ سَرِيعَةٌ فِي الْعَمَلِ؟

محمد:
نَعَمْ، وَعَمَلُهَا جَمِيلٌ جِدًّا أَيْضًا.

سعيد:
كَمْ تَأْخُذُ عَلَى الْعَبَايَةِ الْوَاحِدَةِ؟

محمد:
يَخْتَلِفُ السِّعْرُ بِحَسَبِ النَّوْعِ وَالْقُمَاشِ، لَكِنَّهَا لَيْسَتْ غَالِيَةً.

سعيد:
جَيِّدٌ جِدًّا. هَلْ يُمْكِنُ أَنْ تَدُلَّنِي عَلَى مَكَانِهَا؟

محمد:
نَعَمْ، سَأَذْهَبُ مَعَكَ إِلَيْهَا بَعْدَ الْعَصْرِ إِنْ شَاءَ اللهُ.

سعيد:
شُكْرًا لَكَ يَا أَخِي.

محمد:
لَا شُكْرَ عَلَى وَاجِبٍ.


Terjemahan

Sa’id:
Assalamu’alaikum wahai Muhammad.

Muhammad:
Wa’alaikumussalam warahmatullah. Selamat datang.

Sa’id:
Bagaimana kabarmu hari ini?

Muhammad:
Aku baik alhamdulillah. Dan kamu?

Sa’id:
Baik juga. Wahai Muhammad, aku ingin bertanya sesuatu kepadamu.

Muhammad:
Silakan.

Sa’id:
Istriku ingin membuat abaya baru, dan aku sedang mencari penjahit wanita yang bagus.

Muhammad:
Aku paham. Ada seorang penjahit wanita terkenal di kampung kami, dan banyak wanita pergi kepadanya.

Sa’id:
Apakah dia cepat dalam bekerja?

Muhammad:
Ya, dan hasil jahitannya juga sangat bagus.

Sa’id:
Berapa ongkos untuk satu abaya?

Muhammad:
Harganya berbeda tergantung jenis dan kainnya, tetapi dia tidak mahal.

Sa’id:
Bagus sekali. Bisakah kamu menunjukkan tempatnya kepadaku?

Muhammad:
Ya, aku akan pergi bersamamu menemuinya setelah Ashar insyaAllah.

Sa’id:
Terima kasih wahai saudaraku.

Muhammad:
Tidak perlu berterima kasih.

cari penjahit 1

الحِوَارُ

Percakapan

أحمد:
السَّلَامُ عَلَيْكُمْ يَا خَالِدُ.
Ahmad:
Assalamu’alaikum wahai Khalid.

خالد:
وَعَلَيْكُمُ السَّلَامُ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ. كَيْفَ حَالُكَ؟
Khalid:
Wa’alaikumussalam warahmatullahi wabarakatuh. Bagaimana kabarmu?

أحمد:
أَنَا بِخَيْرٍ، الحَمْدُ للهِ. عِنْدِي طَلَبٌ مِنْكَ.
Ahmad:
Aku baik, alhamdulillah. Aku punya permintaan kepadamu.

خالد:
تَفَضَّلْ، مَا هُوَ؟
Khalid:
Silakan, apa itu?

أحمد:
هَلْ تَعْرِفُ خَيَّاطَةً جَيِّدَةً لِلنِّسَاءِ؟ زَوْجَتِي تُرِيدُ أَنْ تَخِيطَ فُسْتَانًا جَدِيدًا.
Ahmad:
Apakah kamu mengenal penjahit wanita yang bagus? Istriku ingin membuat gaun/baju baru.

خالد:
نَعَمْ، أَعْرِفُ خَيَّاطَةً مَاهِرَةً قَرِيبَةً مِنْ بَيْتِي.
Khalid:
Ya, aku mengenal penjahit wanita yang mahir dekat rumahku.

أحمد:
مُمْتَازٌ. هَلْ عَمَلُهَا جَيِّدٌ وَأُجْرَتُهَا مُنَاسِبَةٌ؟
Ahmad:
Bagus sekali. Apakah hasil kerjanya bagus dan ongkosnya terjangkau?

خالد:
نَعَمْ، خِيَاطَتُهَا مُتْقَنَةٌ، وَأُجْرَتُهَا مَعْقُولَةٌ أَيْضًا.
Khalid:
Ya, jahitannya rapi, dan biayanya juga masuk akal.

أحمد:
جَزَاكَ اللهُ خَيْرًا. هَلْ يُمْكِنُكَ أَنْ تُعْطِيَنِي رَقْمَهَا؟
Ahmad:
Semoga Allah membalasmu dengan kebaikan. Bisakah kamu memberiku nomornya?

خالد:
بِكُلِّ سُرُورٍ، سَأُرْسِلُهُ لَكَ بَعْدَ قَلِيلٍ.
Khalid:
Dengan senang hati, nanti akan kukirimkan kepadamu sebentar lagi.

أحمد:
بَارَكَ اللهُ فِيكَ.
Ahmad:
Semoga Allah memberkahimu.

خالد:
وَفِيكَ بَارَكَ اللهُ.
Khalid:
Dan semoga Allah juga memberkahimu.

Kamis, 14 Mei 2026

hiwar 8

الحِوَارُ

Percakapan

الزَّوْجُ:
يَا زَوْجَتِي، لِمَاذَا تَسْتَيْقِظِينَ مُبَكِّرًا الْيَوْمَ؟

الزَّوْجَةُ:
لِأَنِّي أُرِيدُ تَنْظِيفَ الْبَيْتِ قَبْلَ مَجِيءِ الضُّيُوفِ.

الزَّوْجُ:
إِذًا سَأُسَاعِدُكِ. مِنْ أَيْنَ نَبْدَأُ؟

الزَّوْجَةُ:
اِبْدَأْ بِتَرْتِيبِ غُرْفَةِ الطَّعَامِ، وَضَعِ الصُّحُونَ فِي الْخِزَانَةِ.

الزَّوْجُ:
حَسَنًا. وَأَيْنَ أَضَعُ الْأَكْوَابَ وَالْمَلَاعِقَ؟

الزَّوْجَةُ:
ضَعْهَا فِي الدُّرْجِ الَّذِي بِجَانِبِ الثَّلَّاجَةِ.

الزَّوْجُ:
أَرَى الْأَرِيكَةَ مُتَّسِخَةً قَلِيلًا.

الزَّوْجَةُ:
نَعَمْ، نَظِّفْهَا بِالْمِكْنَسَةِ الْكَهْرَبَائِيَّةِ.

الزَّوْجُ:
وَمَاذَا عَنِ السِّجَّادَةِ فِي الْمَمَرِّ؟

الزَّوْجَةُ:
خُذْهَا إِلَى السَّاحَةِ وَانْفُضْهَا جَيِّدًا.

الزَّوْجُ:
حَسَنًا. وَهَذَا الْمِصْبَاحُ فِي غُرْفَةِ النَّوْمِ لَا يَعْمَلُ.

الزَّوْجَةُ:
لَعَلَّ الْمِصْبَاحَ احْتَرَقَ، سَنُغَيِّرُهُ بَعْدَ قَلِيلٍ.

الزَّوْجُ:
أَيْنَ سَاعَةُ الْحَائِطِ؟ لَا أَرَاهَا فِي مَكَانِهَا.

الزَّوْجَةُ:
نَزَعَهَا ابْنُنَا الصَّغِيرُ وَوَضَعَهَا فِي غُرْفَةِ الْأَطْفَالِ.

الزَّوْجُ:
هٰذَا الْوَلَدُ يُحِبُّ تَغْيِيرَ الْأَشْيَاءِ دَائِمًا!

الزَّوْجَةُ:
نَعَمْ، وَلٰكِنَّهُ يُسْعِدُنَا أَيْضًا.


Terjemahan

Suami:
Wahai istriku, mengapa kamu bangun pagi sekali hari ini?

Istri:
Karena saya ingin membersihkan rumah sebelum tamu datang.

Suami:
Kalau begitu saya akan membantumu. Dari mana kita mulai?

Istri:
Mulailah dengan merapikan ruang makan, dan letakkan piring-piring di lemari.

Suami:
Baik. Lalu di mana saya meletakkan gelas dan sendok?

Istri:
Letakkan di laci yang berada di samping kulkas.

Suami:
Saya melihat sofa itu agak kotor.

Istri:
Ya, bersihkan dengan penyedot debu.

Suami:
Bagaimana dengan karpet di lorong?

Istri:
Bawa ke halaman dan kibaskan dengan baik.

Suami:
Baik. Dan lampu di kamar tidur ini tidak menyala.

Istri:
Mungkin lampunya sudah putus, nanti kita ganti sebentar lagi.

Suami:
Di mana jam dinding? Saya tidak melihatnya di tempat biasa.

Istri:
Anak kecil kita melepasnya dan meletakkannya di kamar anak-anak.

Suami:
Anak itu suka memindahkan barang-barang terus!

Istri:
Ya, tetapi dia juga membuat kita bahagia.

hiwar 7

الحِوَارُ

Percakapan

الزَّوْجُ:
السَّلَامُ عَلَيْكِ يَا زَوْجَتِي، مَاذَا تَفْعَلِينَ؟

الزَّوْجَةُ:
وَعَلَيْكَ السَّلَامُ. أَنَا أُنَظِّفُ غُرْفَةَ الْجُلُوسِ.

الزَّوْجُ:
هَلْ تَحْتَاجِينَ إِلَى مُسَاعَدَةٍ؟

الزَّوْجَةُ:
نَعَمْ، مِنْ فَضْلِكَ نَظِّفِ الْمِرْوَحَةَ وَامْسَحِ الطَّاوِلَةَ.

الزَّوْجُ:
حَسَنًا. أَيْنَ الْمِنْشَفَةُ وَالْمِكْنَسَةُ؟

الزَّوْجَةُ:
الْمِنْشَفَةُ فِي الْمَطْبَخِ، وَالْمِكْنَسَةُ خَلْفَ الْبَابِ.

الزَّوْجُ:
لِمَاذَا هُنَاكَ كُتُبٌ كَثِيرَةٌ عَلَى الْأَرْضِ؟

الزَّوْجَةُ:
هَذِهِ كُتُبُ الْأَوْلَادِ، ضَعْهَا فِي رَفِّ الْكُتُبِ فِي غُرْفَةِ الدِّرَاسَةِ.

الزَّوْجُ:
حَسَنًا. وَمَاذَا عَنِ الْمَلَابِسِ الَّتِي عَلَى السَّرِيرِ؟

الزَّوْجَةُ:
سَأَضَعُهَا فِي خِزَانَةِ الْمَلَابِسِ فِي غُرْفَةِ النَّوْمِ.

الزَّوْجُ:
بَعْدَ ذَلِكَ سَأُنَظِّفُ الْحَمَّامَ وَأَمْسَحُ النَّافِذَةَ.

الزَّوْجَةُ:
جَيِّدٌ، وَأَنَا سَأُرَتِّبُ الْمَطْبَخَ وَأَغْسِلُ الْأَطْبَاقَ.

الزَّوْجُ:
الْبَيْتُ سَيَصِيرُ جَمِيلًا وَنَظِيفًا الْيَوْمَ.

الزَّوْجَةُ:
نَعَمْ، وَالنَّظَافَةُ تُرِيحُ النَّفْسَ.


Terjemahan

Suami:
Assalamu’alaikum istriku, sedang apa kamu?

Istri:
Wa’alaikumussalam. Saya sedang membersihkan ruang tamu.

Suami:
Apakah kamu membutuhkan bantuan?

Istri:
Ya, tolong bersihkan kipas angin dan lap meja itu.

Suami:
Baik. Di mana handuk lap dan sapunya?

Istri:
Handuk lap ada di dapur, dan sapunya di belakang pintu.

Suami:
Mengapa ada banyak buku di lantai?

Istri:
Itu buku-buku anak-anak, letakkan di rak buku di ruang belajar.

Suami:
Baik. Lalu bagaimana dengan pakaian yang ada di atas tempat tidur?

Istri:
Saya akan meletakkannya di lemari pakaian di kamar tidur.

Suami:
Setelah itu saya akan membersihkan kamar mandi dan mengelap jendela.

Istri:
Bagus, dan saya akan merapikan dapur serta mencuci piring.

Suami:
Rumah ini akan menjadi indah dan bersih hari ini.

Istri:
Ya, dan kebersihan membuat hati nyaman.

hiwar 6

الحِوَارُ

Percakapan

الطالب:
السَّلَامُ عَلَيْكُمْ يَا عَمِّ.

مُوَظَّفُ الْمُسْتَوْدَعِ:
وَعَلَيْكُمُ السَّلَامُ وَرَحْمَةُ اللهِ. مَرْحَبًا، مَاذَا تُرِيدُ؟

الطالب:
أُرِيدُ أَنْ أَشْتَرِيَ زِيًّا مَدْرَسِيًّا وَقُفْلًا لِلْخِزَانَةِ.

مُوَظَّفُ الْمُسْتَوْدَعِ:
حَسَنًا، مَا مِقْيَاسُ الزِّيِّ الَّذِي تُرِيدُهُ؟

الطالب:
لَا أَدْرِي بِالضَّبْطِ، لَعَلَّ الْمِقْيَاسَ الْمُتَوَسِّطَ يُنَاسِبُنِي.

مُوَظَّفُ الْمُسْتَوْدَعِ:
تَفَضَّلْ، جَرِّبْ هَذَا أَوَّلًا لِلتَّأَكُّدِ.

الطالب:
حَسَنًا، سَأُجَرِّبُهُ.

مُوَظَّفُ الْمُسْتَوْدَعِ:
كَيْفَ هُوَ؟ هَلْ هُوَ مُنَاسِبٌ؟

الطالب:
نَعَمْ، وَلَكِنَّ الْكُمَّ قَصِيرٌ قَلِيلًا.

مُوَظَّفُ الْمُسْتَوْدَعِ:
إِذًا جَرِّبِ الْمِقْيَاسَ الْكَبِيرَ.

الطالب:
نَعَمْ، هَذَا أَفْضَلُ وَأَرْيَحُ.

مُوَظَّفُ الْمُسْتَوْدَعِ:
جَيِّدٌ. وَهَذَا الْقُفْلُ مَتِينٌ وَجَيِّدٌ لِلْخِزَانَةِ.

الطالب:
مُمْتَازٌ، سَآخُذُهُمَا.

مُوَظَّفُ الْمُسْتَوْدَعِ:
الْمَجْمُوعُ خَمْسَةٌ وَسَبْعُونَ أَلْفَ رُوبِيَّةٍ.

الطالب:
تَفَضَّلْ بِالنُّقُودِ.

مُوَظَّفُ الْمُسْتَوْدَعِ:
شُكْرًا، بَارَكَ اللهُ فِيكَ.

الطالب:
وَفِيكَ بَارَكَ اللهُ.


Terjemahan

Santri:
Assalamu’alaikum pak.

Pegawai Gudang:
Wa’alaikumussalam warahmatullah. Selamat datang, kamu ingin apa?

Santri:
Saya ingin membeli seragam sekolah dan gembok untuk lemari.

Pegawai Gudang:
Baik, ukuran seragam apa yang kamu inginkan?

Santri:
Saya tidak tahu pasti, mungkin ukuran sedang cocok untuk saya.

Pegawai Gudang:
Silakan, coba ini dulu untuk memastikan.

Santri:
Baik, akan saya coba.

Pegawai Gudang:
Bagaimana? Apakah cocok?

Santri:
Ya, tetapi lengannya agak sedikit pendek.

Pegawai Gudang:
Kalau begitu coba ukuran besar.

Santri:
Ya, yang ini lebih baik dan lebih nyaman.

Pegawai Gudang:
Bagus. Dan gembok ini kuat dan bagus untuk lemari.

Santri:
Bagus sekali, saya akan mengambil keduanya.

Pegawai Gudang:
Totalnya tujuh puluh lima ribu rupiah.

Santri:
Silakan uangnya.

Pegawai Gudang:
Terima kasih, semoga Allah memberkahimu.

Santri:
Dan semoga Allah juga memberkahi bapak.

hiwar 5

الحِوَارُ

Percakapan

الطالب:
السَّلَامُ عَلَيْكُمْ يَا عَمِّ.

مُوَظَّفُ الْمُسْتَوْدَعِ:
وَعَلَيْكُمُ السَّلَامُ وَرَحْمَةُ اللهِ. مَاذَا تُرِيدُ يَا بُنَيَّ؟

الطالب:
أُرِيدُ أَنْ أَشْتَرِيَ قُفْلًا وَزِيًّا مَدْرَسِيًّا.

مُوَظَّفُ الْمُسْتَوْدَعِ:
حَسَنًا، مَا مِقْيَاسُ الزِّيِّ الَّذِي تُرِيدُهُ؟

الطالب:
أُرِيدُ الْمِقْيَاسَ الْكَبِيرَ، مِنْ فَضْلِكَ.

مُوَظَّفُ الْمُسْتَوْدَعِ:
تَفَضَّلْ، هَذَا الزِّيُّ مُنَاسِبٌ لَكَ عَلَى مَا أَظُنُّ.

الطالب:
نَعَمْ، هُوَ مُنَاسِبٌ. وَكَمْ سِعْرُ الْقُفْلِ؟

مُوَظَّفُ الْمُسْتَوْدَعِ:
سِعْرُهُ خَمْسَةَ عَشَرَ أَلْفَ رُوبِيَّةٍ.

الطالب:
حَسَنًا، سَآخُذُهُ مَعَ الزِّيِّ.

مُوَظَّفُ الْمُسْتَوْدَعِ:
هَلْ تُرِيدُ شَيْئًا آخَرَ؟

الطالب:
لَا، هَذَا فَقَطْ. كَمِ الْمَجْمُوعُ؟

مُوَظَّفُ الْمُسْتَوْدَعِ:
الْمَجْمُوعُ سَبْعُونَ أَلْفَ رُوبِيَّةٍ.

الطالب:
تَفَضَّلْ يَا عَمِّ.

مُوَظَّفُ الْمُسْتَوْدَعِ:
شُكْرًا، بَارَكَ اللهُ فِيكَ.

الطالب:
وَفِيكَ بَارَكَ اللهُ.


Terjemahan

Santri:
Assalamu’alaikum pak.

Pegawai Gudang:
Wa’alaikumussalam warahmatullah. Apa yang kamu inginkan nak?

Santri:
Saya ingin membeli gembok dan seragam sekolah.

Pegawai Gudang:
Baik, ukuran seragam apa yang kamu inginkan?

Santri:
Saya ingin ukuran besar, tolong.

Pegawai Gudang:
Silakan, saya kira seragam ini cocok untukmu.

Santri:
Ya, ini cocok. Berapa harga gemboknya?

Pegawai Gudang:
Harganya lima belas ribu rupiah.

Santri:
Baik, saya akan mengambilnya bersama seragamnya.

Pegawai Gudang:
Apakah kamu ingin yang lain?

Santri:
Tidak, hanya ini saja. Berapa totalnya?

Pegawai Gudang:
Totalnya tujuh puluh ribu rupiah.

Santri:
Silakan pak.

Pegawai Gudang:
Terima kasih, semoga Allah memberkahimu.

Santri:
Dan semoga Allah juga memberkahi bapak.

hiwar 4

الحِوَارُ

Percakapan

الموظَّف:
السَّلَامُ عَلَيْكُمْ يَا أُسْتَاذُ.

الأستاذ:
وَعَلَيْكُمُ السَّلَامُ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ.

الموظَّف:
تَفَضَّلْ يَا أُسْتَاذُ، هَلْ تُرِيدُ شَيْئًا مِنَ الْمُسْتَوْدَعِ؟

الأستاذ:
نَعَمْ، جِئْتُ لِآخُذَ بَعْضَ الْكُتُبِ.

الموظَّف:
يَا أُسْتَاذُ، هُنَاكَ بَعْضُ أَوْرَاقِ الْأَسْئِلَةِ الَّتِي تَرَكْتُمُوهَا هُنَا أَمْسِ.

الأستاذ:
أَحَقًّا؟ لَمْ أَنْتَبِهْ إِلَى ذَلِكَ.

الموظَّف:
نَعَمْ، وَضَعْتُهَا فِي هَذَا الدُّرْجِ حِفْظًا لَهَا.

الأستاذ:
جَزَاكَ اللهُ خَيْرًا عَلَى اهْتِمَامِكَ.

الموظَّف:
لَا شُكْرَ عَلَى وَاجِبٍ يَا أُسْتَاذُ، خِفْتُ أَنْ تَضِيعَ الْأَوْرَاقُ.

الأستاذ:
أَحْسَنْتَ، هَذِهِ الْأَوْرَاقُ مُهِمَّةٌ لِلِاخْتِبَارِ.

الموظَّف:
الْحَمْدُ للهِ أَنَّهَا مَا زَالَتْ مَوْجُودَةً.

الأستاذ:
بَارَكَ اللهُ فِيكَ وَفِي عَمَلِكَ.

الموظَّف:
وَفِيكُم بَارَكَ اللهُ يَا أُسْتَاذُ.


Terjemahan

Pegawai:
Assalamu’alaikum wahai Ustadz.

Ustadz:
Wa’alaikumussalam warahmatullahi wabarakatuh.

Pegawai:
Silakan Ustadz, apakah ingin mengambil sesuatu dari gudang?

Ustadz:
Ya, saya datang untuk mengambil beberapa buku.

Pegawai:
Wahai Ustadz, ada beberapa berkas soal yang Ustadz tinggalkan di sini kemarin.

Ustadz:
Benarkah? Saya tidak menyadarinya.

Pegawai:
Ya, saya menyimpannya di laci ini agar aman.

Ustadz:
Semoga Allah membalasmu dengan kebaikan atas perhatianmu.

Pegawai:
Tidak perlu berterima kasih Ustadz, saya khawatir berkas itu hilang.

Ustadz:
Bagus sekali, berkas-berkas ini penting untuk ujian.

Pegawai:
Alhamdulillah berkasnya masih ada.

Ustadz:
Semoga Allah memberkahi dirimu dan pekerjaanmu.

Pegawai:
Dan semoga Allah juga memberkahi Ustadz.

hiwar 3

الحِوَارُ

Percakapan

الطالب:
يَا أُسْتَاذُ، أَيْنَ الْمِفْتَاحُ؟

الموظَّف:
يَا بُنَيَّ، لِمَاذَا دَخَلْتَ بِدُونِ سَلَامٍ؟

الطالب:
آسِفٌ يَا أُسْتَاذُ، نَسِيتُ أَنْ أُسَلِّمَ.

الموظَّف:
السَّلَامُ مِنْ آدَابِ الْإِسْلَامِ، وَلَا يَنْبَغِي لِلطَّالِبِ أَنْ يَدْخُلَ مَكَانًا بِدُونِ سَلَامٍ وَاسْتِئْذَانٍ.

الطالب:
نَعَمْ يَا أُسْتَاذُ، سَأَنْتَبِهُ بَعْدَ هَذَا.

الموظَّف:
إِذَا أَرَدْتَ الدُّخُولَ فَقُلْ: السَّلَامُ عَلَيْكُمْ، ثُمَّ اسْتَأْذِنْ.

الطالب:
حَسَنًا يَا أُسْتَاذُ. السَّلَامُ عَلَيْكُمْ، هَلْ أَسْتَطِيعُ الدُّخُولَ؟

الموظَّف:
وَعَلَيْكُمُ السَّلَامُ وَرَحْمَةُ اللهِ. نَعَمْ، تَفَضَّلْ.

الطالب:
جَزَاكُمُ اللهُ خَيْرًا عَلَى النَّصِيحَةِ.

الموظَّف:
وَإِيَّاكَ، وَاحْرِصْ عَلَى الْأَدَبِ دَائِمًا يَا بُنَيَّ.


Terjemahan

Santri:
Wahai Ustadz, di mana kuncinya?

Karyawan:
Wahai anakku, mengapa kamu masuk tanpa salam?

Santri:
Maaf Ustadz, saya lupa mengucapkan salam.

Karyawan:
Salam termasuk adab Islam, dan tidak pantas bagi seorang pelajar masuk ke suatu tempat tanpa salam dan izin.

Santri:
Ya Ustadz, setelah ini saya akan lebih memperhatikannya.

Karyawan:
Jika kamu ingin masuk, maka ucapkanlah: “Assalamu’alaikum,” lalu mintalah izin.

Santri:
Baik Ustadz. Assalamu’alaikum, bolehkah saya masuk?

Karyawan:
Wa’alaikumussalam warahmatullah. Ya, silakan masuk.

Santri:
Semoga Allah membalas Ustadz dengan kebaikan atas nasihatnya.

Karyawan:
Dan kepadamu juga. Jagalah adab selalu wahai anakku.

Selasa, 12 Mei 2026

bainal ustadz wa muwadzof 2

الحِوَارُ

Percakapan

الموظَّف:
السَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ يَا أُسْتَاذُ.

الأستاذ:
وَعَلَيْكُمُ السَّلَامُ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ. أَهْلًا وَسَهْلًا.

الموظَّف:
كَيْفَ حَالُكُمْ بَعْدَ الدَّرْسِ؟

الأستاذ:
بِخَيْرٍ وَلِلَّهِ الْحَمْدُ. لَقَدْ كَانَ الدَّرْسُ مُفِيدًا الْيَوْمَ.

الموظَّف:
نَعَمْ، سَمِعْتُ أَنَّ الطُّلَّابَ كَانُوا مُنْتَبِهِينَ جِدًّا.

الأستاذ:
صَحِيحٌ، وَهَذَا يُفْرِحُنِي كَثِيرًا.

الموظَّف:
هَلْ تَحْتَاجُونَ إِلَى شَيْءٍ يَا أُسْتَاذُ؟

الأستاذ:
جَزَاكَ اللهُ خَيْرًا، أُرِيدُ فَقَطْ بَعْضَ الْمَاءِ.

الموظَّف:
حَاضِرٌ، سَأُحْضِرُهُ لَكُمْ حَالًا.

الأستاذ:
شُكْرًا لَكَ عَلَى خِدْمَتِكَ وَحُسْنِ تَعَامُلِكَ.

الموظَّف:
هَذَا مِنْ وَاجِبِي يَا أُسْتَاذُ.

الأستاذ:
بَارَكَ اللهُ فِيكَ وَوَفَّقَكَ.

الموظَّف:
آمِينَ، وَفِيكُمْ بَارَكَ اللهُ.


Terjemahan

Karyawan:
Assalamu’alaikum warahmatullah wahai Ustadz.

Ustadz:
Wa’alaikumussalam warahmatullahi wabarakatuh. Selamat datang.

Karyawan:
Bagaimana keadaan Ustadz setelah pelajaran?

Ustadz:
Baik alhamdulillah. Pelajaran hari ini sangat bermanfaat.

Karyawan:
Ya, saya mendengar para santri sangat memperhatikan pelajaran.

Ustadz:
Benar, dan itu sangat membuat saya senang.

Karyawan:
Apakah Ustadz membutuhkan sesuatu?

Ustadz:
Semoga Allah membalasmu dengan kebaikan, saya hanya ingin sedikit air.

Karyawan:
Baik, akan saya bawakan sekarang juga.

Ustadz:
Terima kasih atas pelayanan dan sikap baikmu.

Karyawan:
Itu sudah menjadi kewajiban saya, Ustadz.

Ustadz:
Semoga Allah memberkahimu dan memberimu taufik.

Karyawan:
Aamiin, dan semoga Allah juga memberkahi Ustadz.

hiwar bainal ustadz wa muwadzof

الحِوَارُ

Percakapan

الموظَّف:
السَّلَامُ عَلَيْكُمْ يَا أُسْتَاذُ.

الأستاذ:
وَعَلَيْكُمُ السَّلَامُ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ. كَيْفَ حَالُكَ يَا أَخِي؟

الموظَّف:
أَنَا بِخَيْرٍ وَلِلَّهِ الْحَمْدُ. هَلْ فَرَغْتُمْ مِنَ الدَّرْسِ الآنَ؟

الأستاذ:
نَعَمْ، انْتَهَيْتُ مِنْ تَدْرِيسِ الطُّلَّابِ قَبْلَ قَلِيلٍ.

الموظَّف:
كَيْفَ كَانَ الدَّرْسُ الْيَوْمَ؟

الأستاذ:
كَانَ الدَّرْسُ جَيِّدًا، وَالطُّلَّابُ كَانُوا نَشِيطِينَ الْيَوْمَ.

الموظَّف:
الْحَمْدُ للهِ. نَسْأَلُ اللهَ أَنْ يُبَارِكَ فِي عِلْمِكُمْ وَتَعْلِيمِكُمْ.

الأستاذ:
آمِينَ، وَفِيكُمْ بَارَكَ اللهُ.

الموظَّف:
يَا أُسْتَاذُ، يُرِيدُ مُدِيرُ الْمَعْهَدِ أَنْ يَلْتَقِيَ بِكُمْ بَعْدَ الظُّهْرِ.

الأستاذ:
حَسَنًا، سَأَذْهَبُ إِلَيْهِ بَعْدَ الصَّلَاةِ إِنْ شَاءَ اللهُ.

الموظَّف:
جَزَاكُمُ اللهُ خَيْرًا.

الأستاذ:
وَإِيَّاكُمْ، بَارَكَ اللهُ فِيكُمْ.


Terjemahan

Karyawan:
Assalamu’alaikum wahai Ustadz.

Ustadz:
Wa’alaikumussalam warahmatullahi wabarakatuh. Bagaimana kabarmu saudaraku?

Karyawan:
Saya baik alhamdulillah. Apakah Ustadz baru selesai mengajar sekarang?

Ustadz:
Ya, saya baru selesai mengajar para santri beberapa saat yang lalu.

Karyawan:
Bagaimana pelajaran hari ini?

Ustadz:
Pelajarannya baik, dan para santri sangat semangat hari ini.

Karyawan:
Alhamdulillah. Kami memohon kepada Allah agar memberkahi ilmu dan pengajaran Ustadz.

Ustadz:
Aamiin, dan semoga Allah memberkahi kalian juga.

Karyawan:
Wahai Ustadz, direktur pesantren ingin bertemu dengan Ustadz setelah Zuhur.

Ustadz:
Baiklah, saya akan menemuinya setelah shalat insyaAllah.

Karyawan:
Semoga Allah membalas Ustadz dengan kebaikan.

Ustadz:
Dan kepada kalian juga, semoga Allah memberkahi kalian.

Jumat, 08 Mei 2026

hiwar

الحِوَارُ

Percakapan

علي:
السَّلَامُ عَلَيْكُمْ يَا حَسَنُ.

حسن:
وَعَلَيْكُمُ السَّلَامُ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ. مَرْحَبًا يَا عَلِيُّ.

علي:
يَا حَسَنُ، هَلْ أَسْتَطِيعُ أَنْ أَطْلُبَ مِنْكَ مُسَاعَدَةً؟

حسن:
نَعَمْ، بِكُلِّ سُرُورٍ. مَا الْأَمْرُ؟

علي:
زَوْجَتِي تُرِيدُ خِيَاطَةَ ثَوْبٍ جَدِيدٍ لِلْعِيدِ، وَلَكِنَّنِي لَا أَعْرِفُ خَيَّاطَةً مُنَاسِبَةً.

حسن:
لَا تَقْلَقْ، أَعْرِفُ خَيَّاطَةً مُتْقِنَةً وَأَخْلَاقُهَا طَيِّبَةٌ.

علي:
هَلْ هِيَ قَرِيبَةٌ مِنْ هُنَا؟

حسن:
نَعَمْ، مَحَلُّهَا فِي السُّوقِ الْجَدِيدِ بِجَانِبِ مَكْتَبَةِ النُّورِ.

علي:
هَلْ تُنْهِـي الْعَمَلَ قَبْلَ الْعِيدِ؟

حسن:
إِنْ شَاءَ اللهُ، إِذَا ذَهَبْتَ إِلَيْهَا مُبَكِّرًا.

علي:
حَسَنًا، سَأَذْهَبُ غَدًا مَعَ زَوْجَتِي.

حسن:
وَلَا تَنْسَ أَنْ تَأْخُذَ الْقُمَاشَ مَعَكَ.

علي:
صَحِيحٌ، شُكْرًا عَلَى تَذْكِيرِكَ وَمُسَاعَدَتِكَ.

حسن:
عَفْوًا، وَأَسْأَلُ اللهَ أَنْ يُبَارِكَ لَكُمَا.


Terjemahan

Ali:
Assalamu’alaikum wahai Hasan.

Hasan:
Wa’alaikumussalam warahmatullahi wabarakatuh. Selamat datang wahai Ali.

Ali:
Wahai Hasan, bolehkah aku meminta bantuan darimu?

Hasan:
Ya, dengan senang hati. Ada apa?

Ali:
Istriku ingin menjahit baju baru untuk hari raya, tetapi aku tidak mengenal penjahit wanita yang cocok.

Hasan:
Jangan khawatir, aku mengenal penjahit wanita yang jahitannya rapi dan akhlaknya baik.

Ali:
Apakah tempatnya dekat dari sini?

Hasan:
Ya, tokonya berada di pasar baru di samping Toko Buku An-Nur.

Ali:
Apakah dia bisa menyelesaikan pekerjaannya sebelum hari raya?

Hasan:
InsyaAllah, jika kamu pergi kepadanya lebih awal.

Ali:
Baiklah, besok aku akan pergi bersama istriku.

Hasan:
Dan jangan lupa membawa kain bersamamu.

Ali:
Benar juga, terima kasih atas pengingat dan bantuanmu.

Hasan:
Sama-sama, semoga Allah memberkahi kalian berdua.

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Press Release Distribution