Error loading template file (template/header-template.php).<br/>
<div class="content3">
    <h1 class="title">As melhores referências de hotéis e hostels</h1>
    <p class="f18 book">O <b>Music Show</b> vai proporcionar dias bastante movimentados e intensos para os participantes. Por isso, pensando no público que vem de fora de São Paulo, também planejamos uma infraestrutura hoteleira de muita qualidade.<br><br>
    Opções de hospedagem (hostel e hóteis)</p>
    <div class="mt-2 flex justify-between">
    <button id="b1" class="button">Hotel Rede Accor</button>
    <button id="b2" class="button">Hotel Merak</button>
    <button id="b3" class="button">Hostels</button>
    </div>
</div>

<div id="hospedagens" class="row">
    <div class="pl-1 mt-6">
        <hr>
        <h2 id="c1" class="f34">Rede Accor</h2>
        <hr>
        <p class="f22"><b>Hotel Reservation:</b><br>
        Ms. Flavia Furlan<br>
        flavia.furlan@accor.com.br<br>
        +55 (11) 98588-7760
        </p>
    </div>
    <div class="col-4">
        <div id="hosp2" class="heavy">
            Mercure Moema
            <button onClick="window.open( 'https://goo.gl/maps/4CX8cp1ZjFC2','_blank')"><span class="icon-seta2"></span></button>
        </div>
        <p class="f25 heavy">Mercure Moema</p>
        <p class="f18 book"><b>Endereço:</b> Av. Lavandisca, 365 - Moema, São Paulo - SP, 04515-010<br>
            <b>Telefone:</b> (11) 5053-2899</p>
    </div>
    <div class="col-4">
        <div id="hosp3" class="heavy">
            Mercure SP Time Square
            <button onClick="window.open( 'https://goo.gl/maps/jmFiwFmZujm','_blank')"><span class="icon-seta2"></span></button>
        </div>
        <p class="f25 heavy">Mercure SP Time Square</p>
        <p class="f18 book"><b>Endereço:</b> Av. Jamaris, 100 - Torre 1 - Indianópolis, São Paulo - SP, 04078-000<br>
<b>Telefone:</b> (11) 5053-2500</p>
    </div>
    
    <div class="col-4">
        <div id="hosp4" class="heavy">
            Mercure SP Ibirapuera Privilege
            <button onClick="window.open( 'https://goo.gl/maps/a1R9mPJsgtT2','_blank')"><span class="icon-seta2"></span></button>
        </div>
        <p class="f25 heavy">Mercure SP Ibirapuera Privilege</p>
        <p class="f18 book"><b>Endereço:</b> Mercure Sao Paulo Privilege Hotel, Edifício The Privilege Flat - Av. Macuco, 579 - Moema, São Paulo - SP, 04523-001</p>
    </div>
    <div class="col-4">
        <div id="hosp5" class="heavy">
            Adagio SP Moema
            <button onClick="window.open( 'https://goo.gl/maps/V6jY6LmoJSq','_blank')"><span class="icon-seta2"></span></button>
        </div>
        <p class="f25 heavy">Adagio SP Moema</p>
        <p class="f18 book"><b>Endereço:</b> Torre 2 - Av. Jamaris, 100 - Moema, São Paulo - SP, 04078-000<br>
            <b>Telefone:</b> (11) 5053-2550</p>
    </div>
    <div class="pl-1 mb-2 col-12">
        <hr>
        <h2 id="c2" class="f34">Hotel Merak</h2>
        <hr>
    </div>
    <div class="col-4">
        <div id="hosp6" class="heavy">
            Hotel MERAK
            <button onClick="window.open( 'https://goo.gl/maps/YNkHDiCSwp62','_blank')"><span class="icon-seta2"></span></button>
        </div>
        <p class="f25 heavy">Hotel MERAK</p>
        <p class="f18 book"><b>Endereço:</b> Av. Lavandisca, 262 - Moema, São Paulo - SP, 04515-010<br>
            <b>Telefone:</b> (11) 5053-6770</p>
    </div>
    
    <div class="pl-1 mb-2 col-12">
        <hr>
        <h2 id="c3" class="f34">Hostels</h2>
        <hr>
    </div>
    <div class="col-4">
        <div id="hosp7" class="heavy">
            HOSTEL BRAZILODGE 
            <button onClick="window.open( 'https://goo.gl/maps/X5kjFq6XHUL2','_blank')"><span class="icon-seta2"></span></button>
        </div>
        <p class="f25 heavy">HOSTEL BRAZILODGE</p>
        <p class="f18 book"><b>Endereço:</b> R. Rio Grande, 167 - Vila Mariana, São Paulo - SP, 04018-000<br>
            <b>Telefone:</b> (11) 2362-6495</p>
    </div>
    <div class="col-4">
        <div id="hosp8" class="heavy">
            The Hostel Vila Mariana
            <button onClick="window.open( 'https://goo.gl/maps/GvdXzTD4kGN2','_blank')"><span class="icon-seta2"></span></button>
        </div>
        <p class="f25 heavy">The Hostel Vila Mariana</p>
        <p class="f18 book"><b>Endereço:</b> R. Domingos de Morais, 775 - Vila Mariana, São Paulo - SP, 04009-001<br>
            <b>Telefone:</b> (11) 5082-2952</p>
    </div>
    
</div>

<script>
    $("#b1").click(function() {
        $('html, body').animate({
            scrollTop: $("#c1").offset().top - 150
        }, 1000);
    });
    $("#b2").click(function() {
        $('html, body').animate({
            scrollTop: $("#c2").offset().top - 150
        }, 1000);
    });
    $("#b3").click(function() {
        $('html, body').animate({
            scrollTop: $("#c3").offset().top - 150
        }, 1000);
    });
    
    
$(window).scroll(function() {
        var top = $(document).scrollTop();
        if (document.getElementsByClassName('icone')[0]) {
            var icon = document.getElementsByClassName('icone')[0];

            if (top > 0) {
                icon.style.height = '0px';
                icon.style.paddingBottom = '0px';
            } else {
                icon.style.height = '100px';
            }
        }
    });
</script>

Error loading template file (template/footer-template.php).<br/>