Scribd Logo
Upload

Welcome to Scribd!

  • For Simple Registration Form of Website

    Uploaded by

    Rain
    6 views4 pages

    Original Title

    For simple Registration Form of Website

    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
    6 views4 pages

    For Simple Registration Form of Website

    Uploaded by

    Rain

    Copyright:

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

    For simple Registration Form of Website

    -For HTML

    <!DOCTYPE html>
    <html>
    <head>
    <title>Vesta Venue Reservation Site</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
    <header>
    <div class="main">
    <div class="logo">
    <img src="VVESTA.png">
    </div>
    <ul>
    <li class="active"><a href="#">Home</a></li>
    <li ><a href="#">About Us</a></li>
    <li ><a href="#">Contacts</a></li>
    <li ><a href="#">Places</a></li>
    <li ><a href="#">Images</a></li>
    </ul>
    <div class="button">
    <a href="#" class="btn">LOG IN</a>
    <a href="#" class="btn">REGISTER</a>

    </div>
    </header>
    </body>
    </html>

    -For CSS

    *{
    margin: 0;
    padding: 0;
    font family: Century Gothic;
    }

    header{
    background-image: url(../VESTA.jpg);
    height: 100vh;
    background-size: cover;
    background-position: center;
    }

    ul{
    float: right;
    list-style-type: none;
    margin-top: 25px;
    }

    ul li{
    display: inline-block;
    }
    ul li a{
    text-decoration: none;
    color: #fff;
    padding: 5px 20px;
    border: 1px solid transparent;
    transition: 0.6s ease;
    }

    ul li a:hover{
    background-color: #fff;
    color: #000;
    }

    ul li.active a{
    background-color: #fff;
    color: #000;
    }
    .logo img{
    float: left;
    width: 150px;
    height: auto;
    }

    .main{
    max-width: 1200px;
    margin: auto;
    }

    .button{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    }

    .btn{
    border: 1px solid #fff;
    padding: 10px 30px;

    color: #fff;
    text-decoration: none;
    transition: 0.6s ease;
    }

    .btn:hover{
    background-color: #fff;
    color: #000;

    }
    IMAGED ATTACHED:

    For Homepage Background:


    Filename is VESTA.jpg

    For LOGO:
    File name is VVESTA.PNG
    For the OUTPUT:

    You might also like