Page 370 - Web Applications (803) Class 11
P. 370

transition: all 0.3s ease-in-out;
                             }

                             /* to add an effect to the menu */
                             a:hover {
                                    background-color: #fff;
                                    color: #333;

                                    box-shadow: 0 2px 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>
                     </div>
                   </body>

                   </html>



                368   Touchpad Web Applications-XI
   365   366   367   368   369   370   371   372   373   374   375