Membuat Template Halaman Sederhana Dengan HTML dan CSS (Part II)

Membuat Template Halaman Sederhana Dengan HTML dan CSS (Part II)


www.widiantocoder.my.id

www.widiantocoder.my.id



Buat Sebuah file dengan nama home.php salin kode dibawah ini !! 

<?php
session_start();
?>
<!DOCTYPE html>
<html>
<head>
    <title>TKQ Al-Muslimin</title>
    <link rel="stylesheet" href="assets/css/style.css">
</head>
  <body>
  <div class="navbar">            
    </div>
        <div class="sidebar" id="sidebar">
                <div class="logo-sidebar">
                <a href="home.php" class="logo"><h6>TKQ AL- Muslimin</h6></a>
        </div>
        <!-- ======== MENU PADA SIDEBAR ============ -->
      <ul class="nav-sidebar">
                <!-- <hr class="line"> artinya garis -->
          <hr class="line">
        <li class="li-sidebar">
                <!-- <a href ="home.php"> link halaman -->
                <a href="home.php">Home</a>
        </li>
          <hr class="line">
        <li class="li-sidebar">
                <a href="lihat/suratmasuk.php"> Surat Masuk </a>
        </li>
          <hr class="line">
        <li class="li-sidebar">
                <a href="surat_keluar/index.php"> Surat Keluar </a>
        </li>
          <hr class="line">
       <li class="li-sidebar">
               <a href="adm/keluar.php"onclick="return confirm('Anda yakin Ingin Keluar ?')"> Logout </a>
           <li class="li-sidebar">
        </li>
        </ul>
</div>
 <!-- =============================== HEADER =============================== -->
  <div class="container">
  <div class="text-container">
<h2>APLIKASI INPUT PEMBUKUAN AGENDA SURAT MASUK DAN SURAT KELUAR</h2>
  </div>
  <div class="text-level">
  <br>
  </div>
  <div class="section">
  <br><br>
        <div class="logo-content">
                <img src="poto/CBI.png"height="295px"width="285px">
             
        <div>               
        <hr class="line" style="width: 164%; margin-left: -63%;"> <!-- syntax garis -->
        <div class="content">
 <!-- Syntax PHP -->
   <?php
   include'koneksi.php';
   $data = mysqli_query($config,"SELECT * FROM suratmasuk");   
   while($d = mysqli_fetch_array($data));
   ?>
     <font size="5">  
       <!-- mysqli_num_rows (menghitung jumlah nilai yang ada pada tabel) -->
       Surat Masuk :<?php echo mysqli_num_rows($data) ?>      
     </font>       
        <a href="lihat/suratmasuk.php"> <!-- syntax link-->
        <img src="poto/suratkeluar.png"height="110px"/> <!-- img src(untuk memunculkan foto)--->              
        </a>
        <a href="suratkeluar/index.php">
        <img src="poto/suratmasuk.jpg"height="110px"/>    
        </a>
<!-- Syntax PHP -->
   <?php  
   $data = mysqli_query($config,"SELECT * FROM suratkeluar");   
   while($d = mysqli_fetch_array($data));
   ?>
     <font size="5">
      Surat Keluar :<?php echo mysqli_num_rows($data) ?>
     </font>
           </div>
          </div>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

Inilah alur pembuatan SIP/SIK Perekam Medis secara online di Kota atau Kabupaten Cirebon tahun 2022 ! bisa lewat HP dan Laptop

Image
  Surat Izin Praktek (SIP) atau Surat Izin Kerja (SIK) sangatlah penting bagi seorang tenaga Kesehatan, termasuk seorang Perekam Medis dan Informasi Kesehatan (PMIK) yang notabenya merupakan seorang tenaga Kesehatan, meskipun seorang PMIK masuk dalam kategori Nakes Teknisi, tidak menuntut juga harus membuat SIK. Untuk dinyatakan sebagai PMIK seseorang harus memiliki Surat Izin Kerja Perekam Medis yang selanjutnya disingkat SIK Perekam Medis sebagai bukti tertulis yang diberikan untuk menjalankan pekerjaan rekam medis dan informasi kesehatan pada fasilitas pelayanan kesehatan. Untuk dapat melaksanakan pekerjaan rekam medis dan informasi kesehatan secara profesional Perekam Medis harus memiliki batasan kemampuan minimal yang harus dikuasai yang disebut Standar Profesi Perekam Medis. Lalu apa Dasar Hukumnya ? Peraturan Menteri Kesehatan Republik Indonesia Nomor 55 Tahun 2013 , Tentang Penyelenggaraan Pekerjaan Perekam Medis.   Adapun menurut Pasal 6 berbunyi sebagai berikut...
Read more

Terobosan Baru !!! Story Instagram kini di geser ke Atas bukan lagi kesamping seperti YouTube Shorts, Semakin menarik.

Image
  Dengan perkembangan interaksi didunia maya semakin diminati banyak halayak, kini Instagram terus berusaha untuk menghadirkan fitur yang lebih menarik dan selalu memperbaharui fitur-fitur yang lama. Nah selain tampilan story yang vertikal, fitur baru yang sedang dikerjakan oleh pihak Instagram adalah Story Instagram yang dapat di geser secara vertikal. Salah satu fitur yang sering banyak digunakan oleh kalangan masyarakat ialah fitur berbagi cerita, baik berupa foto maupun video. Selain itu disaat akan menerbitkan atau membuat Story, pengguna terlebih dahulu bisa mengatur kualitas atau tampilan dari si gambar maupun video tersebut dengan menggunakan filter agar terlihat lebih menarik. Namun penggunaan fitur terbaru ini hanya baru bisa diakses atau masih sedang tahap uji di negara Turki dan belum bisa digunakan secara luas. Fitur ini menggantikan metode Swipe Horizontal Story mirip dengan fitur terbaru platform medsos lainnya seperti TikTok maupun YouTube Shorts. Selain itu dis...
Read more

Apa saja persiapan menjadi seorang blogger di tahun 2022 ini ??? Inilah Tips Jitu dari Pemandu Tutoriall.My.Id

Image
  Kini menjadi seorang penulis semakin diminati banyak hal layak, bahkan dimulai dari umur 18 tahun ke atas, alasannya adalah karena dizaman serba digitalisasi ini orang semakin banyak mencari sebuah kabar, berita, informasi melalui internet, tidak hanya itu, kini banyak orang menjadi seorang penulis untuk menambah penghasilan mereka, salah satunya ialah menjadi seorang blogger. Dikarenakan blogger akan mendapatkan penghasilan dari Google Adsense. Sangat strategis untuk menambah penghasilan disaat masa pandemic ini. Apa itu blogger ? Namun, apakah kalian sendiri faham atau mengerti apa itu Blogger ?, kali ini Admin Pemandu Tutoriall.my.id akan memberikan penjelasan mengenai blogger. Seperti yang kalian kunjungi pada halaman website ini yang menyediakan berbagai materi tutorial, review, dan lain-lain, dan ini merupakan website yang dibuat dari Blogspot atau Blog. Jadi Blogger merupakan sebuah website yang memberikan informasi dalam urutan kronologis terbalik, dengan ciri hasnya ya...
Read more