<html>
<head>
<title>Last Assignment of CSS</title>
<style type="text/css">
<!--
body {
margin-left:0px;
margin-top:0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#bbbbbb;
}
#fullcover {
width:900px;
height:1000px;
margin-left:125px;
margin-right:0px;
background-color:#707070;
border:1px solid #CCCCCC;
}
#subpart{
width:749px;
height:900px;
background-color:#ffffff;
margin-left:78px;
margin-right:50px;
}
#toppart{
width:742px;
position:relative;
float:left;
margin-top:3px;
margin-left:2px;
}
.title{
position:absolute;
left:30px;
top:20px;
font-size: 28px;
font-family: Times New Roman;
font-style:normal;
color: #ffffff;
}
#Secondpart{
width:742px;
height:30px;
margin-left:3px;
margin-top:-4px;
margin-right:auto;
background-color:#348017;
border:1px solid #CCCCCC;
}
.style{
padding:10px;
font-size: 16px;
font-family: Times New Roman;
font-style:normal;
color: #ffffff;
text-align:right;
}
#menubar{
width:742px;
margin-left:3px;
height:30px;
color:#000000;
border:1px solid #CCCCCC;
background-color:#eeeeee;
display:block;
}
#menubar a{
width:100px;
padding:10px;
height:30px;
text-align:center;
margin-right:-5px;
color:#FF0000;
background-color:#eeeeee;
}
#menubar a:hover{
height:30px;
background-color:#ffffff;
}
a:link {
color:#000000;
text-decoration:none;
}
a:visited {
color:#FF0000;
text-decoration: none;
}
a:hover {
color:#0000A0;
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style1{
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color:#000000;
}
#leftside{
float:left;
width:250px;
height:700px;
margin-top:25px;
margin-left:11px;
background-color:auto;
}
.style3{
font-family:Arial, times new roman;
font-size:16;
color:#808080;
font-weight:bold;
}
.commonstyle{
font-family:Bell MT, Helvetica, sans-serif;
font-size:14px;
margin-top:-15px;
color:#808080;
font-style:normal;
text-align:justify;
}
#rightside{
float:left;
width:450px;
height:700px;
margin-top:25px;
margin-left:20px;
background-color:auto;
}
.commonstyle1{
font-family:Bell MT, Helvetica, sans-serif;
font-size:14px;
margin-top:10px;
color:#808080;
text-align:justify;
font-style:normal;
}
.footer{
float:left;
width:225px;
font-size:14px;
margin-left:18px;
color:#808080;
font-style:normal;
}
-->
</style>
</head>
<body>
<DIV ID="fullcover">
<Div id="subpart">
<!-- Company Name here -->
<Div id="toppart">
<img src="Image.jpg">
<div class="title">Silicon India</div>
</div>
<!-- Second part here-->
<Div id="secondpart">
<div class="style">Beauty without grace is the hook without the bait.</div>
</div>
<!-- Menu start here-->
<div id="menubar">
<a href="#" class="style1"> Home </a><a href="#" class="style1"> Sevices </a> <a href="#" class="style1"> Products </a>
<a href="#" class="style1" style="width:140px;">Customer Care</style></a><a href="#" class="style1"> FAQ </a> <a href="#" class="style1"> Contacts</a>
</div>
<!--Menu Closed here -->
<!-- Left side goes here-->
<div id="leftside">
<img src="image3.jpg"/>
<span class="style3" > Welcome</span>
<hr style="width:248; color:#00FF00; height:0.5;"/>
<h4> Lorem Ipsum dolor? </h4>
<p class="commonstyle">In pulvinar posuere ante. Cras vulputate, leo in adipiscing consequate, dui ispum prota quam,
a varius lectus purus et eros. Sed bibendum interdum judto. Phasellus sit amet nibh. Fusce sodales. Vivamus pretium nibh
vel leo. Donec nec neque a felis cursus ornare. Mauris imperdiet sodales mauris. Nuunc at sem. Nullam faucibus nulla porttitor
erat Phasellus sit amet velit.</p>
<br/>
<h4> Nullam non justo?</h4>
<p class="commonstyle">
Nam numeque orci, aliquam eget, volupat a, condimentum eu, sem. Mauris at diam. Cras mauris dolor , blandit a, tempus nec,
vehicula nec, dui. Cras quis odio interdum risus congue element. Quisque justo.
Proin enim mi, feugit ac, vehcula quis, auctor in, eros. Suspendisse potenti. Aliquam at pede eget neque luctus euismod.</p>
</div>
<!-- LEFT SIDE CLOSED HERE-->
<!-- right part star here -->
<div id="rightside">
<img src="image3.jpg"/>
<span class="style3" > About Our Company</span>
<hr style="width:449px; color:#00FF00; height:0.5;"/>
<img style="float:left;" src="image1.jpg">
<p class="commonstyle1">
Lorem ipsum dolor sit amet,conectetuer adipiscing elit. Cras ut lectus. Aliquam erat volutpat. Pellentesque eu lacus.
Donec fermentum bibendum erat. Aenean in purus vitage elit posuere pellentesque. Maecenas at mi ac enim vestibulum hendrerit. Ineger vulputate lectus eu metus
dapibus interdum suspendisse potenti. Nam sed pede. Aliquam in dui.
</p>
<p class="commonstyle1">
In pulvinar posuere ante. Cras vulputate, leo in adipiscing consequate, dui ispum porta quam, a varius lectus
purus at eros. Sed bibendum interdum justo. Phasellus sit amet nibh. Fusce sodales. vivamus
pretium nibh vel leo. Donec nec neque a felis cursus ornare. Mauris inperdiet soldales mauris. Nunc at sem.
Nullam faucibus nulla porttitor erat. Phesellus sit amet velit. Sed metus nibh tristique a auctor non, tincidunt sodales, Pede. Duis libero. Nunc euismod
viverra metus. Donce adipiscing. Vestibulum vestibum porttitor metus. Integer tempor iacuils leo.
</p>
<p class="commonstyle1">
Nulla est orci, facilisis et , placerat in tortor, dictum in, Nulla facilisi. Curabitur posure, pade a return sollicitudin, elit loren congue tortor. eu curcus jsuto massa in erat. Vestbululus
, elit loren congue tortor, eu curss justo massa in erat. Vestibulum ante ligula, feugit in, faucibus eu, iaculsi quis, arcu. Vestibulam non mauris. Nullam et lacus vel massa malesuada cursus
Morbi bibendum enim nec erat. Curabitur return, nibh sit amet eleifed iaculis, nisl orci uttrices tellus,
nec commodo ipsum loren eu tortor. Duis at squam. Aliqaum nonummy uttricies massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptors, humenaeos. Denec in pede id augue
return pheretra. Fusce eu diam.
</p>
<p class ="commonstyle1">
Nulla est orci, facilisis et , placerat in tortor, dictum in, Nulla facilisi. Curabitur posure, pade a return sollicitudin, elit loren congue tortor. eu curcus jsuto massa in erat. Vestbululus
, elit loren congue tortor, eu curss justo massa in erat. Vestibulum ante ligula, feugit in, faucibus eu, iaculsi quis, arcu. Vestibulam non mauris. Nullam et lacus vel massa malesuada cursus
Morbi bibendum enim nec erat. Curabitur return, nibh sit amet eleifed iaculis, nisl orci uttrices tellus, </p>
</div>
<!-- right side close here-->
<!-- Horizontal here-->
<hr style="width:255; color:#00FF00; margin-right:455px;"/>
<hr style="width:465; margin-left:260px; margin-top:-16px;"/>
<!-- Hr Closed -->
<!-- footer start-->
<span class="footer"> Faq Term & Condition Contact Us
CompanyName 2006</span>
<p style="color:'#808080'; margin-left:450px; margin-bottom:20px;">Designed by Alok</p>
</div>
</div>
</body>
</html>
