Saturday, August 17, 2013

CSS float homepage

<html>
<head>
<style type="text/css">
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
</style>
</head>
<body>

<div class="container">
<div class="header"><h1 class="header">Systech Digital Ltd.</h1></div>
<div class="left"><p>Systech Digital brings the quickest solutions for you. No matter where you are in the world, we are committed to respond within maximum 72 hours and bring reliable solution for you and your problem.</p></div>
<div class="content">
<h2>Welcome!</h2>
<p>Systech Digital is a leading software development company in Bangladesh. Already it has earned vast popularity in Corporate Software Solutions. Our goal is to provide the best innovative and unique creative solutions to our valued customers. We mainly focus on web applications and management software according to meet our clients criteria.</p>

<div class="footer">Copyright | www.systechdigital.com | 2009</div>
</div>

</body>
</html>

Result


No comments: