Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <link rel="stylesheet" type="text/css" href="style.css">
- <title></title>
- </head>
- <body>
- <div id="container">
- <header>nagłówek</header>
- <nav>
- <p>menu</p>
- <ul>
- <li>link 1</li>
- <li>link 2</li>
- <li>link 3</li>
- <li>link 4</li>
- <li>link 5</li>
- <li>link 6</li>
- <li>link 7</li>
- <li>link 8</li>
- <li>link 9</li>
- <li>link 10</li>
- </ul>
- </nav>
- <article>
- <h4>zawartość</h4>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis diam, maximus eu tellus sed, gravida facilisis nisi. Nullam lacus tellus, tincidunt et lorem sit amet, pretium dignissim nibh. Etiam congue in massa eu faucibus. Donec euismod pellentesque sagittis. Phasellus non nunc et est consequat iaculis non et erat. In ullamcorper ac leo eu ultrices. Nam tortor sem, semper posuere quam in, aliquam dapibus diam. Curabitur elementum elit mi, id blandit purus lacinia et. Nulla tempor purus nisi, eu ullamcorper eros egestas eget. Quisque sit amet nisl metus. Vestibulum eget neque rutrum, dignissim magna in, commodo ligula. Morbi odio lorem, sollicitudin ut velit et, auctor sagittis magna. Nulla euismod sodales elit, vel pharetra sem hendrerit vel. In placerat, neque sit amet feugiat molestie, elit mauris condimentum arcu, nec lacinia nulla nulla hendrerit ligula.
- </p>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis diam, maximus eu tellus sed, gravida facilisis nisi. Nullam lacus tellus, tincidunt et lorem sit amet, pretium dignissim nibh. Etiam congue in massa eu faucibus. Donec euismod pellentesque sagittis. Phasellus non nunc et est consequat iaculis non et erat. In ullamcorper ac leo eu ultrices. Nam tortor sem, semper posuere quam in, aliquam dapibus diam. Curabitur elementum elit mi, id blandit purus lacinia et. Nulla tempor purus nisi, eu ullamcorper eros egestas eget. Quisque sit amet nisl metus. Vestibulum eget neque rutrum, dignissim magna in, commodo ligula. Morbi odio lorem, sollicitudin ut velit et, auctor sagittis magna. Nulla euismod sodales elit, vel pharetra sem hendrerit vel. In placerat, neque sit amet feugiat molestie, elit mauris condimentum arcu, nec lacinia nulla nulla hendrerit ligula.
- </p>
- </article>
- <footer>stopka</footer>
- </div>
- </body>
- </html>
- css:
- body {
- margin: 0;
- padding: 0;
- background: #ffd2ff;
- }
- #container {
- width: 960px;
- margin: 0 auto;
- }
- header {
- background: #7b327b;
- padding: 10px;
- height: 125px;
- color: white;
- }
- nav {
- background: #cb78cb;
- float: left;
- width: 280px;
- padding: 10px;
- }
- article {
- background: #ffbeff;
- float: left;
- width: 630px;
- padding: 15px;
- }
- footer {
- background: #8f468f;
- color: white;
- clear: both;
- padding: 10px;
- }
- ul {
- list-style: none;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement