Scribd Logo
Upload

Welcome to Scribd!

  • Assigment Moiz

    Uploaded by

    moix khan
    15 views8 pages
    this is html file

    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
    this is html file

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    15 views8 pages

    Assigment Moiz

    Uploaded by

    moix khan
    this is html file

    Copyright:

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

    HTML Code

    <html>
    <head>
    <link rel="stylesheet" href="style1.css">
    </head>
    <body>
    <h1>Connections</h1>
    <form>
    <div id='forwrite'>
    <div id='headwrapper'>
    <div id='register'><b>User Login</b></div>
    <br>
    <div class='design'>
    Username
    :&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
    nbsp&nbsp;
    <input type='text' name='username' value=''
    autocomplete='off' width="80px">

    </div>
    <br>

    <div class='design'>
    Your Password
    :&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;
    <input type='text' name='username' value=''
    autocomplete='off' width="80px">
    <p></p>
    <div id='button'>

    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
    bsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp; <input type='submit'
    value='Login' id='registerbutton'>
    </div>
    <input type='hidden' name='token' value=""
    </div>
    </div>
    </div>
    </form>
    <p></p>
    <form>
    <div id='forwrite1'>
    <div id='headwrapper'>
    <div id='register1'>User Registration </div>
    </div>
    <br>

    <br>
    <div class='design '>
    Your Full Name
    :&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;
    <input type='text ' placeholder='Username ' name='username '
    value=' ' autocomplete='off ' width="80px">

    </div>
    <br>

    <div class='design '>


    Your Email Address :&nbsp&nbsp&nbsp&nbsp;
    <input type='text ' placeholder='Password ' name='username '
    value=' ' autocomplete='off ' width="80px">
    <p></p>
    <div class='design '>
    Your Password
    :&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;
    <input type='text ' placeholder='Password '
    name='username ' value=' ' autocomplete='off ' width="80px">
    <p></p>
    <div class='design '>
    Your Picture
    :&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;
    <input type="file" id="files">
    <p></p>
    <div id='button'>

    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&n
    bsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp; <input type='submit'
    value='Register' id='registerbutton'>
    </div>
    </div>
    </div>
    </div>
    </div>
    </form>
    <br>
    <br>
    <pre> <h2> C all rights
    reserved</h2> </pre>

    </body>

    </html>
    Style Sheet:
    h1 {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman',
    serif;
    box-sizing: border-box;
    background: #881717;
    font-size: 47px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    width: 80%;
    height: 100px;
    padding-top: 10px;
    margin: 30px auto;
    }

    h2 {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman',
    serif;
    background: #680101;
    font-size: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    width: 60%;
    height: 30px;
    box-sizing: border-box;
    padding-bottom: 10px;
    margin: 30px auto;
    }

    #register {
    background: #881717;
    font-size: 27px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    width: 100%;
    height: 60px;
    }

    #headwrapper {
    box-sizing: border-box;
    }

    #forwrite {
    width: 400px;
    height: 190px;
    position: relative;
    left: 430px;
    top: 0px;
    border: 1px solid black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    box-sizing: border-box;
    }

    #register1 {
    background: #680101;
    font-size: 27px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    width: 100%;
    height: 60px;
    }

    #forwrite1 {
    width: 400px;
    height: 315px;
    position: relative;
    left: 430px;
    top: 0px;
    border: 1px solid rgb(0, 0, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    box-sizing: border-box;
    }

    body {
    background-color: rgb(190, 213, 255);
    }

    #button1 {
    padding: 10px 15px;
    }

    Output:

    You might also like