Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- div.container {
- width: 100%;
- border: 1px solid gray;
- }
- header, footer {
- padding: 1em;
- color: white;
- background-color: black;
- clear: left;
- text-align: center;
- }
- nav {
- float: left;
- max-width: 160px;
- margin: 0;
- padding: 1em;
- }
- nav ul {
- list-style-type: none;
- padding: 0;
- }
- nav ul a {
- text-decoration: none;
- }
- article {
- margin-left: 170px;
- border-left: 1px solid gray;
- padding: 1em;
- overflow: hidden;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <header>
- <h1>Your Team Name</h1>
- </header>
- <nav>
- <ul>
- <li><a href="#">Team #1</a></li>
- <li><a href="#">Team #2</a></li>
- <li><a href="#">Team #3</a></li>
- <li><a href="#">Team #4</a></li>
- </ul>
- </nav>
- <article>
- <h1>Your team name</h1>
- <p>Our team is ...(Story about your team)</p>
- <p>Our vision is ...</p>
- </article>
- <footer>Copyright © Your team</footer>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment