<!DOCTYPE html>
<html>
<head>
<style>
a
{
margin:10px;
text-decoration:none;
color:white;
}
ul li
{
padding-top:10px;
text-align:center;
list-style:none;
float:left;
height:30px;
width:100px;
border-right:3px solid white;
}
nav
{
background-color:Deeppink;
height:40px;
font-size:20px;
}
ul li:hover
{
background-color:DodgerBlue;
color:white;
}
footer
{
background-color:Darkred;
color:white;
text-align:right;
height:30px;
padding-top:10px;
border-radius:10px;
}
span
{
font-size:30px;
}
p
{
text-align:justify;
padding:5px;
}
</style>
</head>
<body bgcolor="lightyellow">
<header>
<img src="logo.png" align="center" width="100"/>  
<span >sreenu creations<span>
<hr/>
</header>
<nav>
<ul>
<li> <a href="#s3">Home</a></li>
<li> <a href="#s1">Courses</a></li>
<li> <a href="#s2">About us</a></li>
<li> <a href="#s4">Contact </a></li>
<li> <a href="Login.html">Log in</a></li>
</ul>
</nav>
<br/>
<marquee direction="right" scrollamount="5"><h1>Happy Holi</h1> </marquee>
<br/>
<marquee scrollamount="10"><img src="giphy.gif" width="200" border="1"/> </marquee>
<br/>
<marquee direction="right" scrollamount="5"><img src="giphy1.gif" width="200" border="1"/> </marquee>
<br/>
<footer>
© copy right 2019 Bollaram, HYD.
</footer>
</body>
</html>
No comments:
Post a Comment