What i have done here is a simple html design page that has sections and comments for each section and its work. This simple html page shows us what cane be done through simple html knowledge along with some html5 elements.
I have used here HEADER, MAIN and FOOTER sections inside body tag and separated content inside body tag with some div tag.
I have also used some style element inside tags for some improved sections.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Homework</title> </head> <body> <!-- Header Start --> <header style="width:0 auto; background-color: antiquewhite; padding: 20px;"> <h1>Best Anime Story</h1> </header> <!-- Main Section Start --> <main style="width:0 auto;border: azure; height:0 auto; padding: 50px;"> <!-- Content 1 Section --> <div style="border: 5px solid tan; padding: 5px;"> <h2>Fullmetal Alchemist: Brotherhood</h2> <img src="https://fantasyandanime.files.wordpress.com/2014/03/fullmetal-alchemist-brotherhood.jpg" alt="Fullmetal Alchemist: Brotherhood" height="350" style="width: 100%;"> <p style="font-size: larger;"> <strong> Fullmetal Alchemist: Brotherhood</strong> tells the story of Edward and Alphonse Elric as they try to restore their bodies after an attempt to bring their mother back to life using alchemy leaves Ed missing a leg and an arm and Al's spirit without a body. As they pursue this personal goal, they find themselves dealing with homunculi created by a power-hungry man who craves godlike powers and dealing with the repercussions of a terrible conflict. <br> FMA successfully weaves every element of its story into a satisfying overall story. <br> The 2003 version of Fullmetal Alchemist also features an excellent plot, but its ending is bizarre and nonsensical, and it is overall a more character-driven story than Brotherhood is, so the award for best plot goes to Brotherhood in this case.</p> </div> <!-- Seperator --> <hr style="width: 0 auto; background-color: burlywood; height: 10px;padding: 5px;"> <!-- Content 2 Section --> <div style="border: 5px solid tan; padding: 5px;"> <h2>Trailer</h2> <iframe width="100%" height="345" src="https://www.youtube.com/embed/dqDB6gQLbPM?autoplay=0"></iframe> </div> </main> <!-- Footer Start --> <footer style="width:0 auto; background-color: antiquewhite; padding: 20px;"> Prepared by : Hardik Chavda </footer> </body> </html>