Scribd Logo
Upload

Welcome to Scribd!

  • Index HTML

    Uploaded by

    Tayyab is live
    12 views2 pages
    This document defines the CSS styling for a basic website layout with sections for a navbar, slider, content container divided into left, center, and right sections, and a footer. Styles are set for the background color, height, text alignment, and flexbox properties of each section to control the visual design and layout of the page.

    Original Description:

    This is the

    Original Title

    index.html

    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
    This document defines the CSS styling for a basic website layout with sections for a navbar, slider, content container divided into left, center, and right sections, and a footer. Styles are set for the background color, height, text alignment, and flexbox properties of each section to control the visual design and layout of the page.

    Copyright:

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

    Index HTML

    Uploaded by

    Tayyab is live
    This document defines the CSS styling for a basic website layout with sections for a navbar, slider, content container divided into left, center, and right sections, and a footer. Styles are set for the background color, height, text alignment, and flexbox properties of each section to control the visual design and layout of the page.

    Copyright:

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

    <!

    DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <style type="text/css">
    body {
    margin: 0;
    }

    .navbar {
    height: 50px;
    line-height: 50px;
    background-color: lightgreen;
    text-align: center;
    }

    .slider {
    background-color: lightblue;
    height: 250px;
    text-align: center;
    line-height: 250px;
    }

    .container {
    background-color: purple;
    height: 400px;
    display: flex;
    }

    .container .left {
    background-color: yellow;
    flex: 1;
    }
    .container .right {
    background-color: yellow;
    flex: 1;
    }
    .container .center {
    background-color: white;
    flex: 3;
    }
    .footer {
    height: 50px;
    line-height: 50px;
    background-color: lightgreen;
    text-align: center;
    }
    </style>
    </head>
    <body>

    <div class="navbar">Navbar</div>

    <div class="slider">Slider</div>

    <div class="container">
    <div class="left">Left</div>
    <div class="center">Center</div>
    <div class="right">Right</div>
    </div>

    <div class="footer">Footer</div>

    </body>
    </html>

    You might also like