<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>My favourite books & movies.</h1>
    <ul>
        <li><h2>Books:</h2></li>
    <p>I like to read books. Here are some of my favourite books. </p>
    <ol>
        <li>Harry Potter and the Philosopher's Stone Novel by J. K. Rowling</li>
        <li>Harry Potter and the Order of the Phoenix Novel by J. K. Rowling</li>
        <li>Harry Potter and the Half-Blood Prince Novel by J. K. Rowling</li>
        <li>Harry Potter and the Deathly Hallows Novel by J. K. Rowling</li>
        <li>Macbeth book by William Shakespeare</li>
    </ol>
    <li><h2>Movies & series:</h2></li>
    <p>I like to watch movies & webseries on my leisure time. Here are some of my favourites.</p>
    <ol>
        <li>Game Of Thrones</li>
        <li>Breaking Bad</li>
        <li>Vampire Diaries</li>
        <li>Money Heist</li>
        <li>Stranger Things</li>
    </ol>
</ul>
<form>
    <label>Name:</label><br>
    <input type="text" placeholder="Enter your first name"><br>
    <input type="text" placeholder="Enter your last name"><br>
    <label>Sex:</label><br>
    <input type="radio" value="Male">Male<br>
    <input type="radio">Female<br>
    <input type="radio">Prefer not to say<br>
    <button>Submit</button>

</form>
</body>
</html>
