Login & register

 Login

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Website Gallery Foto</title>

    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

</head>

<body>

<nav class="navbar navbar-expand-lg bg-body-tertiary bg-info text-secondary border-bottom">

  <div class="container">

    <a class="navbar-brand text-white" href="index.php">Website Galerry Foto</a>

    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">

      <span class="navbar-toggler-icon"></span>

    </button>

    <div class="collapse navbar-collapse mt-2" id="navbarNavAltMarkup">

      <div class="navbar-nav me-auto">

        </div>

        <a href="register.php" class="btn btn-outline-primary m-1 text-white">Daftar</a>

        <a href="login.php" class="btn btn-outline-success m-1 text-white">Masuk</a>

    </div>

  </div>

</nav>


<div class="container py-5">

    <div class="row justify-content-center">

        <div class="col-md-4">

            <div class="card">

                <div class="card-body bg-light">

                    <div class="text-center">

                        <h5>Login Aplikasi</h5>

                    </div>

                    <form action="config/proses_login.php" method="POST">

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

                        <input type="text" name="username" class="form-control" required>

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

                        <input type="password" name="password" class="form-control" required>

                        <div class="d-grid mt-2">

                            <button class="btn btn-primary" type="submit" name="kirim">MASUK</button>

                        </div>

                    </form>

                    <hr>

                    <p>Belum punya akun? <a href="register.php">Daftar disini!</a>

                    </p>

                </div>

            </div>

        </div>

    </div>

</div>



<footer class="d-flex justify-content-center border-top mt-3 bg-secondary fixed-bottom">

    <p>&copy; UKK RPL 2024 | Jaya Supriadi</p>

</footer>

 

<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>

</body>

</html>

Register 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Website Gallery Foto</title>

    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

</head>

<body>

    

<nav class="navbar navbar-expand-lg bg-body-tertiary bg-secondary text-dark border-bottom">

  <div class="container">

    <a class="navbar-brand text-white" href="index.php">Website Galerry Foto</a>

    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">

      <span class="navbar-toggler-icon"></span>

    </button>

    <div class="collapse navbar-collapse mt-2" id="navbarNavAltMarkup">

      <div class="navbar-nav me-auto">

        </div>

        <a href="register.php" class="btn btn-outline-primary m-1 text-white">Daftar</a>

        <a href="login.php" class="btn btn-outline-success m-1 text-white">Masuk</a>

    </div>

  </div>

</nav>


<div class="container">

    <div class="row justify-content-center">

        <div class="col-md-4">

            <div class="card">

                <div class="card-body bg-light">

                    <div class="text-center">

                        <h5>Daftar Akun Baru</h5>

                    </div>

                    <form action="config/proses_register.php" method="POST">

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

                        <input type="text" name="username" class="form-control" required>

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

                        <input type="password" name="password" class="form-control" required>

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

                        <input type="email" name="email" class="form-control" required>

                        <label class="form-label">Nama Lengkap</label>

                        <input type="text" name="namalengkap" class="form-control" required>

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

                        <input type="text" name="alamat" class="form-control" required>

                        <div class="d-grid mt-2">

                            <button class="btn btn-primary" type="submit" name="kirim">DAFTAR</button>

                        </div>

                    </form>

                    <hr>

                    <p>Sudah punya akun? <a href="login.php">Login disini!</a>

                    </p>

                </div>

            </div>

        </div>

    </div>

</div>



<footer class="d-flex justify-content-center border-top mt-3 bg-light fixed-bottom">

    <p>&copy; UKK RPL 2024 | Jaya Supriadi</p>

</footer>

 

<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>

</body>

</html>

Komentar

Posting Komentar

Postingan populer dari blog ini

Kesehatan menjaga pola hidup sehat

Gambar
Kesehatan baik untuk menjaga pola hidup sehat!! Pengertian budaya hidup sehat adalah sebuah gaya hidup yang berfokus untuk membuat tubuh menjadi lebih fit dan bugar. Itu artinya, seluruh aspek dalam keseharian Anda perlu diperhatikan, termasuk soal makanan dan aktivitas fisik. Dengan menerapkan pola hidup seperti ini, harapannya risiko berbagai penyakit dapat diminimalisir secara maksimal. Lalu, kapan sebaiknya memulai gaya hidup sehat? Sejatinya, tak ada patokan usia tertentu dimana kita harus benar-benar memperhatikan kesehatan tubuh. Namun, apa yang kita tuai nanti tentu merupakan buah dari kebiasaan-kebiasaan masa kini. Sehingga dapat disimpulkan, budaya hidup sehat perlu kita lakukan sejak usia sedini mungkin. Contoh budaya hidup sehat  Setelah memahami pengertian budaya sehat secara umum, tentu Anda juga perlu mengetahui jenis aktivitas apa sajakah yang sesuai. Beberapa contoh budaya sehat adalah sebagai berikut. 1. Konsumsi makanan sehat dan bergizi seimbang Bagian terpenting da
Baca selengkapnya

pengertian microblogging

Gambar
                                                                            Mikroblogging Microblogging  adalah istilah yang sudah dikenal cukup lama. Namun, akhir-akhir ini tren  microblogging  kembali naik ke permukaan karena populer di Instagram dan  Twitter . Penasaran dengan apa itu  microblogging ? Yuk, simak penjelasan lengkap tentang  microblogging  berikut ini! Baca Juga:  Kuasai Algoritma Instagram agar Bisnis Semakin Cemerlang! Apa Itu Microblogging © Pexels.com Dilansir dari  Sprout Social ,  microblogging  adalah pembuatan pesan atau post singkat di web atau  platform  media sosial. Konten pendek yang dibuat untuk  microblogging  bertujuan untuk memberikan informasi singkat dan padat pada orang lain. Microblog  yang kamu buat kemudian di-post ke audiens di media sosial untuk memperoleh  engagement . Sebuah  microblog  dapat dibuat dalam berbagai format. Kamu bisa melakukan  microblogging  dengan format audio, video, foto, dan juga teks. Microblogging  sebenarnya sudah mula
Baca selengkapnya

Penjelasan & sosialisasi seputar ATM mini

Gambar
  Penjelasan & sosialisasi seputar ATM mini ATM mini atau yang di kenal sebagai electronic data capture (EDC) merupakan mesin atau alat untuk melakukan transaksi pembayaran, pembelian, dan transfer. EDC mirip dengan mesin ATM, bedanya EDC tidak dapat mengeluarkan uang tunai sementara mesin ATM dapat mengeluarkan uang tunai. Sosialisasi seputar ATM mini Narasumber:ka arif & ka leo Udah pernah denger belum Java scrif atau apa yang di maksud data base artinya basis data adalah segala sesuatu yang nyata yang tersebar contoh karpet ada berapa karpet yang di olah dan di kumpulkan.hingga jadilah informasi, dan klau informasi yg d susun dalam bentuk tabel kolom dan baris itulah tabel. kalau tabel di kumpulkan menjadi banyak maka itulah data base, sekarang bagaimana dengan data moderen seperti lock sistem itu apa yg di tulis oleh mesin tidak di tulis oleh manusia contoh paket data ,WhatsApp nah seperti lock sistem, Ai adalah suatu yang di ulang ulang yang membentuk suatu pola yang di ik
Baca selengkapnya