Template 1 CSS

by Karol Wieczorek published 2019/02/14 14:00:15 GMT+2, last modified 2019-02-14T14:00:15+02:00

File contents

<!DOCTYPE html>
<html>
<head>
    <title>
    Pierwszy template
    </title>
    
    <style>
        div{
            font-weight: bold;
        }
        
        #header{
            background-color: yellow;
            font-size: 54pt;
            text-align: center;
            padding: 1ex;
        }
        
        #menu{
            background-color: green;
            padding: 50px 0;
        }
        
        #content{
            background-color: darkgray;
            height: 500px;
        }
        
        #footer{
            background-color: black;
            color: white;
            text-align: center;
        }
        
    </style>
    
</head>
    <body>
    
<!--        header-->
    <div id="header">
     Header
    </div>
        
<!--        menu-->
        <div id="menu">
            MENU
        </div>
        
<!--        content-->
        <div id="content">
            CONTENT
        </div>
        
<!--        footer-->
        <div id="footer">
        FOOTER
        </div>
    </body>
</html>