avatar
Untitled

Guest 59 12th Sep, 2024

MARKUP 1.86 KB
                                           
                         html lang="pl">
<head>
<title>Strona według wzoru</title>
<style>
      body {          margin: 0;
            font-family: Arial, sans-serif;
        }
        .header {
            background-color: yellow;
            text-align: center;
            padding: 20px;
            clear: both;
        }
        .footer {
            background-color: peachpuff;
            text-align: center;
            padding: 20px;
            clear: both;
        }
        .left-panel {
            background-color: orange;
            width: 25%;
            float: left;
            padding: 20px;
            box-sizing: border-box;
            height: 300px;
        }
        .center-panel {
            background-color: lightblue;
            width: 50%;
            float: left;
            padding: 20px;
            box-sizing: border-box;
            height: 300px;
        }
        .right-panel {
          background-color: lightgreen;
            width: 25%;
            float: left;
            padding: 20px;
            box-sizing: border-box;
            height: 300px;
        }
        .clearfix {
            clear: both;
        }
</style>
</head>
<body>

<div class="header">        <h1>Nagłówek strony</h1>
</div>
<div class="left-panel">        <p>Panel lewy</p>
</div>
<div class="center-panel">        <p>Panel środkowy</p>
</div>
<div class="right-panel">       <p>Panel prawy</p>
</div>
<div class="clearfix"></div>

<div class="footer">
        <p>Stopka strony</p>
</div>
</body>
</html>
</HEAD>
                      
                                       
To share this paste please copy this url and send to your friends
RAW Paste Data
Recent Pastes
Ta strona używa plików cookie w celu usprawnienia i ułatwienia dostępu do serwisu oraz prowadzenia danych statystycznych. Dalsze korzystanie z tej witryny oznacza akceptację tego stanu rzeczy.
Wykorzystywanie plików Cookie
Jak wyłączyć cookies?
ROZUMIEM