I build websites and programs professionally, and I decided I would share a little site with you guys. My goal was to keep it as simple as possible, so anyone to edit it and make it uniquely their own. Their are two seperate files, Same them within the same directory and put your desired logo in a folder within that directory name "images".
EDIT: Sorry I forgot to tell you that i will be coming out with another edition of this, the next will include a reflecting gradient for the NavBar, and a possible absract background. Watch for it
index.html
style.css
EDIT: Sorry I forgot to tell you that i will be coming out with another edition of this, the next will include a reflecting gradient for the NavBar, and a possible absract background. Watch for it
index.html
Code:
<html>
<link rel=StyleSheet href="style.css">
<body bgcolor="#e7e7e7">
<div id="logo">
<img src="images/logo.png">
</div>
<div id="nav">
<a href="index.html"> Home </a>
<a href="index.html"> Home </a>
<a href="index.html"> Home </a>
<a href="index.html"> Home </a>
<a href="index.html"> Home </a>
</div>
<div id="body">
<p class="pagecontent">
This is my text
</p>
</div>
</body>
</html>style.css
Code:
#body
{
min-width:720px;
max-width:900px;
height:800px;
background-color:white;
margin:-1px auto;
border-radius:3px;
box-shadow:0px 0px 5px #000000;
-moz-box-shadow:0px 0px 5px #000000;
-moz-border-radius:3px;
}
.pagecontent
{
padding:10px;
font-family:Arial, Verdana, Sans-Serif;
}
#nav
{
width:600px;
text-align:center;
position:relative;
margin:-1px auto;
font-family:Arial, Verdana, Sans-Serif;
}
A:link,
A:Active,
A:Visited
{
text-decoration:none;
color:black;
padding:10px;
font-weight:bold;
}
A:Hover
{
color:white;
background-color:blue;
border-radius:2px;
-moz-border-radius:2px;
}
#logo
{
width:350px;
margin:-1px auto;
text-align:center;
}