Scribd Logo
Hochladen

Willkommen bei Scribd!

  • 1

    Hochgeladen von

    vira melinda
    9 Ansichten8 Seiten
    lala

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    DOCX, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    lala

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    9 Ansichten8 Seiten

    1

    Hochgeladen von

    vira melinda
    lala

    Copyright:

    © All Rights Reserved
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 8

    {

    padding: 0px;

    margin: 0px;

    #utama {

    background-image: url("img/248262_dziewczyna_teczka_manga_anime_fantasy.jpg");

    background-size: cover;

    height: 680px;

    .header_isi {

    width: 335px;

    height: 230px;

    padding: 180px 0px 90px 480px;

    .gambar {

    background-color: rgba(170, 114, 123 ,0.6);

    height: 330px;

    border: 2px solid rgba(170, 114, 123 ,1);

    img {

    width: 250px;

    height: 100px;

    margin-left: 45px;
    margin-top: 15px;

    .login_regis {

    height: 40px;

    width: 260px;

    text-align: center;

    color: white;

    font-size: 17px;

    border-radius: 8px;

    background-color: rgba(225, 255, 255, 0.4);

    border: 3px solid #0288D1;

    margin-left: 42px;

    margin-top: 10px;

    .tombol_login {

    width: 260px;

    height: 30px;

    text-align: center;

    background-color: #0288D1;

    color: white;

    font-size: 17px;

    border: 2px solid #0288D1;

    border-radius: 8px;

    margin-top: 20px;

    margin-left: 42px;
    }

    .chexbox {

    font-size: 15px;

    color: white;

    margin-left: 45px;

    margin-top: 10px;

    .login_regis:hover {

    border: 3px solid #fff;

    .tombol_login:hover {

    background-color: white;

    color: #0288D1;

    border: 2px solid white;

    a{

    text-decoration: none;

    color: black;

    }
    <html>
    <head>
    <title> Form Login Type 1 </title>
    <link href="style.css" rel="stylesheet" type="text/css" >
    </head>

    <body>
    <div id="utama">

    <div class="header">

    <div class="header_isi">

    <div class="gambar">

    <form action="login.php" method="POST">


    <img src="img/logo_code_user.png" ><br /><br />

    <input type="text" name="username" placeholder="Username" class="login_regis">


    <br />
    <input type="password" name="password" placeholder="Password"
    class="login_regis"> <br />

    <div class="chexbox">
    <input type="checkbox" name="chek" > Remember me <br />
    </div>

    <input type="Submit" name="login" value="LOGIN" class="tombol_login">


    </form>

    </div>

    </div>

    </div>
    </body>
    </html>
    =======================================================================

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <title>Form Pendaftaran Beasiswa</title>

    <link rel="stylesheet" href="style1.css">

    </head>

    <body>

    <form action="" method="post">

    <h2><i class="fa fa-user"></i>Form Pendaftaran Beasiswa</h2>

    <br/>

    <div class="form-group">

    <input type="text" class="input-mode" placeholder="Nama Depan...">

    </div>

    <div class="form-group">

    <input type="text" class="input-mode" placeholder="Nama Belakang...">

    </div>

    <div class="form-group">

    <input type="text" class="input-mode" placeholder="Email...">

    </div>

    <br/>

    <div class="form-group form-cek">

    <input type="radio" name="cek" value="pria" id="cek-pria" class="cek"><label for="cek-


    pria">Pria</label>

    <input type="radio" name="cek" value="wanita" id="cek-wanita" class="cek"><label for="cek-


    wanita">Wanita</label>

    </div>

    <br/>
    <div class="form-group">

    <button class="btn btn-submit" type="submit">Daftar &nbsp; <i class="fa fa-hand-o-


    right" aria-hidden="true"></i></button>

    </div>

    <br/>

    </form>

    </body>

    </html>

    =======================================================================

    *{

    box-sizing:border-box;

    margin:0 auto;

    body{

    background: url('../img/5.jpg');

    html,body{

    font-family:Ar cena;

    .fa-user{

    color: #2c79c0;

    padding: 0 10px;

    position: relative;

    float: left;

    .fa-hand-o-right{

    float:right;
    }

    form {

    top:100px;

    position:relative;

    width:100%;

    max-width:400px;

    background-color:white;

    /*border-radius:3px;*/

    box-shadow:0px 0px 3px black;

    form h2 {

    padding:20px;

    border-bottom:2px solid #60a4e3;

    text-align:center;

    .form-group{

    padding:5px 15px;

    display:block;

    .input-mode{

    border:1px solid silver;

    border-radius:3px;

    font-size:15px;

    height:50px;

    padding:0 10px;

    display:block;

    width:100%;
    }

    .cek {

    padding:10px;

    display:inline-block;

    height:20px;

    width:20px;

    .btn-submit{

    cursor:pointer;

    padding: 10px;

    height: 50px;

    width: 100%;

    display: block;

    background-color: #2c79c0;

    color: white;

    font-size: 20px;

    border: 2px solid #135592;

    border-radius: 2px;

    .form-cek label{

    display:inline-block;

    padding:10px;

    line-height:10px;

    Das könnte Ihnen auch gefallen