HTML

<div class="galerija">


            <div class="slika1">
                <figure>
                    <a href="https://static.independent.co.uk/s3fs-public/thumbnails/image/2017/07/11/11/harold-0.jpg">
                        <img src="https://static.independent.co.uk/s3fs-public/thumbnails/image/2017/07/11/11/harold-0.jpg"></a>
                    <figcaption>Dobrodosli</figcaption>
                </figure>
            </div>

            <div class="slika2">
                <figure>
                    <a href="https://images.pexels.com/photos/905874/pexels-photo-905874.jpeg">
                        <img src="https://images.pexels.com/photos/905874/pexels-photo-905874.jpeg"></a>
                    <figcaption>Ja pod kolokvijem provjeravam jesam živ</figcaption>
                </figure>
            </div>

            <div class="slika3">
                <figure>
                    <a href="https://images.pexels.com/photos/450271/pexels-photo-450271.jpeg">
                        <img src="https://images.pexels.com/photos/450271/pexels-photo-450271.jpeg"></a>
                    <figcaption>Čovjeku urnebesno smiješno</figcaption>
                </figure>
            </div>

            <div class="slika4">
                <figure>
                    <a href="https://images.pexels.com/photos/1509428/pexels-photo-1509428.jpeg">
                        <img src="https://images.pexels.com/photos/1509428/pexels-photo-1509428.jpeg"></a>
                    <figcaption>Nikome zapravo ovako ne izgleda stol. Ikada.</figcaption>
                </figure>
            </div>

            <div class="slika5">
                <figure>
                    <a href="https://images.pexels.com/photos/1960183/pexels-photo-1960183.jpeg">
                        <img src="https://images.pexels.com/photos/1960183/pexels-photo-1960183.jpeg"></a>
                    <figcaption>Prilično sam siguran da fotoaparat ne funkcionira ovako</figcaption>
                </figure>
            </div>

            <div class="video1">
                <figure>
                    <video controls>
                        <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
                    </video>
                    <figcaption>Random video 1</figcaption>
                </figure>
            </div>

            <div class="video2">
                <figure>
                    <video controls>
                        <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" type="video/mp4">
                    </video>
                    <figcaption>Random video 2</figcaption>
                </figure>
            </div>

            <div class="video3">
                <figure>
                    <video controls>
                        <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4" type="video/mp4">
                    </video>
                    <figcaption>Random video 3</figcaption>
                </figure>
            </div>

            <div class="video4">
                <figure>
                    <video controls>
                        <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4" type="video/mp4">
                    </video>
                    <figcaption>Random video 4</figcaption>
                </figure>
            </div>

            <div class="video5">
                <figure>
                    <iframe width="560" height="315" src="https://www.youtube.com/embed/vabnZ9-ex7o?autoplay=1"></iframe>
                    <figcaption>Nirvana</figcaption>
                </figure>
            </div>

            <div class="audio1">
                <figure>
                    <audio controls>
                        <source src="../multimedija/tokyo.mp3" type="audio/mpeg">
                    </audio>
                    <figcaption>Drift</figcaption>
                </figure>
            </div>

            <div class="audio2">
                <figure>
                    <audio controls>
                        <source src="../multimedija/gas.mp3" type="audio/mpeg">
                    </audio>
                    <figcaption>Gotta go fast</figcaption>
                </figure>
            </div>

            <div class="audio3">
                <figure>
                    <audio controls>
                        <source src="../multimedija/crab.mp3" type="audio/mpeg">
                    </audio>
                    <figcaption>Samo je jedan rave</figcaption>
                </figure>
            </div>

            <div class="audio4">
                <figure>
                    <audio controls>
                        <source src="../multimedija/ah.mp3" type="audio/mpeg">
                    </audio>
                    <figcaption>Aaaaaaaaaaahhhhhh</figcaption>
                </figure>
            </div>

            <div class="audio5">
                <figure>
                    <audio controls>
                        <source src="../multimedija/somebody.mp3" type="audio/mpeg">
                    </audio>
                    <figcaption>I ain't the sharpest tool in the shed</figcaption>
                </figure>
            </div>

        </div>