<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body{ background-color: rgb(99, 105, 99); font-family: 'Noto Serif', serif; } header{ text-align: center; } .all{ border: solid black 5px; width: 700px; margin: auto; } .first{ text-align: center; color: black; font-size: 45px; } footer{ color: black; background-color: rgb(131, 122, 122); } </style> <title>Document</title> </head> <body> <header> <h1> A.P.J Abdul Kalam </h1> <br> <img src="APJ-Abdul-Kalam.jpg" alt="APJ-Abdul-Kalam's picture" height="200px"> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae ratione quae quod veniam eos culpa iusto, doloremque aliquid assumenda totam. </p> </header> <main> <div class="all"> <div class="first"> <p><b>About the legend</b></p> </div> <ul> <div class="second"> <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor eveniet qui modi vitae! Quidem beatae aut ipsam quia ab et quae dolores maxime atque ducimus. Laborum deleniti amet necessitatibus dolor.</li> <br> </div> <div class="third"> <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi sequi iste dolor suscipit quia iusto recusandae odio ducimus enim doloribus!</li> <br> </div> <div class="fourth"> <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Id impedit a eum voluptatibus dolore, non expedita ipsum accusantium?</li> <br> </div> <div class="fifth"> <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vitae vero eaque consectetur possimus mollitia, dolor alias suscipit animi quis recusandae.</li> <br> </div> <br> <div class="sixt"> <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minima temporibus vero eos dolorum, ullam assumenda aliquid at hic. Nesciunt, fugiat. Ipsam iure odio a eum totam, modi et? Voluptatum rerum molestias quae laborum provident perspiciatis facere voluptate. Laboriosam, aperiam odio?</li> </div> <br> <div class="seventh"> <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus facere rem unde praesentium repudiandae nisi, saepe rerum et laboriosam, ducimus nam quasi delectus vitae, nostrum neque architecto libero!</li> </div> <br> <div class="eight"> <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum similique adipisci sunt modi quos iusto itaque, velit doloribus laborum commodi veritatis ab blanditiis quod reprehenderit. Qui, voluptas?</li> </div> </ul> </div> </main> <br> <hr> <footer> <p><small>For more please visit wikipedia website <a href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam">just click here </a></small></p><p><small>Created by <a href="mailto:rjvkha@gmail.com">Aman Kumar</a></small></p> </footer> </body> </html>