Project Web 01 Kode Style.css

-

 body {

    font-family: sans-serif;

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 100vh;

    background-color: #f4f4f4;

    margin: 0;

}


.container {

    background-color: white;

    padding: 30px;

    border-radius: 8px;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    text-align: center;

    width: 350px;

}


h2 {

    color: #333;

    margin-bottom: 20px;

}


label {

    display: block;

    margin-bottom: 8px;

    color: #555;

    text-align: left;

}


input[type="text"],

input[type="email"],

input[type="password"] {

    width: 100%;

    padding: 10px;

    margin-bottom: 15px;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box; /* Penting agar padding tidak menambah lebar */

}


button {

    background-color: #5cb85c;

    color: white;

    padding: 10px 15px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    font-size: 16px;

    width: 100%;

}


button:hover {

    background-color: #4cae4c;

}


a {

    color: #337ab7;

    text-decoration: none;

}


a:hover {

    text-decoration: underline;

}


p {

    margin-top: 20px;

    font-size: 14px;

    color: #666;

}

Komentar

Posting Komentar

Postingan populer dari blog ini

Project Web 01 Kode Register.php

-
 <?php // register.php session_start(); // Mulai session jika belum dimulai // Redirect jika sudah login if (isset($_SESSION['user_id'])) {     header("index.php");     exit(); } // Sertakan file koneksi database require_once 'conect.php'; $message = ""; // Untuk menampilkan pesan error/sukses if ($_SERVER["REQUEST_METHOD"] == "POST") {     $username = $_POST['username'];     $email = $_POST['email'];     $password = $_POST['password'];     $confirm_password = $_POST['confirm_password'];     // Validasi sederhana     if (empty($username) || empty($email) || empty($password) || empty($confirm_password)) {         $message = "<p style='color:red;'>Semua field wajib diisi!</p>";     } elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {         $message = "<p style='color:red;'>Format email tidak valid!</p>";     } else...
Baca selengkapnya

Project Web 01 Kode Login.php

-
 <?php // login.php session_start(); // Mulai session jika belum dimulai // Redirect jika sudah login if (isset($_SESSION['user_id'])) {     header("index.php");     exit(); } // Sertakan file koneksi database require_once 'conect.php'; $message = ""; // Untuk menampilkan pesan error/sukses if ($_SERVER["REQUEST_METHOD"] == "POST") {     $username_or_email = $_POST['username_or_email'];     $password = $_POST['password'];     // Validasi sederhana     if (empty($username_or_email) || empty($password)) {         $message = "<p style='color:red;'>Username/Email dan Password wajib diisi!</p>";     } else {         // Cari pengguna berdasarkan username atau email         $stmt = $conn->prepare("SELECT id, username, password FROM users WHERE username = ? OR email = ?");         $stmt->bind_param("ss", $username_or_emai...
Baca selengkapnya

Project Web 01 Kode Conect.php

-
<?php //connect.php $host     = "localhost"; // Ganti jika server database Anda berbeda $username = "root";  // Ganti dengan username database Anda $password = "";      // Ganti dengan password database Anda $database = "login"; // Ganti dengan nama database Anda // Membuat koneksi $conn = new mysqli($host, $username, $password, $database); // Cek koneksi if ($conn->connect_error) {     die("Koneksi database gagal: " . $conn->connect_error); } // Opsional: Atur charset ke utf8mb4 untuk dukungan karakter yang lebih luas $conn->set_charset("utf8mb4"); // echo "Koneksi database berhasil!"; // Hapus atau komentari ini saat produksi ?>
Baca selengkapnya