Page 357 - Web Applications (803) Class 11
P. 357
img{height:200px; width:200px}
p{font-family:ebrima; font-size:20px}
span{
position:relative;
animation: image 3s infinite alternate-reverse;
}
@keyframes image{
from{left:1%;}
to{left:45%;}
</STYLE>
</HEAD>
<BODY>
<H1> Flower Guide</H1>
<SPAN>
<IMG SRC=”Rose.jpg”>
<IMG SRC=”Lotus.jpg”>
<IMG SRC=”Lily.jpg”>
<IMG SRC=”Tulip.jpg”>
</SPAN>
<BR> <BR>
<H3 STYLE=”text-align:center;”>
<BR> <A HREF=”#rose”> About Rose </A>
<BR> <A HREF=”#lotus”> About Lotus </A>
<BR> <A HREF=”#lily”> About Lily </A>
<BR> <A HREF=”#tulip”> About Tulip </A>
</H3>
<BR> <BR> <BR> <BR> <BR> <BR>
<BR> <BR> <BR> <BR>
<H3> <A ID=”rose”> About Rose </A> </H3>
<P>
Rose is one of the beautiful flowers in the world. The rose plant is an
ornamental plant. People often plant it in their house pots. Due to its
beauty and aroma it is planted in homes. The different colours of roses are
red, pink and white.
</P>
<SPAN>
<IMG SRC=”rose1.jpg”>
<IMG SRC=”rose2.jpg”>
<IMG SRC=”rose3.jpg”>
</SPAN>
Practical Work 355

