<html>
<head>
<body style="background-color:green">
<marquee bgcolor="#eeeeee" direction="left" scrollamount="3" width="100%" height="20">
السلام عليكم ورحمة وبركاته
</marquee><br>
<p>
<marquee bgcolor="skyblue" direction="down" scrollamount="3" width="49%" height="500">
<center>Enjoy yourself</center>
<center>Enjoy yourself</center>
<center>Enjoy yourself</center>
</marquee>
<marquee bgcolor="skyblue" direction="up" scrollamount="3" width="49%" height="500">
<center>Welcome</center>
<center>Welcome</center>
<center>Welcome</center>
</marquee></p>
<marquee bgcolor="#eeeeee" direction="right" scrollamount="3" width="100%" height="20">
Welcome to Abdulwahab Web design ✌ ✌ ✌
</marquee>
<p>Login and see what we've got for you<p>
<form>
E-mail: <input type="email" name="usremail">
</form> <form>
Enter Password: <input type="password">
<input type="submit">
</form>
<title>HTML dialog Tag</title>
</head>
<body>
<!-- <dialog> Tag
The HTML <dialog> element represents a dialog box or other interactive component, such as an window.
-->
<!DOCTYPE html>
<html>
<head>
<title>HTML dialog Tag</title>
</head>
<body>
<!-- Simple pop-up dialog box, containing a form -->
<dialog id="dialog">
<form method="dialog">
<h3> I welcome you to my Web. Taking you to the journey of excess enjoyment starting from game to quran to videos to lots of other entertainment. </h3>
<menu>
<button id="close" type="reset">Close</button>
</menu>
</form>
</dialog>
<menu>
<button id="click">Click Me</button>
</menu>
<script>
(function()
{
var clickButton = document.getElementById('click');
var closeButton = document.getElementById('close');
var Dialog = document.getElementById('dialog');
// Update button opens a modal dialog
clickButton.addEventListener('click', function() {
Dialog.showModal();
});
// Form close button closes the dialog box
closeButton.addEventListener('click', function() {
Dialog.close();
});
})();
</script>
</body>
</html>
<title> DropDown</title>
<style media="screen" type="text/css">
.clearfix:after {
display:block;
clear:both;
}
/*----- Menu Outline -----*/
.menu a {
transition:all linear 0.15s;
color:#919191;
}
.menu .arrow {
font-size:11px;
line-height:0%;
}
/*----- Top Level -----*/
.menu > ul > li {
float:left;
display:inline-block;
position:relative;
font-size:19px;
}
.menu > ul > li > a {
padding:10px 40px;
display:inline-block;
text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
background:#2e2728;
}
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
z-index:1;
opacity:1;
}
.sub-menu {
width:160%;
padding:5px 0px;
z-index:-1;
opacity:0;
transition:opacity linear 0.15s;
box-shadow:0px 2px 3px rgba(0,0,0,0.2);
background:#2e2728;
}
.sub-menu li {
display:block;
font-size:16px;
}
.sub-menu li a {
padding:10px 30px;
display:block;
}
.sub-menu li a:hover, .sub-menu .current-item a {
color:red;
background:#3e3436;
}
</style>
</head>
<body>
<nav class="menu">
<ul class="clearfix">
<li>
<a href="#">More about the Programmer<span class="arrow">▼</span></a>
<ul class="sub-menu">
<li><a href="#">Biograghy</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Experience</a></li>
</ul>
</li>
</ul>
</nav>
<body>
<p></form><p>
<h4>CREATE FREE ACCOUNT FOR MAX OPERATION</h4>
<aside>choose name :</aside><input style=width:45%;margin-left:8px;border-radius:5px;>
<aside> Email :</aside><input placeholder="example@mail" style=width:45%;margin-left:8px;border-radius:5px;>
<aside> password :</aside><input style=width:45%;margin-left:8px;border-radius:5px;>
<input type="SUBMIT"value="sign up"style=margin-left:12px;background-color:#1e90ff;font-weight:bold;color:#f0ffff;>
</form>
</div>
<div id="fixedfooter">
<fuxedfooter style="background-color:white">
Designed by Ogunremi Abdulwahab Akorede
<p><u>For any enquiry call +2348024053749, or message us on our email @ akoboy98@gmail.com </u> -2017 ©
</div>
<div id="oum111">
</body>
</html>
</body>
</html><a hred='wtai://wp/ml;number here'>call me</a>
No comments:
Post a Comment