index.html

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Background</title>
    <link href="favicon.png"type="image/icon"rel="icon">
    <link  href="style.css"type="text/css"rel="stylesheet">
</head>
<body>

    <div class="videoBg">
        <video  autoplay muted loop>
            <source src="video.mp4" type="video/mp4">
        </video>

        <div class="textofvideo">
            <h1>Largest city in the world</h1>
            <p>New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is Manhattan, a densely populated borough that’s among the world’s major commercial, financial and cultural centers. Its iconic sites include skyscrapers such as the Empire State Building and sprawling Central Park. Broadway theater is staged in neon-lit Times Square</p>
        </div>

        <div class="btn">
            <button><a href="https://www.google.com/maps/place/New+York,+NY,+USA/data=!4m2!3m1!1s0x89c24fa5d33f083b:0xc80b8f06e177fe62?sa=X&ved=2ahUKEwjVp53IsoruAhU6ILcAHX7ACBwQ8gEwFHoECC8QAQ"target="_blank">Visit city</a></button>
        </div>
    </div>
    
</body>
</html>