Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en-GB">
- <head>
- <title>Linnets FC</title>
- <link rel="stylesheet" href="stylesheet.css">
- </head>
- <body class="body">
- <header class="mainheader">
- <img class="logo" src="linnetslogo.png" alt="Logo">
- <nav>
- <ul>
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#">Club</a></li>
- <li><a href="#">News</a></li>
- <li><a href="#">Linnets Live</a></li>
- <li><a href="#">Forum</a></li>
- <li><a href="#">Tickets</a></li>
- <li><a href="#">Shop</a></li>
- <li><a href="#">Teams</a></li>
- <li><a href="#">Friends</a></li>
- </ul>
- </nav>
- </header>
- <br>
- <form id="right" action="checklogin.php" method="post">
- <label id="white">Username:</label>
- <input id="username" type="text" name="username">
- <label id="white">Password:</label>
- <input id="password" type="password" name="password">
- <input type="submit" name="login" value="login">
- </form>
- </body>
- </html>
- body {
- font-size: 87.5%;
- font-family: Arial, 'Lucida Sans Unicode';
- line-height: 1.5;
- text-align: left;
- }
- a {
- text-decoration: none;
- }
- a:link, a:visited {
- }
- a:hover, a:active {
- }
- .body {
- margin: 0 auto;
- width: 70%;
- clear: both;
- }
- .mainheader .logo {
- width: 100px;
- height: 100px;
- margin: 2% 0;
- padding-left: 10px;
- }
- .mainheader nav {
- background-color: #666;
- height: 40px;
- border-radius: 10px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- }
- .mainHeader nav ul {
- list-style: none;
- margin: 0 auto;
- }
- .mainheader nav ul li {
- float: left;
- display: inline;
- }
- .mainheader nav a:link, .mainheader nav a:visited {
- color: #FFF;
- display: inline-block;
- padding: 10px 12px;
- height: 20px;
- }
- .mainheader nav a:hover, .mainheader nav a:active,
- .mainheader nav .active a:link, .mainheader nav .active a:visited {
- background-color: #CF6C3F;
- text-shadow: none;
- }
- .mainheader nav ul li a {
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- }
- .mainheader {
- background-color: blue;
- }
- #right {
- text-align:right;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement