Scribd Logo
Upload

Welcome to Scribd!

  • Contact Us

    Uploaded by

    Rahmat N
    3 views3 pages

    Copyright

    © © All Rights Reserved

    Available Formats

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

    Contact Us

    Uploaded by

    Rahmat N

    Copyright:

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

    Contact Us (HTML)

    <html>

        <head>

            <title> Contact Us</title>

            <meta charset="utf-8">

            <link rel="stylesheet" type="text/css" href="contact.css">

        </head>

        <body>

            <div class="main">

                <h2>Contact Us</h2>

                <div class="border"></div>

                <form>

                    <div>

                        <input type="text" value="Bella Ridwanti Ariasa" required=""

                        placeholder="Name">

                    </div>

                    <div>

                        <input type="number phone" value="085778041592" required=""

                        placeholder="Number Phone">

                    </div>

                    <div>

                        <input type="email" value="bella.ariasa12@gmail.com" required=""

                        placeholder="Email">

                    </div>

                </form>

            </div>

        </body>

    </html>
    Contact Us (CSS)

    body{

        margin: 0;

        padding: 0;

        font-family: sans-serif;

        background-image:url(image.jpg);

        background-repeat: no-repeat;

        background-size: cover;

        background-attachment: fixed;

    .main{

        position: absolute;

        border-radius: 5px;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 400px;

        background: #fff;

        padding: 40px;

        box-sizing: border-box;

        border: 1px solid rgba(0,0,0,.1);

        box-shadow: 0 5px 10px rgba(0,0,0,.2);

    .main h2{

        margin: 0 40px;

        padding: 15px;

        color: #0092e6;

        text-transform: uppercase;

        text-align: center;

        font-weight: bold;
    }

    .main .border{

        width: 70px;

        height: 3px;

        background: #00b8e6;

        margin: 1px auto;

    .main input{

        padding: 10px 0;

        margin-bottom: 30px;

    .main textarea{

        height: 80px;

        padding: 10px 0;

        margin-bottom: 40px;

    .main input,

    .main textarea{

        width: 100%;

        box-sizing: border-box;

        box-shadow: none;

        outline: none;

        border: none;

        border-bottom: 2px solid #999;

    You might also like