index.html

<!DOCTYPE html>
<html lang='en'>

<head>
    <link rel='stylesheet' href='./assets/style.css' />
    <link rel="icon" type="image/png" href="./assets/baby-yoda-48.png">
    <title>YODA - Youtube Downloader</title>
</head>

<body>
    <section class="main">
        <h1 class='heading'>Welcome to YODA <img align="center" alt="Baby Yoda" src="./assets/baby-yoda-48.png" /></h1>
        <h3>Your friendly Youtube downloader</h3>
        <div>
            <input class='URL-input' placeholder='https://www.youtube.com/watch?v=MtN1YnoL46Q' />
            <button class='convert-button' id='btn'>Convert</button>
        </div>
        <div><label for="optSelection">Convert to:</label>
            <select id="optSelection" class='opt'>
                <option value='mp3'>mp3</option>
                <option value='mp4'>mp4</option>
            </select>
        </div>
    </section>


    <footer>
        <h3>Agustín Vázquez Cendron | If you like YODA 😀, <a href="https://buymeacoffee.com/avazquezcendron"
                target="_blank">Buy me a mate 🧉</a></h3>

    </footer>

    <script src='./assets/scripts.js'></script>
</body>

</html>