Practical No. 1

<html>
<head><title>Stylesheet Practical</title>
<style type=text/css>
ul
{
 list-style:circle;
 color:magenta;
 font-family : hamington;
 font-weight : bold;
}
.max
{
   color : blue;
   font-size:25;
}
</style>

<body style="background-color:#ffffcc">

<h1 style="text-align:center;
color:blue;"><u>Welcome to <span class=max>Cybershop Inc.</span></u></h1>

 <h2 style="color:green;">
<marquee direction=left behavior=alternate>The only online Cyber Mall!!</marquee></h2>

<hr color=red>
<p style="margin-right:40%;
font-size:25;"> At <span class=max>Cybershop Inc.</span> We are proud of our clients who avail our services.<br>
Few services we offer are :</p>

<ul style="font-size:24;">
<li>E-Commerce Applications</li>
<li>Virtual Reality Module Development</li>
<li>Cyber Engineering</li>
</ul>

<p 
style="color:#ff0000;
font-size:25;">Our products and services are known all over the world.</p>
<br><br><br>

<div style="position:absolute;
top:20%;
left:60%;
width:300;
height:100; 
z-index:0;
background-color:blue;">

<p 
style="text-decoration:blink;
color:white;
font-size:25;
text-align:center;
vertical-align:text-middle;">Virtual Development</p>
</div>

<div 
style="position:absolute;
top:30%;
left:65%;
width:300;
height:100; 
z-index:1;
background-color:green;">

<p 
style="text-decoration:blink;
color:white;
font-size:25;
text-align:center;">At the top since 1994</p>
</div>

<div 
style="position:absolute;
top:40%;
left:70%;
width:370;
height:100; 
z-index:2;
background-color:goldenrod;">

<p
style="text-decoration:blink;
color:white;
font-size:25;
text-align:center;">
The only CyberMall on the web!!!</p>
</div>

<div 
style="position:absolute;
top:1%;
left:1%;
width:370;
height:100; 
z-index:3;">
<img src=cyber.jpg width=100 height=100>
</div>

<div style="position:absolute;
top:60%;
left:32%;
z-index:4;
height:85;">
<span class=max>
The only online Cyber Mall!!&nbsp;&nbsp;&nbsp;&nbsp;</span><img src=visit.jpg width=150 height=80>
</div>
</body>
</html>

OUTPUT: