Scribd Logo
Upload

Welcome to Scribd!

  • Personal Data

    Uploaded by

    Rahmat Aulia Syarif
    2 views3 pages

    Original Title

    personal data

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, 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 TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2 views3 pages

    Personal Data

    Uploaded by

    Rahmat Aulia Syarif

    Copyright:

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

    <!

    DOCTYPE html>
    <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
    fit=no">
    <title>Personal Data</title>
    <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
    integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
    crossorigin="anonymous">
    </head>
    <body>
    <form>
    <div class="container">
    <div class="row pt-4">
    <div class="col-md-6">
    <label for="firstname">First name:</label>
    <input type="text" class="form-control" placeholder="Enter your
    first name" required>
    </div>
    <div class="col-md">
    <label for="lastname">Last name:</label>
    <input type="text" class="form-control" placeholder="Enter your
    last name" required>
    </div>
    </div>
    <div class="row pt-2">
    <div class="col-md-6">
    <label for="email">Email Id:</label>
    <input type="email" class="form-control" placeholder="Enter
    your email address" required>
    <label for="NIM">NIM:</label>
    <input type="NIM" class="form-control" placeholder="Enter your
    NIM" required>
    </div>
    <div class="col-md-6">
    <label for="tel">Tel:</label>
    <input type="tel" class="form-control" placeholder="Enter your
    phone number" required>
    </div>
    </div>
    <div class="row pt-2">
    <div class="col-md-6">
    <label for="state">State:</label>
    <input type="text" class="form-control" placeholder="E.g:
    Rahmat" required>
    </div>
    <div class="col-md-6">
    <label for="gender">Gender:</label><br>
    <input type="radio" name="gender"> Male
    <input type="radio" name="gender"> Female

    </div>
    </div>
    <div class="row pt-2">
    <div class="col-12">
    <label for="addrline1">Address Line1:</label>
    <input type="text" class="form-control" placeholder="Enter your
    address" required>
    </div>
    </div>
    <div class="row pt-2">
    <div class="col-12">
    <label for="addrline2">Address Line2:</label>
    <input type="text" class="form-control" placeholder="">
    </div>
    </div>
    <div class="row pt-4 float-right">
    <button type="submit" class="btn btn-primary">Submit</button>
    </div>
    <label for="hobby">Hobby:</label>
    <input type="checkbox" id="Hobby" name="Hobby" value="Hobby">
    <label for="Hobby"> Watching tv</label><br>
    <input type="checkbox" id="Hobby" name="Hobby" value="Swimming">
    <label for="Hobby"> Swimming</label><br>
    <input type="checkbox" id="Hobby" name="Hobby" value="Travelling">
    <label for="Hobby"> Travelling</label><br>

    </div>
    <style>
    body {
    width: 65%;
    height: auto;
    background: white;
    margin:auto;
    margin-top: 5px;
    padding-bottom: 5px;
    }

    p {
    text-align: center;
    font-size: x-large;
    margin:auto;

    header,nav,article,footer {
    border-radius: 3px;
    margin: 5px 5px 5px 5px;
    border: 1px solid gainsboro;

    }
    header {
    height: 80px;
    background-color: aquamarine;
    }
    nav {
    height: 45px;
    background-color: blanchedalmond;
    }
    article {
    height: 150px;
    background-color: cornflowerblue;
    }
    footer {
    height: 50px;
    background-color: darkkhaki;
    }

    </style>

    </form>
    </body>

    </html>

    You might also like