media.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Media Page</title>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="index.html">About Me</a></li>
                <li><a href="form.html">Application Form</a></li>
                <li><a href="media.html">Media</a></li>
                <li><a href="table.html">Courses and School</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <h1>Media Page</h1>
        <h4>Here's an image that represents me:</h4>

        <picture>
            <img src="assets\image\linc.jpeg" alt="Description of image" width="50%" height="auto">
        </picture>

        <h4>How i love sceneries like this:</h4>
        <video width="50%" height="auto" controls>
            <source src="assets\video\47213-451041047_small.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>

        <h4>And melodies as this:</h4>
        <audio controls>
            <source src="assets/audio/nightfall-future-bass-music-228100.mp3" type="audio/mpeg">
            Your browser does not support the audio element.
        </audio>
    </main>
</body>
</html>