Page 291 - Web Applications (803) Class 12
P. 291
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
/* to add an effect to the menu */
a:hover {
background-color: #fff;
color: #333;
box-shadow: 0 2p.x 5px rgba(0,0,0,0.3);
}
/* Style the content area */
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
</style>
</head>
<body>
<!-- Create the navigation menu using an unordered list -->
<div class=”nav”>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About Us</a></li>
</ul>
</div>
<!-- The content area for the home page -->
<div class=”container”>
<h1>Pluto - The Dwarf Planet</h1>
<p>Pluto lies in the Kuiper Belt, an area of icy bodies in the form
of a donut that lies beyond Neptune’s orbit.
</p>
<p>The heart-shaped glacier on Pluto, which is smaller than Earth’s
Moon, is the area of Texas and Oklahoma. This amazing planet has clear
skies, rotating moons, mountains as tall as the Rockies, and snow—but
it’s crimson snow.</p>
Practical Work 289

