Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- body {
- padding: 0;
- margin: 0;
- }
- header {
- background: #009999;
- text-align: center;
- color: white;
- width: 100%;
- height: 80px;
- }
- #head #head-1, #head-2, #head-3, #head-4 {
- font: Arial;
- float: left;
- text-align: center;
- color: white;
- width: 25%;
- height: 150px;
- background: #009999;
- }
- #left, #center, #right {
- float: left;
- }
- #left, #right {
- width: 30%;
- height: 600px;
- background: #669999;
- }
- #center {
- width: 40%;
- height: 600px;
- background: #99CCCC;
- text-align: center;
- }
- #left table, td {
- border: 1px solid green;
- text-align: center;
- }
- #right input[type=button] {
- border: 0;
- margin: 10px;
- background: green;
- color: white;
- }
- footer {
- background: #009999;
- color: white;
- text-align: right;
- }
- </style>
- <meta charset="utf-8"/>
- <link rel="stylesheet" href="style5.css" type="text/css"/>
- <title>Portal ogłoszeniowy</title>
- </head>
- <body>
- <header><h1>Portal ogłoszeniowy</h1></header>
- <div id="head">
- <div id="head-1"><img src="logo-male.png"/></div>
- <div id="head-2"><h3>Adres</h3><p>ul. Morska 45 Gdynia</p></div>
- <div id="head-3"><h3>telefon</h3><p>601601601</p></div>
- <div id="head-4"><h3>e-mail</h3><p>[email protected]</p></div>
- </div>
- <div id="content">
- <div id="left">
- <h2>Ceny ogłoszeń</h2>
- <table>
- <tbody>
- <tr>
- <td>Liczba ogłoszeń</td>
- <td>Cena ogłoszeń</td>
- <td>Bonus</td>
- </tr>
- <tr>
- <td>1 - 50</td>
- <td>2 PLN</td>
- <td rowspan="2">Sybskrypcja newslettera to upust 0,020 PLN na ogłoszenie</td>
- </tr>
- <tr>
- <td>51 i więcej</td>
- <td>1 PLN</td>
- </tr>
- </tbody>
- </table>
- </div>
- <div id="center">
- <h2>Witamy na stronie naszego portalu!</h2>
- <img src="logo-duze.png" alt="ogłoszenia"/>
- </div>
- <div id="right">
- <h2>Ile kosztuje ogłoszenie?</h2>
- <form>
- Podaj liczbę ogłoszeń<br>
- <input type="number"/><br>
- <input type="checkbox"/>Policz upust na newsletter<br>
- <input type="button" value="Oblicz"/><br>
- </form>
- </div>
- </div>
- <footer>Portal ogłoszeniowy opracował: 00000000000</footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment