Create a HTML document that has two frames in one column The
Create a HTML document that has two frames in one column. The top frame, which must be 20 percent of the column, must have at least four links to other documents; the bottom frame will display those documents. The links must be names of cars; the documents must has one line descriptions of the cars.
Solution
<html>
 <head>
 <title>Cars</title>
     <style>
         ul{
             list-style-type: none;
             margin: 0;
             padding: 0;
             width: 400px;
             height: 20%;
             background-color: yellow;
         }
         li{
             padding: 10px;
             text-align: center;
         }
         div.column{
             background-color: lightgrey;
             display: block;
             width: 400px;
             height: 800px;
         }
    </style>
 </head>
 <body>
     <h2>Navigation Bar</h2>
     <div class=\"column\">
     <ul>
     <li><a href=\"#\">Volkswagen</a></li>
         <li><a href=\"#\">Lamborghini</a></li>
         <li><a href=\"#\">Porshe</a></li>
         <li><a href=\"#\">Ferrari</a></li>
     </ul>
         <h3 align=\"center\">Documents</h3>
         <p class=\"V\">Volkswagen is a German Auto maker founded on 4th January 1937 by the German labour front.</p>
         <p class=\"L\">Lamborghini is an italian Brand and manufacturer of luxury sports car and SUV\'s</p>
         <p class=\"P\">Porshe is a German auto mobile manufacturer, specializing in high performance, sport cars and SUV\'s</p>
         <p class=\"F\">Ferrari is the wordls most powerful brand, according to brand Finance.</p>
         </div>
     </body>
 </html>

