<!DOCTYPE html>
<html>
<head>
<!-- Metadata Information -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="author" content="Shreyansh Kumar Singh">
<base href="" target="_blank">
<title>Harry Potter</title>
</head>
<body style="background-color:DarkSeaGreen;">
<!-- Name of the Movie -->
<h1 style="color:Purple; font-family:Bradley Hand, cursive; text-align:center; font-size:300%">ツ Harry Potter Series ツ</h1>
<!-- Author of the Movie -->
<h2 style="color:Khaki; font-family:Bradley Hand, cursive; text-align:center; font-size:200%"><i>by <u>J.K. Rowling</u></i></h2>
<h3 style="color:Purple; color:Tomato; font-family:Gill Sans, sans-serif; text-align:center; font-size:150%">⬐⇘⇘Cast⇙⇙⬎</h3>
<div>
<!-- Casts of the Movie -->
<font color="IndianRed">
<ul style="font-family:Bradley Hand, cursive; text-align:center">
<li>
‣ <a href="https://en.wikipedia.org/wiki/Daniel_Radcliffe"; target = "_blank"> Daniel Radcliffe ➭ </a><sup>(Harry Potter)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Rupert_Grint"; target = "_blank"> Rupert Grint ➭ </a><sup>(Ron Weasley)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Emma_Watson"; target = "_blank"> Emma Watson ➭ </a><sup>(Hermornie Granger)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Ralph_Fiennes"; target = "_blank"> Ralph Fiennes ➭ </a><sup>(Lord Voldermort)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Gary_Oldman"; target = "_blank"> Gary Oldman ➭ </a><sup>(Sirius Black)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Michael_Gambon"; target = "_blank"> Michael Gambon ➭ </a><sup>(Professor Albus Dumbledore)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Maggie_Smith"; target = "_blank"> Maggie Smith ➭ </a><sup>(Minerva Mcconagle)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Timothy_Spall"; target = "_blank"> Timothy Spall ➭ </a><sup>(Peter Pettigrew)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Robbie_Coltrane"; target = "_blank"> Robbie Coltrane ➭ </a><sup>(Rubeus Hagrid)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Alan_Rickman"; target = "_blank"> Alan Rickman ➭ </a><sup>(Severus Snape)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Bonnie_Wright"; target = "_blank"> Bonnie Wright ➭ </a><sup>(Ginny Weasley)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Tom_Felton"; target = "_blank"> Tom Felton ➭ </a><sup>(Draco Malfoy)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Emma_Thompson"; target = "_blank"> Emma Thompson ➭ </a><sup>(Sybil Trelawney)</sup>
‣ <a href="https://en.wikipedia.org/wiki/Robert_Pattinson"; target = "_blank"> Robert Pattinson ➭ </a><sup>(Cedric Diggory)</sup>
</li>
</ul>
</font>
</div>
<!-- Description of the Series -->
<p>Harry Potter is a series of fantasy novels written by British author J. K. Rowling.
The novels chronicle the lives of a young wizard, Harry Potter, and his friends Hermione Granger and Ron Weasley,
all of whom are students at Hogwarts School of Witchcraft and Wizardry. The main story arc concerns Harry's struggle against
Lord Voldemort, a dark wizard who intends to become immortal, overthrow the wizard governing body known as the Ministry of Magic
and subjugate all wizards and Muggles (non-magical people).</p>
<!-- Cover images of the Series -->
<p style="text-align:center;">
<img src="https://dhzhzw.dm.files.1drv.com/y4mJ1dde93gA0QvUv1caa5iGvJpcsXgC-NrdxzUeNSP7aKWX6UZfYCYUy8YH55mjU4ul85rGAvegecxaqCVkly_
B3KZnnKj4DUG23Sv1pHxQ9U70mkNfTQd60PVcMtIP1BEdt_OOgFyeBHKa0xAXB_UmHw6BaNM_ATAAiXgfFAQ7XZsj1tGrEmMghvZn_wvnY0d8-Qd0wJ7KPi9q02jIv1edQ?
width=1209&height=851&cropmode=none" alt="Harry Potter Movies" width="1000" height="600" align="center">
</p>
<p>
The central character in the series is Harry Potter, a boy who lives in the fictional town of Little Whinging, Surrey with his
aunt, uncle, and cousin – the Dursleys – and discovers at the age of eleven that he is a wizard, though he lives in the ordinary
world of non-magical people known as Muggles. The wizarding world exists parallel to the Muggle world, albeit hidden and in
secrecy. His magical ability is inborn, and children with such abilities are invited to attend exclusive magic schools that
teach the necessary skills to succeed in the wizarding world.<br>
Harry becomes a student at Hogwarts School of Witchcraft and Wizardry, a wizarding academy in Scotland, and it is here where
most of the events in the series take place. As Harry develops through his adolescence, he learns to overcome the problems that
face him: magical, social, and emotional, including ordinary teenage challenges such as friendships, infatuation,
romantic relationships, schoolwork and exams, anxiety, depression, stress, and the greater test of preparing himself for the
confrontation that lies ahead in wizarding Britain's increasingly-violent second wizarding war
</p>
<div style="color:rgb(17, 146, 86); font-size:150%">
<h2 style="color:Purple; font-family:American Typewriter, serif;"><em>:: Complete Series ::</em>
<em>& :: Theatrical Trailer ::</em></h2>
<p>
<ol><strong>
<li>Harry Potter and the Sorcerer's Stone (2001)
<!-- Inline frame is used to embed another document -->
<iframe width="455" height="256" src="https://www.youtube.com/embed/VyHV0BRtdxo" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li>Harry Potter and the Chamber of Secrets (2002)
<iframe width="455" height="256" src="https://www.youtube.com/embed/1bq0qff4iF8" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li>Harry Potter and the Prisoner of Azkaban (2004)
<iframe width="455" height="256" src="https://www.youtube.com/embed/lAxgztbYDbs" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li>Harry Potter and the Goblet of Fire (2005)
<iframe width="455" height="256" src="https://www.youtube.com/embed/3EGojp4Hh6I" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li>Harry Potter and the Order of the Phoenix (2007)
<iframe width="455" height="256" src="https://www.youtube.com/embed/y6ZW7KXaXYk" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li>Harry Potter and the Half-Blood Prince (2009)
<iframe width="455" height="256" src="https://www.youtube.com/embed/sg81Lts5kYY" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li>Harry Potter and the Deathly Hallows: Part 1 (2010)
<iframe width="455" height="256" src="https://www.youtube.com/embed/MxqsmsA8y5k" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<ul><li>Harry Potter and the Deathly Hallows: Part 2 (2011)
<iframe width="455" height="256" src="https://www.youtube.com/embed/monOjieIgA4" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li></ul>
</p>
</strong></ol>
</div>
<div style="text-align:center;">
<h2 style="color:SlateBlue; font-family:Bradley Hand, cursive; font-size:150%"><i>*** Information Sources ***</i></h2>
<!-- Defining Hyperlinks -->
<ul>
<li><a href="https://www.imdb.com"; style="color:SaddleBrown" target = "_blank"> ☛ IMDB</a></li>
<li><a href="https://en.wikipedia.org"; style="color:SaddleBrown" target = "_blank"> ☛ Wikipedia</a></li>
<li><a href="https://google.com"; style="color:SaddleBrown" target = "_blank"> ☛ GOOGLE</a></li>
<li><a href="https://youtube.com"; style="color:SaddleBrown" target = "_blank"> ☛ Youtube</a></li>
<li><a href="https://www.w3schools.com"; style="color:SaddleBrown" target = "_blank"> ☛ W3Schools</a></li>
</ul>
</div>
<!-- Audio tag used to embed sound content in the document -->
<p style="color:Indigo; text-align:center; font-size:180%">
<i><b>Harry Potter
<audio src="Harry Potter Theme Song.mp3" controls autoplay preload="auto">Harry Potter Theme Song</audio> Theme Song</b></i>
</p>
<!-- Form for user input using Form, Select & Option -->
<form>
<select name="Rating">
<option value="---">Choose your rating!</option>
<option value="1">★ 1 Star</option>
<option value="2">★★ 2 Stars</option>
<option value="3">★★★ 3 Stars</option>
<option value="4">★★★★ 4 Stars</option>
<option value="5">★★★★★ 5 Stars</option>
</select>
<button>Save Rating</button>
</form>
<div>
<!-- Tags & Attributes -->
<h3 style="color:SkyBlue; text-align:center;">
## <u>TAGS & Attributes used in this HTML File</u> ##
</h3>
<p style="color:Chocolate; text-align:center;">
< HTML > < HEAD > < META > < BASE > < TITLE > < BODY ><br>
< H1 > < H2 > < H3 > < DIV > < FONT > < UL > < OL ><br>
< LI > < A > < P > < STYLE > < IMG > < STRONG ><br>
< EM > < I > < B > < IFRAME > < AUDIO ><br>
< FORM > < SELECT > < OPTION ><br>
< INPUT >
</p>
</div>
<div style="text-align:right">
<!-- A HTML form with 3 Input fields; 2 Text fields and 1 Submit button -->
<h4 style ="color:DarkSlateGrey;"> !! Feedback Please !! </h4>
<form action="#">
Name:
<input type="text" placeholder = "Your Name"
value="">
Feedback:
<input type="text" placeholder = "Your Feedback"
value="">
<input type="Submit" value="Submit">
</form>
</div>
</body>
</html>