Online HTML Editor

Browse more Html Examples
<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style type="text/css">
.img
{
    background-image: url();
}
.drop
{
    border: 2px solid #000000;
    background-color: #2f4f4f;
}
ul
{
    list-style-type:none;
}
ul li
{
    display: inline-flex;
    border: 2px solid #000000;
    background-color: #c0c0c0;
    color: #000000;
    list-style-type:none;
}
ul li:hover
{
    background-color: green;
    color: #000000;
    margin: 0;
    transform: ease;
    list-style-type:none;
}
ul li ul li > before
{
    list-style-type:none;
    display: none;
}
</style>
</head>
<body>
    <div class="img">
        <img src:"ttps://www.google.com/imgres?imgurl=https%3A%2F%2Fimages.pexels.com%2Fphotos%2F207962%2Fpexels-photo-207962.jpeg%3Fcs%3Dsrgb%26dl%3Dartistic-blossom-bright-207962.jpg%26fm%3Djpg&imgrefurl=https%3A%2F%2Fwww.pexels.com%2Fsearch%2Flove%2F&docid=g9fjzr-Rpfp7cM&tbnid=7MOiScst-3B_1M%3A&vet=10ahUKEwinx8nA1rjhAhU54HMBHQrhBQIQMwhlKAAwAA..i&w=1920&h=1200&bih=867&biw=1280&q=photo&ved=0ahUKEwinx8nA1rjhAhU54HMBHQrhBQIQMwhlKAAwAA&iact=mrc&uact=8">
    </div>
    <div class="drop">
<ul>
    <li>NGOindia</li>
    <li>NGO regestration</li>
    <li>NGO funding</li>
    <li>NGO agencies</li>
    <li>NGO resources</li>
    <li>Volenters</li>
    <li>News</li>
    <li>Help</li>
    <li>Helpline</li>
    <li>NGO job</li>
    <li>Add NGO</li>
    <li>Government schemes</li>
    <li>Contact</li>
</ul>
</div>
</body>
</html>
Online HTML Editor

Follow

Newsletter
