Page 414 - Webapplication11_C11_Flipbook
P. 414

margin-right: 10px;
                                    padding: 5px;

                                    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 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>



                412   Touchpad Web Applications-XI
   409   410   411   412   413   414   415   416   417   418   419