Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>Removed</title>
- <link href="style.css" rel="stylesheet" type="text/css">
- </head>
- <body bgcolor="#800000">
- <center>
- <font color="#FFD700">
- <div id="container">
- <div id="header">
- <font size="16">Removed</font>
- <br><br>
- <a href="#" class="button"/>Home</a>
- <a href="#" class="button"/>About</a>
- </div>
- <div id="image"><img src="Removed" width="500"></div>
- <div id="title"><h1>Welcome to My Website!</h1></div>
- </center>
- <div id="about"><p>About information removed.</p></div>
- </font>
- </div>
- </body>
- </html>
- @charset"utf-8";
- #container{
- width:900px;
- }
- #image{
- position: relative;
- padding-top:50px;
- padding-right: 500px;
- }
- #title{
- position: relative;
- bottom: 275;
- left: 250;
- height: 100px;
- width: 400px;
- }
- #margin{
- margin-left:10;
- }
- #about{
- position: relative;
- bottom: 300;
- left: 820;
- height: 500px;
- width: 350px;
- border: 3px solid #FFFFFF;
- }
- @font-face {
- font-family: myFirstFont;
- src: url(font.ttf);
- }
- #header {
- width: 900px;
- height: 120px;
- position: relative;
- background-color: #787878;
- border-bottom: 2px solid #000000;
- font-family: myFirstFont;
- }
- #footer {
- background-color: #FFD700;
- height:20px;
- left:0;
- bottom:0;
- position:absolute;
- bottom:0;
- width:100%;
- }
- .button{text-decoration:none; text-align:center;
- padding:11px 32px;
- border:solid 1px #004F72;
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- border-radius: 4px;
- font:18px Arial, Helvetica, sans-serif;
- font-weight:bold;
- color:#E5FFFF;
- background-color:#3BA4C7;
- background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
- background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
- background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
- background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
- background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
- -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
- -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
- box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
- }.button:hover{
- padding:11px 32px;
- border:solid 1px #004F72;
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- border-radius: 4px;
- font:18px Arial, Helvetica, sans-serif;
- font-weight:bold;
- color:#E5FFFF;
- background-color:#3BA4C7;
- background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
- background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
- background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
- background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
- background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
- -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
- -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
- box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
- }
- #about{
- position: relative;
- bottom: 300; // missing the px
- left: 820; // missing the px
- #about{
- position: relative;
- bottom: 300px;
- left: 820px;
- #about {
- position: relative;
- width:350px;
- /* rest of code */
- }
- #about {
- position: relative;
- width: 38%;
- /* rest of code */
- }
- #title{
- position: relative;
- bottom: 275;
- left: 250;
- }
- #title{
- position: relative;
- bottom: 275px;
- left: 250px;
- }
- #container {
- width: 900px;
- margin: 0 auto;
- position: relative;
- }
- #about {
- position: absolute;
- right: 0;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement