<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style type="text/css">
#div1{background-color:white;
border:5px solid #D2E1F4;
height:400px;
width:500px;
float:right;}
#div2{background-color:white;
height:400px;
width:150px;
border:5px solid #D2E1F4;
}
#div3{background-color:#D2E1F4;
height:80px;
width:635px;
}
#div4{background-color:#D2E1F4;
height:20px;
width:635px;
}
</style>
<script>
function go(obj) {
var page=obj.href;
document.getElementById('div1').innerHTML='<object data="'+page+'" type="text/html"><embed src="'+page+'" type="text/html" /></object>';
return false;
}
</script>
</head>
<body>
<div style="border:5px solid #D2E1F4;border-radius:15px;overflow:hidden;">
<div id="div3"><h1 style="color:#04408C;font-weight:bold;margin:0px;padding-top:20px;text-align:center;">Menubar</h1></div>
<div id="div1"><p style="color:#04408C;font-weight:bold;font-size:32pt;text-align:center;">Welcome Page Content</p></div>
<div id="div2"><h1 style="color:#04408C;font-weight:bold;margin:0px;padding-top:20px;text-align:center;">Sidebar</h1>
<ul>
<li><a href="http://w3schools.com" onclick="return go(this)">w3Schools</a></li>
<li><a href="http://tutorialspoint.com" onclick="return go(this)">tutorialspoint</a></li>
<li><a href="http://compileonline.com" onclick="return go(this)">link3</a></li>
<li><a href="http://Homeandlearn.co.uk" onclick="return go(this)">HomeLearn</a></li>
</ul>
</div>
<div id="div4"><Marquee style="color:#04408C;font-weight:bold;padding-bottom:15px;">Scrolling Text at Footer</Marquee></div>
</div>
</body>
</html>
<html>
<title>Web Page Design</title>
<head>
<style type="text/css">
#div1{background-color:white;
border:5px solid #D2E1F4;
height:400px;
width:500px;
float:right;}
#div2{background-color:white;
height:400px;
width:150px;
border:5px solid #D2E1F4;
}
#div3{background-color:#D2E1F4;
height:80px;
width:635px;
}
#div4{background-color:#D2E1F4;
height:20px;
width:635px;
}
</style>
<script>
function go(obj) {
var page=obj.href;
document.getElementById('div1').innerHTML='<object data="'+page+'" type="text/html"><embed src="'+page+'" type="text/html" /></object>';
return false;
}
</script>
</head>
<body>
<div style="border:5px solid #D2E1F4;border-radius:15px;overflow:hidden;">
<div id="div3"><h1 style="color:#04408C;font-weight:bold;margin:0px;padding-top:20px;text-align:center;">Menubar</h1></div>
<div id="div1"><p style="color:#04408C;font-weight:bold;font-size:32pt;text-align:center;">Welcome Page Content</p></div>
<div id="div2"><h1 style="color:#04408C;font-weight:bold;margin:0px;padding-top:20px;text-align:center;">Sidebar</h1>
<ul>
<li><a href="http://w3schools.com" onclick="return go(this)">w3Schools</a></li>
<li><a href="http://tutorialspoint.com" onclick="return go(this)">tutorialspoint</a></li>
<li><a href="http://compileonline.com" onclick="return go(this)">link3</a></li>
<li><a href="http://Homeandlearn.co.uk" onclick="return go(this)">HomeLearn</a></li>
</ul>
</div>
<div id="div4"><Marquee style="color:#04408C;font-weight:bold;padding-bottom:15px;">Scrolling Text at Footer</Marquee></div>
</div>
</body>
</html>
No comments:
Post a Comment