This is dummy home page of any commercial website
HTML Source Code:
<html>
<head>
<title>Main Menu</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<section>
<h1>State Bank of India</h1>
<ul>
<a hre="#"><li>Admin</li></a>
<a hre="#"><li>Client</li></a>
<a hre="#"><li>service.html"><li>Service</li></a>
<a hre="#"><li>Contact</li></a>
</ul>
<p>dd</p>
</section>
</body>
</html>
CSS Source CODE:
body{
background: #e3e3e3;
width: 90%;
margin: auto;
}
section{
width: 80%;
margin:auto;
box-shadow: 0 0 5px rgba(0,0,0,.6);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.6);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.6);
text-align: center;
padding-top: 5px;
padding-right: 50px;
padding-bottom: 100px;
border-radius: 5px;
}
h1{
font-size: 60px;
color: #0099FF;
font-family: sans-serif;
text-shadow: 0 0 2px rgba(0,0,0,0.4);
}
ul li{
display: inline-block;;
background: white;
width: 40%;
background:#0099FF;
height: 150px;
box-shadow: 0 0 5px rgba(0,0,0,.5);
margin-top: 6px;
margin-left: 2px;
line-height: 150px;
font-size: 40px;
font-weight: bold;
color: white;
font-family: sans-serif;
text-shadow: 0 0 2px rgba(0,0,0,0.4);
/*padding: 10px;*/
}
li:hover{
background: white;
color: #0099FF;
text-shadow: 0 0 2px rgba(0,0,0,0.4);
}
0 comments:
Post a Comment