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
   286   287   288   289   290   291   292   293   294   295   296