Hello friends today i am posting a full code of a website created using html and css. Hope you like it...
This code works perfectly in firefox.
Simply copy the code and paste in your text-editor and save it with
.html extension. And also copy the following image and name it bg.jpg.
Here is the code and image.
<html>
<head>
<title>Home Page</title>
<body>
<style>
*{
margin:0px;
padding:0px;
}
a{
text-decoration
body{
background-imag
background-posi
background-repe
height:100%;
width:100%;
background-colo
}
header{
font-family:Com
color:#fffff0;
font-size:35px;
text-align:cent
margin-top:5px;
text-shadow:4px
}
header e{
color: #deb887;
font-size:25px;
text-shadow:1px
}
header a{
font-size:15px;
color: #8b0000;
text-shadow:1px
}
header a:hover{
color: #660033}
nav ul li{
display:inline;
}
nav ul{
background-colo
width:657px;
opacity:0.5;
filter:alpha(op
padding:10px;
border-radius:5
box-shadow:2px 5px 2px #333333;}
nav ul li a{
color:white;
font-size:30px;
font-family:Com
margin-left:25p
border-radius:5
padding:9px;
}
nav ul li a:hover{
box-shadow: inset 2px 2px 2px #333333;
}
nav ul li a:active{
box-shadow: inset 3px 3px 3px #333333;
}
p#description{
font-family:Com
color: #990000;
font-size:25px;
text-align:cent
margin-top:50px
margin-left:150
margin-bottom:8
width:700px;
height:350px;
box-shadow: inset 0px 0px 100px #800000;
box-shadow: 2px 2px 5px #333333;
}
footer{
color:#f5f5f5;
font-family: Comic Sans MS;
font-size:20px;
text-align: center;}
footer a{
color: #f5f5f5;
}
log{
color:brown;
font-family:Com
}
</style>
</body>
<header><i><b>F
<nav><center>
<ul>
<li><a title="Home Page" href=#>Home</
<li><a title="Photo Gallery" href=#>Gallery<
<li><a title="Contacts
<li><a title="About Us" href=#>About Us</a></li>
</ul>
</nav><br></
<p id="description
Hello! smile emoticon,<br></
Text Text Text Text Text Text Text Text Text<br>
Text Text Text Text Text Text Text<br>
Text Text Text Text Text<br>
Text Text Text<br>
Enjoy... kiki emoticon<br>
</p>
<hr color=#8b4513><footer>
<u>Desi</
<u>E</
</footer>
<log>Designed on : 30-JUNE-2015</
</html>
No comments:
Post a Comment