<!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>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<body>
    <h1>My favourite TV series:</h1>
    <p>Here are some of my favourites. Navigate through any of these for more information</p>
    <ul style="margin-bottom: 200px">
        <li><a href="#got">Game Of thrones</a></li>
        <li><a href="#tvd">The Vampire Diaries</a></li>
        <li><a href="#bb">Breaking Bad</a></li>
        <li><a href="#lcdp">Money Heist</a></li>
        <li><a href="#v">Vikings</a></li>
    </ul>
    <div id="about">
        <ul>
            <li id="got" style="margin-bottom: 500px"><h2>Game Of Thrones:-</h2>
        
                <img src="got.jpg">
                <p>Nine noble families wage war against each other in order to gain control over the mythical land of Westeros. Meanwhile, a force is rising after millenniums and threatens the existence of living men.</p></li>
                
              
            <li id="tvd" style="margin-bottom: 500px"><h2>The Vampire Diaries:-</h2>
                <img src="tvd.jpg">
                <p>On her first day at high school, Elena meets Stefan and immediately feels a connection with him. However, what she does not know is that Stefan and his brother, Damon, are in fact vampires.</p></li>
            <li id="bb" style="margin-bottom: 500px"><h2>Breaking Bad:-</h2>
                <img src="breakingBad.jpg">
                <p>Walter White, a chemistry teacher, discovers that he has cancer and decides to get into the meth-making business to repay his medical debts. His priorities begin to change when he partners with Jesse.</p></li>
            <li id="lcdp" style="margin-bottom: 500px"><h2>Money Heist:-</h2>
                <img src="lcdp.jpg">
                <p>When the national mint and a touring school group are held hostage by robbers, police believe that the thieves have no way out. Little do they know that the thieves have a bigger plan in store.</p></li>
            <li id="v" style="margin-bottom: 500px"><h2>Vikings:-</h2>
                <img src="viking.jpg">
                <p>As Ragnar Lodbrok, a Norse farmer, carries out triumphant raids into English territory with the help of his fellow warriors, he ends up holding sway over the Vikings and becoming a Scandinavian king.</p></li>
            </ul>
    </div>
    <p>If you've already watched these series then I'm happy that we have same taste in movies & series :)<br> If you want to get updates from me, then fill the forms. I'll see you there ;-)</p>
    <form>
        <label>Name:</label><br>
        <input type="text" id="name" placeholder="Enter your first name"><br>
        <input type="text" id="name" placeholder="Enter your last name"><br>
        <label>Email:</label><br>
        <input type="text" id="name" placeholder="Enter your Email"><br>

        <button>Submit</button>
    
    </form>
    
</body>
</html>