Untitled

<!DOCTYPE html>
<html>
<head>
	<title>frames</title>
	<style>
		*{
			margin: 0px;
			padding: 0px;

		}
		header,footer
		{
			background: black;
			color: orange;
			padding: 10px;
			
		}
		nav
		{
			background-color: grey;
			text-align: center;
			padding: 5px;
		}
		nav>a
		{
         text-decoration: none;
         box-shadow: 0px 0px 5px;
       
         color: white;
         border-radius: 5px;
         margin:20px ;
         padding: 3px 7px;
         
		}
		nav>a:hover
		{
           background-color: orange;
           color: black;
           padding: 1px;
		}
		aside
		{
        background-color: black;
        width: 150px;
        height: 390px;
        float: left;

		}
		aside>a
		{
			display:block;
			text-decoration: none;
			color: white;
			position: relative;
			top: 30px;
			margin-bottom: 70px;
		}
		aside>a:hover
		{
           text-decoration: underline;
		}
		section
		{
           margin-left: 150px;
           padding: 20px;
           height: 350px;
		}
		
   iframe
   {

     height: 300px;
     width: 400px;
     border: 2px solid black;  
   }
   footer
   {
   	text-align: center;
   	background-color: black;
   	color: orange;
   	padding: 30px;
   }
   footer a
   {
   	color: white;
   }

	</style>
   

</head>
<body>
	<header>
		<h1>Jspiders</h1></header>
	
		<nav>
			<a href="#">courses</a>
			<a href="#">Placements</a>
			<a href="#">Gallery</a>
			<a href="#">Contact Us</a>

		</nav>
		<aside>
			<a href="#">courses</a>
			<a href="#">Placements</a>
			<a href="#">Gallery</a>
			<a href="#">Contact Us</a>
        </aside>
      
       	<section>
       		<h1>Main Course Information</h1>
       		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d248837.12880188518!2d77.4638764973246!3d12.966723767070047!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae12335ccf1b9d%3A0xa3365bee1a2d62ed!2sMeghana%20Foods-MARATHAHALLI!5e0!3m2!1sen!2sin!4v1706543163916!5m2!1sen!2sin"></iframe>
       		<iframe src="https://www.youtube.com/embed/eIrMbAQSU34?si=AA0gdjMSUMCpFTxj"></iframe>
       	</section>
       	<footer>
       		<h3>Copy Rights-2022</h3>
       		<small>developed & maintained by <a href="http://www.jspiders.com">Jspiders</a></small>
</footer>

</body>
</html>
Editor is loading...