Scribd Logo
Upload

Welcome to Scribd!

  • Nama: Dewi Fortuna NPM: 0651 17 146 Kelas E-Ilmu Komputer: Source Login HTML

    Uploaded by

    rahmangans
    10 views4 pages

    Original Title

    DewiFortuna_065117146

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    10 views4 pages

    Nama: Dewi Fortuna NPM: 0651 17 146 Kelas E-Ilmu Komputer: Source Login HTML

    Uploaded by

    rahmangans

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Nama : Dewi Fortuna

    NPM : 0651 17 146

    Kelas E-Ilmu Komputer

    Source login HTML

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>

    <div class="login-background">
    <div class="login-header">
    <p>My Login Area</p>

    </div>

    <div class="login-body">
    <form>
    <input type="text" name="username" placeholder="Email" required><br>
    <input type="password" name="password" placeholder="Password" required><br>
    <input type="submit" name="login" value="LOG IN"><br>
    </form>
    <p><a href="#"> Forgot Password?</a></p>
    </div>
    </div>
    </body>
    </html>

    Source CSS

    body{

    background: #2e3339;

    margin-right: 20%;

    margin-left: 20%;

    .login-background{

    font-family: arial;

    background: #35455f;

    padding: 10px;

    box-shadow: 0px 0px 15px #222;

    border-radius: 3px;

    width: 300px;

    color: #999;

    height: auto;

    margin: 50px auto;

    text-align: center;
    }

    input[type="text"],input[type="password"]{

    border: none;

    border-bottom: 1px solid #999;

    margin-bottom: 15px;

    color: #999;

    width: 100%;

    padding: 15px 0px;

    background: none;

    input[type="submit"]{

    background: #0eb7cc;

    color: #fff;

    border-radius: 3px;

    padding: 15px;

    width: 100%;

    border: none;

    .img-logo{

    height: 100px;

    width: 100px;

    }
    a,a:hover,a:visited,a:active{

    text-decoration: none;

    color: #999;

    Gambar Desain Awal

    Gambar Hasil

    You might also like