Scribd Logo
Upload

Welcome to Scribd!

  • 3 views

    Home Page

    Uploaded by

    Balakumar Bk
    The document contains CSS code for styling three different pages: a home page, registration page, and login page. For the home page, it sets background colors, fonts, and container styles. For the registration page, it sets a background image, styles forms and buttons, and defines success and error messages. For the login page, it similarly styles forms and buttons and sets a background image.

    Copyright:

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

    You might also like

    Home Page

    Uploaded by

    Balakumar Bk
    3 views4 pages
    The document contains CSS code for styling three different pages: a home page, registration page, and login page. For the home page, it sets background colors, fonts, and container styles. For the registration page, it sets a background image, styles forms and buttons, and defines success and error messages. For the login page, it similarly styles forms and buttons and sets a background image.

    Original Description:

    Original Title

    Home page

    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
    The document contains CSS code for styling three different pages: a home page, registration page, and login page. For the home page, it sets background colors, fonts, and container styles. For the registration page, it sets a background image, styles forms and buttons, and defines success and error messages. For the login page, it similarly styles forms and buttons and sets a background image.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    3 views4 pages

    Home Page

    Uploaded by

    Balakumar Bk
    The document contains CSS code for styling three different pages: a home page, registration page, and login page. For the home page, it sets background colors, fonts, and container styles. For the registration page, it sets a background image, styles forms and buttons, and defines success and error messages. For the login page, it similarly styles forms and buttons and sets a background image.

    Copyright:

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

    Home page:

    body {
    background-color: #f8f9fa;
    color: #333;
    font-family: Arial, sans-serif;
    }

    .navbar {
    border-radius: 0;
    }

    .navbar-brand img {
    margin-right: 10px;
    }

    .container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    }

    h1 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    }

    p {
    font-size: 18px;
    margin-bottom: 10px;
    }

    /* img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
    }*/

    Registration:

    body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f8f9fa;
    background-image: url('https://encrypted-
    tbn0.gstatic.com/images?q=tbn:ANd9GcTSrjK0ujqM3DsUw-mFUGYB-OD4qu2HBocAVDwd-
    F90yA&s');
    background-size: cover;
    background-position: center;
    }
    .register-form {
    max-width: 400px;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .register-form h1 {
    text-align: center;
    margin-bottom: 30px;
    }
    .register-form .form-control {
    margin-bottom: 20px;
    }
    .register-form .btn-primary {
    width: 100%;
    }
    .register-form .text-center {
    margin-top: 20px;
    }
    .register-form .social-icons a {
    display: inline-block;
    margin-right: 10px;
    color: #333;
    font-size: 20px;
    }
    .success-message {
    display: none;
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    color: #4CAF50;
    }
    Login:

    body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-image: url('download1.jpg');

    background-size: cover;
    background-position: center;
    font-family: Arial, sans-serif;
    }
    .container {
    max-width: 400px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
    .container h1 {
    text-align: center;
    margin-bottom: 20px;
    }
    .form-control {
    margin-bottom: 15px;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    }
    .btn-primary {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    }
    .btn-primary:hover {
    background-color: #0056b3;
    }
    .error-message {
    color: red;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    }

    You might also like