html & css (part -2)
Css page:
/* CSS Document */
.main_container
{
width:1016px;
margin:0 auto;
border:1px dashed #FF0000;
}
.container
{
width:1016px;
background-image: url(images/bg.jpg);
height:200px;
}
.blue_text
{
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
color:#0099CC;
width:450px;
float:left;
border:1px solid #00FFCC;
}
.blue_text_2
{
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
color:#0099CC;
width:450px;
float:left;
border:1px solid #00FFCC;
text-align:right;
}
.text
{
width:700px;
float:left;
padding:10px;
}
.text2
{
width:155px;
height:157px;
float: left;
border:1px solid #000099;
background-image: url(images/mohila.jpg);
background-repeat:no-repeat;
}
.button_container
{
width:1014px;
border:1px dashed #9999FF;
margin:0 auto;
}
.content
{
width:1016px;
border:1px solid #0033CC;
float:left;
}
.box
{
width:225px;
float:left;
border:1px solid #FF0000;
padding:10px;
}
.icon
{
width:37px;
height:47px;
background-repeat:no-repeat;
background-image: url(images/icon.jpg);
margin-left:50px;
}
.icon_text
{
font:"Courier New", Courier, monospace;
color: #009999;
text-align:center;
}
.button
{
width:195px;
height:48px;
line-height:48px;
background-image: url(images/button.jpg);
background-repeat:no-repeat;
text-align:center;
}
Html page:
/* CSS Document */
.main_container
{
width:1016px;
margin:0 auto;
border:1px dashed #FF0000;
}
.container
{
width:1016px;
background-image: url(images/bg.jpg);
height:200px;
}
.blue_text
{
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
color:#0099CC;
width:450px;
float:left;
border:1px solid #00FFCC;
}
.blue_text_2
{
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
color:#0099CC;
width:450px;
float:left;
border:1px solid #00FFCC;
text-align:right;
}
.text
{
width:700px;
float:left;
padding:10px;
}
.text2
{
width:155px;
height:157px;
float: left;
border:1px solid #000099;
background-image: url(images/mohila.jpg);
background-repeat:no-repeat;
}
.button_container
{
width:1014px;
border:1px dashed #9999FF;
margin:0 auto;
}
.content
{
width:1016px;
border:1px solid #0033CC;
float:left;
}
.box
{
width:225px;
float:left;
border:1px solid #FF0000;
padding:10px;
}
.icon
{
width:37px;
height:47px;
background-repeat:no-repeat;
background-image: url(images/icon.jpg);
margin-left:50px;
}
.icon_text
{
font:"Courier New", Courier, monospace;
color: #009999;
text-align:center;
}
.button
{
width:195px;
height:48px;
line-height:48px;
background-image: url(images/button.jpg);
background-repeat:no-repeat;
text-align:center;
}
Html page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="main_container">
<div class="container">
<div class="blue_text">Rakhi Moni Mitro</div>
<div class="blue_text_2">Rakhi</div>
<div class="content">
<div class="text">ferlgdrlghtljyg[ljk[ylg ferlgdrlghtljyg[ljk[ylg ferlgdrlghtljyg[ljk[ylg</div>
<div class="text2"></div>
<div style="clear:both;"></div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<div class="button_container">
<div class="box">
<div class="icon"></div>
<div class="icon_text">kgdkf hghgjmn mnlmjh</div>
</div>
<div class="box">
<div class="icon"></div>
<div class="icon_text">kgdkf hghgjmn mnlmjh</div>
</div>
<div class="box">
<div class="icon"></div>
<div class="icon_text">kgdkf hghgjmn mnlmjh</div>
</div>
<div class="box">
<div class="button">Start Order Now</div>
</div>
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
0 Response to "html & css (part -2)"
Post a Comment