Scribd
Upload
24 views

Index HTML

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.

Uploaded by

Tayyab is live
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
24 views

Index HTML

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.

Uploaded by

Tayyab is live
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 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