Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url(http://fonts.googleapis.com/css?family=Permanent+Marker|Open+Sans:400,700);
- #top {
- width:100%;
- height:40px;
- background-color:#121212;
- position: fixed;
- top: 0;
- left: 0;
- }
- #margin {
- margin-left:10px;
- margin-right:10px;
- }
- #in {
- color:#FFFFFF;
- width:80%;
- margin-left:auto;
- margin-right:auto;
- height:40px;
- background-color:#4C4C4C;
- }
- #main {
- background-color:#D0A020;
- position:fixed;
- z-index:-1;
- width:100%;
- height:100%;
- top: 0;
- left: 0;
- }
- #phone {
- border-radius: 7px;
- line-height:40px;
- background-color:#121212;
- width:200px;
- height:125px;
- color:#FFFFFF;
- font-family:Arial, sans-serif;
- }
- #content {
- background-color:#D1D166;
- width:80%;
- height:100%;
- margin-left:auto;
- margin-right:auto;
- }
- #nav {
- margin: 0; padding: 0;
- display: block;
- overflow: hidden;
- line-height:30px;
- }
- #nav li {
- float: left;
- margin: 0; padding: 0 10px 10px;
- position: relative;
- }
- #header {
- font-family: 'Permanent Marker', cursive;
- font-size:30px;
- }
- #nav li a {
- display: block;
- }
- #nav a:link {
- text-decoration:none;
- color:#FFFFFF;
- font-family: 'Open Sans', sans-serif;
- font-weight:bold;
- }
- #nav li.active a:after,
- #nav li a:hover:after {
- content: "";
- display: block;
- margin: 0 auto; width: 0;
- border: 5px solid #F0E890;
- border-color: transparent transparent #F0E890 transparent;
- }
- </style>
- <div id="top">
- <div id="in">
- <ul id="nav">
- <li></li>
- <li><div id="header">Samuel Rogers</div></li>
- <li></li>
- <li><a href="#">HOME</a></li>
- <li><a href="#" class="active">ABOUT</a></li>
- <li><a href="#">CONTACT</a></li>
- </ul>
- </div>
- </div>
- <div id="main">
- <div style="height:40px;">
- </div>
- <div id="content">
- <div id="margin">
- <br/>
- <div id="phone">
- Click here for Website Design
- </div>
- <a href="http://samuelrogers.co.uk">
- This A HREF doesn't work
- </a>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement