<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,600;0,700;0,900;1,100&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@24,300,0,0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="stylesheet" href="css/style.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Name of the page</title>
        <link rel="icon" type="image/png" href="/blasterLogo/Blaster-Logo-Favicon.png">
</head>
<body>
    <header id="heder">
        <div class="ostatakHedera">
            <a href="/"><img src="blasterLogo/Blaster-Logo-Favicon.png" alt="logo"></a>
        <div>
             <a href="/dogadjaji">Догађаји</a>
                <a href="/izvodjaci">Извођачи</a>
                <a href="/podkesti">Подкести</a>
                <a href="/o_nama">О нама</a>
        
        </div>
        <div class="navmenu">
            <input type="checkbox" name="hamburger" id="hamburger"></input>
            <label for="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </label>
            <div class="hamburgerovMeni">
                <a href="/dogadjaji">Догађаји</a>
                <a href="/izvodjaci">Извођачи</a>
                <a href="/podkesti">Подкести</a>
                <a href="/o_nama">О нама</a>
        
            </div>
        </div>
        </div>
    </header>

    <section class="sekcijaSaradnje">
        <div>
            <h2>Желиш да радиш са нама?</h2>
            <p>Одабери једну од одговарајућих професија доле и проучи више о волонтирању за нас!</p>
        </div>
        <button class="accordion">Section 1</button>
        <div class="panel">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem in voluptatum deleniti a voluptate. Praesentium, veniam! Sit voluptate laboriosam beatae! Voluptatibus quae assumenda vero? Nemo ut velit corrupti laudantium tenetur!</p>
        </div>

        <button class="accordion">Section 1</button>
        <div class="panel">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique deserunt veritatis vel quae, labore optio reiciendis ducimus modi commodi saepe id voluptates, sunt illum, veniam iure excepturi. Optio, iusto aperiam.</p>
        </div>

        <button class="accordion">Section 1</button>
        <div class="panel">
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatem repellendus impedit assumenda, autem ipsam, et aspernatur totam excepturi, nobis molestias blanditiis iure quis amet. Pariatur voluptates labore quibusdam sed explicabo!</p>
        </div>
        <button class="accordion">Section 1</button>
        <div class="panel">
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatem repellendus impedit assumenda, autem ipsam, et aspernatur totam excepturi, nobis molestias blanditiis iure quis amet. Pariatur voluptates labore quibusdam sed explicabo!</p>
        </div>
        <button class="accordion">Section 1</button>
        <div class="panel">
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatem repellendus impedit assumenda, autem ipsam, et aspernatur totam excepturi, nobis molestias blanditiis iure quis amet. Pariatur voluptates labore quibusdam sed explicabo!</p>
        </div>
    </section>

    <footer>
        <div>
            <h4>Пронађи нас на</h4>
            <a href="#" class="futerDugme">Инстаграм</a>
            <a href="#" class="futerDugme">Фејсбук</a>
            <a href="#" class="futerDugme">Јутјуб</a>
            <a href="#" class="futerDugme">Саундклауд</a>
            <a href="#" class="futerDugme">Бендкемп</a>
        </div>
        <div>
            <h4>Мени</h4>
             <a href="/dogadjaji">Догађаји</a>
                <a href="/izvodjaci">Извођачи</a>
                <a href="/podkesti">Подкести</a>
                <a href="/o_nama">О нама</a>
        
        </div>
        <div>
            <h4>Контакт</h4>
            <a href="" class="futerDugme">И-мејл</a>
        </div>
    </footer>
</body>
</html>

<script src="js/zatamniSkrolom.js"></script>
<script src="js/zaSaradnjeHarmonika.js"></script>