Jumat, 15 Mei 2020

Source kode sederhana menampillan menu login


<!DOCTYPE html>
    <html>
          <link rel="stylesheet" href="style from login KARTIKA.css .css">
         <head>
            <title>Login</title>
              <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
                <style>
                      body {
                            background: -webkit-linear-gradient(bottom,#2dbd6e, #a6f77b);
                              background-repeat: no-repeat;
                            }

                                #card {
                                    background: #fbfbfb;
                                      border-radius: 8px;
                                        box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.65);
                                          height: 410px;
                                            margin: 6rem auto 8.1rem auto;
                                              width: 329px;
                                        }

                                            #card-content {
                                                    padding: 12px 44px;
                                                }
                                                  #card-title {
                                                          font-family: "Raleway Thin", sans-serif;
                                                            letter-spacing: 4px;
                                                              padding-bottom: 23px;
                                                                padding-top: 13px;
                                                                  text-align: center;
                                                              }
                                                                .underline-title {
                                                                        background: -webkit-linear-gradient(right, #a6f77b, #2ec06f);
                                                                          height: 2px;
                                                                            margin: -1.1rem auto 0 auto;
                                                                              width: 89px;
                                                                          }
                                                                              </style>
                                                                               </head>
                                                                                 <body>
                                                                                      <div id="card"> <div id="card-content">
                                                                                            <div id="card-title">
                                                                                                <h2>LOGIN</h2>
                                                                                                  <div class="underline-title">
                                                                                                      <form method="post" class="form"><label for="user-email" style="padding-top:13px">&nbsp;username</label>
                                                                                                            <input
                                                                                                               id="username"
                                                                                                                 class="form-content"
                                                                                                                   type="text"
                                                                                                                     name="username"
                                                                                                                       autocomplete="on"
                                                                                                                         required />
                                                                                                                          <div class="form-border"></div>
                                                                                                                          <label for="user-password" style="padding-top:22px">&nbsp;Password</label>
                                                                                                                              <input
                                                                                                                                 id="user-password"
                                                                                                                                   class="form-content"
                                                                                                                                     type="password"
                                                                                                                                       name="password"
                                                                                                                                         required />
                                                                                                                                          <div class="form-border"></div>
                                                                                                                                          <a href="datadata.html" >LOGIN</form>
                                                                                                                                    </div>
                                                                                                                                   
                                                                                                                                   </body>
                                                                                                                                    </html>

                                                                                                                                    -

                                                                                                                                    Tidak ada komentar:

                                                                                                                                    Posting Komentar

                                                                                                                                    Langganan: Posting Komentar (Atom)

                                                                                                                                    Peta konsep DSL

                                                                                                                                     

                                                                                                                                    • Peta konsep DSL
                                                                                                                                       
                                                                                                                                    • (tanpa judul)
                                                                                                                                      *Pengertian remote server Apa itu remote server? Remote server merupakan server yang Anda akses yang menjadi bagian dari proses yang di...
                                                                                                                                    • Tlj
                                                                                                                                        Selamat datang diblogger saya^_^ Selamat membaca 1.  Pengertian Firewall pada Jaringan komputer.     firewall merupakan sistem keamanan ja...