Website Content
Website Content
Before applying this code please download 4 images of rose with different colors and also put this file and images in desktop and named it c,d,e,f.
<!DOCTYPE html>
<html>
<head>
<style>
body
{
margin:0px;
padding:0px;
}
.h
{
height:500px;
width:99%;
box-sizing:border-box;
font-size:30px;
padding-top:50px;
border:2px solid red;
color:red;
}
.i
{
height:300px;
width:20%;
box-sizing:border-box;
background-color:green;
margin-top:50px;
float:left;
margin-left:40px;
font-size:24px;
color:white;
}
</style>
</head>
<body>
<div class="h"><center><b style="text-shadow:1px 1px 2px pink, 1px 1px 4px pink,1px 1px 6px pink">Welcome To Flower Shop</b></center>
<div class="i"><img src="c.jpg" height="200px" width="100%"><center>Red Sensation<br>Rs. 25/-</center></div>
<div class="i"><img src="d.jpg" height="200px" width="100%"><center>Yellow Sensation<br>Rs. 20/-</center></div>
<div class="i"><img src="e.jpg" height="200px" width="100%"><center>Pink Sensation<br>Rs. 15/-</center></div>
<div class="i"><img src="f.jpg" height="200px" width="100%"><center>White Sensation<br>Rs. 10/-</center></div>
</div>
</body>
</html>
Before applying this code please download 4 images of rose with different colors and also put this file and images in desktop and named it c,d,e,f.
<!DOCTYPE html>
<html>
<head>
<style>
body
{
margin:0px;
padding:0px;
}
.h
{
height:500px;
width:99%;
box-sizing:border-box;
font-size:30px;
padding-top:50px;
border:2px solid red;
color:red;
}
.i
{
height:300px;
width:20%;
box-sizing:border-box;
background-color:green;
margin-top:50px;
float:left;
margin-left:40px;
font-size:24px;
color:white;
}
</style>
</head>
<body>
<div class="h"><center><b style="text-shadow:1px 1px 2px pink, 1px 1px 4px pink,1px 1px 6px pink">Welcome To Flower Shop</b></center>
<div class="i"><img src="c.jpg" height="200px" width="100%"><center>Red Sensation<br>Rs. 25/-</center></div>
<div class="i"><img src="d.jpg" height="200px" width="100%"><center>Yellow Sensation<br>Rs. 20/-</center></div>
<div class="i"><img src="e.jpg" height="200px" width="100%"><center>Pink Sensation<br>Rs. 15/-</center></div>
<div class="i"><img src="f.jpg" height="200px" width="100%"><center>White Sensation<br>Rs. 10/-</center></div>
</div>
</body>
</html>
Comments
Post a Comment