bayu ngntd
- Dapatkan link
- X
- Aplikasi Lainnya
- Dapatkan link
- X
- Aplikasi Lainnya
bayu ngntd
iptek...
Source Code Sederhana Menampilkan Menu Login
Membuat Login Page dari bootsrap V4
yang pertama pastikan kalian sudah mempunyai file bootstrap nya yah kalian bisa download di link ini klik jika sudah buat file nya lalu kalian ikuti seperti di bawah ini
<?php
//cek tombol login sudah di pencet belom kalau sudah
if (isset($_POST["login"] )) {
//kita cek username dan password benar atau salah
if ($_POST["Username"] == "admin" && $_POST["Password"] == "admin"){
// jika benar kita redirect ke halaman admin
header("Location: admin.php");
exit;
}
else{
// jika slah kembali ke halaman login dan di beri pesan kesalahan
$eror = true;
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login V12</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="css/util.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>
<div class="limiter">
<div class="container-login100" style="background-image: url('images/bg1.png');">
<div class="wrap-login100 p-t-190 p-b-30">
<form class="login100-form validate-form" method="post">
<div class="login100-form-avatar">
<img src="images/profile.jpeg" alt="foto">
</div>
<span class="login100-form-title p-t-20 p-b-45">
Alif Kusuma
</span>
<div class="wrap-input100 validate-input m-b-10" data-validate = "Username is required">
<input class="input100" type="text" name="Username" placeholder="Username">
<span class="focus-input100"></span>
<span class="symbol-input100">
<i class="fa fa-user"></i>
</span>
</div>
<div class="wrap-input100 validate-input m-b-10" data-validate = "Password is required">
<input class="input100" type="Password" name="pass" placeholder="Password">
<span class="focus-input100"></span>
<span class="symbol-input100">
<i class="fa fa-lock"></i>
</span>
</div>
<div class="container-login100-form-btn p-t-10">
<button class="login100-form-btn">
<a href="table.html">Login</a>
</button>
</div>
<div class="text-center w-full p-t-25 p-b-230">
<a href="#" class="txt1">
Lupa Username / Password?
</a>
</div>
<div class="text-center w-full">
<a class="txt1" href="#">
Buat account baru
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</form>
</div>
</div>
</div>
<!--================================================================================
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--================================================================================
<script src="vendor/bootstrap/js/popper.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--================================================================================
<script src="vendor/select2/select2.min.js"></script>
<!--================================================================================
<script src="js/main.js"></script>
</body>
</html>
Maka hasil nya akan seperti ini,,jangan lupa untuk background foto bisa kamu ganti ya
lalu kita buat agar saat di klik login nanti akan tampil ke halaman selanjut nya,disini saya menggunakan
table
berikut codingan table nya
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Table siswa</title>
<link rel="stylesheet" href="lib/css/bootstrap.css">
</head>
<body>
<div class="container">
<center>
<h3>SISWA SMK KARTIKA JURUSAN TKJ</h3>
<h4>Table Siswa</a></h4>
</center>
<left>
<a href="index.php">LOGOUT</a>
</left>
<br /><br />
<table class="table">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Kelas</th>
<th>Jurusan</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Alif Kusuma</td>
<td>XI</td>
<td>TKJ</td>
</tr>
<tr>
<td>2</td>
<td>Casraya</td>
<td>XI</td>
<td>TKJ</td>
</tr>
<tr>
<td>3</td>
<td>Chindy</td>
<td>XI</td>
<td>TKJ</td>
</tr>
<tr>
<td>4</td>
<td>Fajar agung</td>
<td>XI</td>
<td>TKJ</td>
</tr>
</tbody>
</table>
</div>
<script src="lib/jquery/jquery.js"></script>
<script src="lib/js/bootstrap.min.js"></script>
<script src="lib/js/bootstrap.js"></script>
</body>
</html>
TERIMA KASIH
SELAMAT MENCOBA........
Komentar
Postingan populer dari blog ini
konfigurasi firewall cisco packet tracer
KONFIGURASI FIREWALL BLOK IP DI CISCO Yoo, balik lagi disini kita akan membuat konfigurasi firewall blok ip agar client tidak bisa mengakses suatu web yang telah di atur nanti nya . Oke langsung saja penjelasan nya di bawah ini: Pertama tama komponen yang akan di gunakan adalah: 1 buah server 1 switch 3 pc client Untuk topologi nya yang akan kita gunakan adalah seperti di bawah ini lalu kita setting ip address nya yang akan saya gunakan ip dengan class c yaitu 19.158.10.1-192.168.10.254 setelah pemberian ip kita masuk ke tahap selanjut nya yaitu setting server nya. Yang akan kita setting yang pertama yaitu DNS settingan nya seperti di bawah ini isi bagian address nya sesuai dengan ip server ya guyssss okeeyyyy selanjut nya konfigurasi EMAIL, beri nama domain nya, lalu setting username dan password sesuai jumlah password client jika sudah jangan lupa di bagian ip client nya di setting gateway dan dns name nya yang di isi dengan ip server. Dan jika sudah isi configurasi...
Pbx cisco packet tracker
Cara Membuat Layanan PBX Sederhana di Cisco 1. Pilih peralatan di bawah ini untuk di gunakan : Router 2811 Switches 2960 IP Phone 7960 d. Kabel Straight 2. Hubungkan Router (Fast Ethernet 0/0) dengan Switches (Fast Ethernet 0/1). 3. Hubungkan IP Phone (Port Switch) dengan Switches di port Fast Ethernet selanjutnya. Hubungkan semua seperti gambar ini 4. Sambungkan kabel power IP Phone pada menu Physical. 5. Kemudian konfigurasi Switch dengan perintah dibawah ini : en config terminal int range fa0/1-24 switchport voice vlan 1 exit 6. Kemudian konfigurasi router dengan perintah dibawah ini : en config terminal ip dhcp pool voice network 192.168.31.2 255.255.255.0 default-router 192.168.31.1 option 150 ip 192.168.31.1 exit ip dhcp excluded-address 192.168.31.1 int fastethernet 0/0 ip address 192.168.31.1 255.255.255.0 no shutdown exit telephony-service max-ephones 3 max-dn 3 ip source-address 192.168.31.1 port 2000 auto assign 4 to 6 auto assign 1 to 5 ephone-dn 1 (Tunggu dan kemudia...
Firewall
firewall pada komputer Pengertian Firewall Firewall dalam artian Teknologi adalah, sebagai suatu cara atau mekanisme yang diterapkan baik terhadap Hardware, ataupun System itu sendiri dengan tujuan untuk melindungi baik dengan menyaring , membatasi atau bahkan menolak suatu atau semua hubungan/kegiatan suatu segmen pada jaringan pribadi dengan jaringan luar yang bukan merupakan ruang lingkupnya. Firewall didefinisikan sebagai suatu komponen atau kumpulan komponen yang membatasi akses antara sebuah jaringan yang diproteksi dan internet, atau antara kumpulan kumpulan jaringan lainnya Fungsi Firewall Fungsi Firewall secara umum : Menjadi pengatur, penyaring, dan pengontrol trafik data yang dapat masuk untuk mengakses jaringan privat yang telah dilindungi firewall. Mencatat semua transaksi dari seluruh peristiwa ya...
Nilai : 100
BalasHapus