<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Netinho</title>
    <link href="assets/styles/style.css" rel="stylesheet" type="text/css" />
    <link href="assets/scripts/swiperjs/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/scripts/prettyphoto/prettyPhoto.css" rel="stylesheet" type="text/css" />
</head>
<body>
	
    <h1 style="display: none;">Netinho</h1>

    <!-- Google tag ( gtag.js ) -->
<script async src = 'https://www.googletagmanager.com/gtag/js?id=G-P89RCD2CZJ'></script>
<script>
window.dataLayer = window.dataLayer || [];

function gtag() {
    dataLayer.push( arguments );
}
gtag( 'js', new Date() );

gtag( 'config', 'G-P89RCD2CZJ' );
</script>

<header id = 'header'>
<div class = 'container'>
<nav>
<div>
<div class = 'logo click-scroll'>
<li><a href = './'><img class = 'img-fluid' src = 'assets/images/logo.png' alt = 'Logo Netinho' />
</div>
</div>
<div class = 'box-links'>
<ul id = 'nav' class = 'side-nav click-scroll'>
<li class = 'home'><a href = './'>Home</a></li>
<li class = 'biografia'><a href = '/bio/'>Biografia</a></li>
<li class = 'discografia'><a href = '/discografia/'>Discografia</a></li>
<li class = 'fotos'><a href = '/fotos/'>Fotos</a></li>
<li class = 'videos'><a href = '/videos/'>Vídeos</a></li>
<li class = 'noticias'><a href = '/noticias/'>Notícias</a></li>
<li class = 'querosaber'><a href = '/quer-saber/'>Quer Saber?</a></li>
<li class = 'redesocial'><a href = '/redesocial/'>Rede Social</a></li>
<li class = 'contato'><a href = '/contato-shows/'>Contato</a></li>
<div class = 'box-redes'>
<h3>Redes Sociais</h3>
<div class = 'box-links'>
<a class = '' href = 'https://www.instagram.com/netinhooficialbrasileiro/' target = '_blank'><img

class = 'ico' src = 'assets/images/ico-instagram.png' alt = ''></a>
<a class = '' href = 'https://www.facebook.com/NetinhoOficial' target = '_blank'><img class = 'ico'
src = 'assets/images/ico-facebook.png' alt = ''></a>
<a class = '' href = 'https://www.youtube.com/channel/UC5IVZXvQIJfCDWIAiavZhDQ'
target = '_blank'><img class = 'ico' src = 'assets/images/ico-youtube.png' alt = ''></a>
<a class = '' href = 'https://twitter.com/NETINHOOFICIAL3' target = '_blank'><img class = 'ico'
src = 'assets/images/ico-twitter.png' alt = ''></a>
</div>
</div>
</ul>
</div>
<div class = 'menu' id = 'menu'>
<span></span>
<span></span>
<span></span>
</div>
</nav>
</div>
</header>    

    <div id="main">

        <section id="banner">
            <!-- Swiper -->
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    
                        <div class="swiper-slide">
                            <a class="content" href="/quer-saber/">
                                <picture>
                                    <source media="(min-width:992px)" srcset="midia/banners/2024-10-19-quer-saber-67139f8ae76.png">
                                    <img src="midia/banners/2024-10-19-quer-saber-6713a0729c0.png" alt="section" class="img-fluid" width="100%">
                                </picture>
                                <div class="box-legenda container">
                                    <div class="row">
                                        <div class="col-lg-50">
                                            <h2>Quer Saber?</h2>
                                            <p class="text">
                                                Pergunte e eu respondo. Envie a sua pergunta para Netinho com seu nome e cidade/estado onde mora.                                            </p>
                                            <span class="bt"><p>ACESSE</p></span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                    
                        <div class="swiper-slide">
                            <a class="content" href="/bio/">
                                <picture>
                                    <source media="(min-width:992px)" srcset="midia/banners/2024-01-05-biografia-65983d0f54a.png">
                                    <img src="midia/banners/2024-01-05-biografia-1-65983d0f552.png" alt="section" class="img-fluid" width="100%">
                                </picture>
                                <div class="box-legenda container">
                                    <div class="row">
                                        <div class="col-lg-50">
                                            <h2>Biografia</h2>
                                            <p class="text">
                                                Veja a nossa biografia                                            </p>
                                            <span class="bt"><p>ACESSE</p></span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                    
                        <div class="swiper-slide">
                            <a class="content" href="/discografia/">
                                <picture>
                                    <source media="(min-width:992px)" srcset="midia/banners/2024-01-08-discografia-659beecdf18.png">
                                    <img src="midia/banners/2024-01-08-discografia-659beecdf1d.png" alt="section" class="img-fluid" width="100%">
                                </picture>
                                <div class="box-legenda container">
                                    <div class="row">
                                        <div class="col-lg-50">
                                            <h2>Discografia</h2>
                                            <p class="text">
                                                Confira toda a discografia de Netinho                                            </p>
                                            <span class="bt"><p>ACESSE</p></span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                    
                        <div class="swiper-slide">
                            <a class="content" href="/fotos/">
                                <picture>
                                    <source media="(min-width:992px)" srcset="midia/banners/2024-01-05-fotos-65983c71368.png">
                                    <img src="midia/banners/2024-01-05-fotos-1-65983c7136e.png" alt="section" class="img-fluid" width="100%">
                                </picture>
                                <div class="box-legenda container">
                                    <div class="row">
                                        <div class="col-lg-50">
                                            <h2>Fotos</h2>
                                            <p class="text">
                                                Confira a nossa galeria de fotos                                            </p>
                                            <span class="bt"><p>ACESSE</p></span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                    
                        <div class="swiper-slide">
                            <a class="content" href="/videos/">
                                <picture>
                                    <source media="(min-width:992px)" srcset="midia/banners/2024-01-05-videos-65983c2a411.png">
                                    <img src="midia/banners/2024-01-05-videos-1-65983c2a417.png" alt="section" class="img-fluid" width="100%">
                                </picture>
                                <div class="box-legenda container">
                                    <div class="row">
                                        <div class="col-lg-50">
                                            <h2>Vídeos</h2>
                                            <p class="text">
                                                Confira a nossa galeria de vídeos                                             </p>
                                            <span class="bt"><p>ACESSE</p></span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                    
                        <div class="swiper-slide">
                            <a class="content" href="/noticias/">
                                <picture>
                                    <source media="(min-width:992px)" srcset="midia/banners/2024-01-05-noticias-65983bad5ae.png">
                                    <img src="midia/banners/2024-01-05-noticias-1-65983bad5b3.png" alt="section" class="img-fluid" width="100%">
                                </picture>
                                <div class="box-legenda container">
                                    <div class="row">
                                        <div class="col-lg-50">
                                            <h2>Notícias</h2>
                                            <p class="text">
                                                Confira as últimas notícias de Netinho                                            </p>
                                            <span class="bt"><p>ACESSE</p></span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                    
                        <div class="swiper-slide">
                            <a class="content" href="/redesocial/">
                                <picture>
                                    <source media="(min-width:992px)" srcset="midia/banners/2024-01-05-redes-sociais-65983a5d334.png">
                                    <img src="midia/banners/2024-01-05-redes-sociais-1-65983a5d339.png" alt="section" class="img-fluid" width="100%">
                                </picture>
                                <div class="box-legenda container">
                                    <div class="row">
                                        <div class="col-lg-50">
                                            <h2>Redes Sociais</h2>
                                            <p class="text">
                                                Confira o feed das nossas redes sociais                                            </p>
                                            <span class="bt"><p>ACESSE</p></span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                    
                        <div class="swiper-slide">
                            <a class="content" href="/contato-shows/">
                                <picture>
                                    <source media="(min-width:992px)" srcset="midia/banners/2024-01-05-contato-6598389b995.png">
                                    <img src="midia/banners/2024-01-05-contato-1-6598389b99c.png" alt="section" class="img-fluid" width="100%">
                                </picture>
                                <div class="box-legenda container">
                                    <div class="row">
                                        <div class="col-lg-50">
                                            <h2>Contato para shows</h2>
                                            <p class="text">
                                                Venda direta com o artista!                                            </p>
                                            <span class="bt"><p>ACESSE</p></span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>

                    
                </div>
                <!-- <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div> -->
                <div class="swiper-pagination"></div>
            </div>
        </section>

        <!-- <section id="banner-pub">
            <div class="container">
                <div class="row">
                    <div class="col-lg-100">
                        <a href="" target="_blank">
                            <img class="img-fluid" src="assets/images/banner-pub.png" alt=""/>
                        </a>
                    </div>
                </div>
            </div>
        </section> -->

        <!-- <section id="banner-destaques">
            <div class="container">
                <div class="row">
                    <div class="col-lg-25 col-sm-50">
                        <a href="/biografia/">
                            <img class="img-fluid" src="assets/images/home-biografia.png" alt=""/>
                        </a>
                    </div>
                    <div class="col-lg-25 col-sm-50">
                        <a href="/discografia/">
                            <img class="img-fluid" src="assets/images/home-discografia.png" alt=""/>
                        </a>
                    </div>
                    <div class="col-lg-25 col-sm-50">
                        <a href="/fotos/">
                            <img class="img-fluid" src="assets/images/home-fotos.png" alt=""/>
                        </a>
                    </div>
                    <div class="col-lg-25 col-sm-50">
                        <a href="/videos/">
                            <img class="img-fluid" src="assets/images/home-videos.png" alt=""/>
                        </a>
                    </div>
                </div>
            </div>
        </section> -->

        <div class="noticias">
            <section id="subtitle" class="section">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-100">
                            <div class="box-title">
                                <h2 class="title-page">Notícias</h2>
                                <!-- <h2 class="subtitle-page noticias">Últimas</h2> -->
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section id="content" class="section noticias-ult">
                <div class="container">
                    <div class="row">
                        
                                                <div class="col-lg-33 col-md-50 col-sm-100">
                            <a class="link" href="noticia/netinho-anuncia-seu-carnaval-2026">
                                <figure class="figure">
                                    <img src="/midia/news/2026-01-19-netinho-jan-2026-696e556b64e.jpg" alt="NETINHO ANUNCIA SEU CARNAVAL 2026"
                                        class="img-fluid" />
                                </figure>
                                <div class="box-legenda">
                                    <p><small>19/01/2026 às 12:56</small></p>
                                    <h3>NETINHO ANUNCIA SEU CARNAVAL 2026</h3>
                                    <p><big>Netinho informa quer cantará todos os dias do Carnaval 2026 em cidades pelo Brasil.</big>
                                    </p>
                                    <span>
                                        <p>Ler mais</p>
                                    </span>
                                </div>
                            </a>
                        </div>
                                                <div class="col-lg-33 col-md-50 col-sm-100">
                            <a class="link" href="noticia/netinho-deseja-feliz-2026-para-todos">
                                <figure class="figure">
                                    <img src="/midia/news/2025-12-31-feliz-2026-6954f6aa268.png" alt="NETINHO DESEJA FELIZ 2026 PARA TODOS"
                                        class="img-fluid" />
                                </figure>
                                <div class="box-legenda">
                                    <p><small>31/12/2025 às 07:07</small></p>
                                    <h3>NETINHO DESEJA FELIZ 2026 PARA TODOS</h3>
                                    <p><big>Netinho publica mensagem em video desejando Feliz 2026 para todos. O video está no seu canal do Youtube NETINHO OFICIAL.</big>
                                    </p>
                                    <span>
                                        <p>Ler mais</p>
                                    </span>
                                </div>
                            </a>
                        </div>
                                                <div class="col-lg-33 col-md-50 col-sm-100">
                            <a class="link" href="noticia/netinho-lancou-novo-videoclipe">
                                <figure class="figure">
                                    <img src="/midia/news/2025-12-05-screenshot-2025-12-05-at-21-46-09-69337ecac7c.png" alt="NETINHO LANÇOU NOVO VIDEOCLIPE"
                                        class="img-fluid" />
                                </figure>
                                <div class="box-legenda">
                                    <p><small>05/12/2025 às 21:44</small></p>
                                    <h3>NETINHO LANÇOU NOVO VIDEOCLIPE</h3>
                                    <p><big>O cantor baiano Netinho lançou novo videoclipe.</big>
                                    </p>
                                    <span>
                                        <p>Ler mais</p>
                                    </span>
                                </div>
                            </a>
                        </div>
                                                
                    </div>
                    <div class="row">
                        <div class="col-lg-100">
                            <a class="link-noticias" href="/noticias/" class="bt"><p>VER TODAS AS NOTÍCIAS</p></a>
                        </div>
                    </div>
                </div>
                <div class="container" style="display:none">
                    <div class="row">
                        <div class="col-12 text-center">
                            <div class="pagination-area">
                                <ul class="pagination">
                                    <li><a href="/noticia/">➜</a></li>
                                    
                                    <li><a href="/noticia//1" class="current">1</a></li>                                    
                                    <li><a href="/noticia/">➜</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    
    </div>

    <footer id="footer" class="footer">
    <div class="container">
        <div class="row">
            <div class="flex">
                <div class="box-logo-redes">
                    <img class="img-fluid logo-br" src="assets/images/logo-br.png" alt=""/>
                    <div class="box-redes">
                        <h2>SIGA NOSSAS REDES SOCIAIS...</h2>
                        <div class="box-links">
                        <a class="" href="https://www.instagram.com/netinhooficialbrasileiro/" target="_blank"><img class="ico" src="assets/images/ico-instagram.png" alt=""><span>Instagram</span></a>
                        <a class="" href="https://www.facebook.com/NetinhoOficial" target="_blank"><img class="ico" src="assets/images/ico-facebook.png" alt=""><span>Facebook</span></a>
                        <a class="" href="https://www.youtube.com/channel/UC5IVZXvQIJfCDWIAiavZhDQ" target="_blank"><img class="ico" src="assets/images/ico-youtube.png" alt=""><span>Youtube</span></a>
                        <a class="" href="https://twitter.com/NETINHOOFICIAL3" target="_blank"><img class="ico" src="assets/images/ico-twitter.png" alt=""><span>Twitter</span></a></div>
                    </div>                
                </div>
                <div class="box-contato">
                    <h3>CONTATO PARA SHOWS:</h3>
                    <p><b>Cris Freire</b></p>
                    <br>
                    <p><b>Tel / Whatsapp:</b> <a href="https://api.whatsapp.com/send?phone=5571988228801" target="_blank"> 71 98822-8801</a></p>
                    <p><b>Email:</b> <a href="mailto:crisfreire@netinho.com.br" target="_blank">crisfreire<wbr>@netinho<wbr>.com.br</a></p>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="container">
        <div class="row">
            <div class="col-lg-100">
                <p class="text-copy">© Netinho 2024 - Todos os Direitos Reservados.</p>
            </div>
        </div>
    </div>
</footer>
    <script>
    //Menu Responsivo
    // For toggling and finding number of children and other stuff is done here!
    const navigation = document.getElementById("nav");
    const menu = document.getElementById("menu");

    menu.addEventListener("click", () => {
        // The navigation.children.length means the following :-
        // The children inside a parent are basically an array of elements; So, here I'm finding the length of the array aka how many children are inside the nav bar.
        //   Yup That's all.
        navigation.style.setProperty("--childenNumber", navigation.children.length);

        //    Casually Toggling Classes to make them animate on click
        //   Regular stuff ;)
        navigation.classList.toggle("active");
        menu.classList.toggle("active");
    });


    //Click na Ã¡rea remove menu
    ///const areaSlide = document.getElementById("banner");
    const areaMain = document.getElementById("nav");

    /* areaSlide.addEventListener("click", () => {
        navigation.classList.remove("active");
        menu.classList.remove("active");
    }); */
    areaMain.addEventListener("click", () => {
        navigation.classList.remove("active");
        menu.classList.remove("active");
    });
</script>

<script src="assets/scripts/jquery-3.7.0.min.js"></script>

<script>
    jQuery(window).scroll(function () {

        $scrollTop = $(this).scrollTop();

        if ($scrollTop >= 100) {
            jQuery('#header').css('background-color', '#ffffffcf');
            jQuery('.logo img').css('width', '60%');
            jQuery('#header nav').css('padding', '0rem 0.3rem');
        } else {
            jQuery('#header').css('background-color', 'transparent');
            jQuery('.logo img').css('width', '100%');
            jQuery('#header nav').css('padding', '1rem 0.3rem');
        }

    });
</script>
    <!-- Swiper JS -->
    <script src="assets/scripts/swiperjs/swiper-bundle.min.js"></script>

    <script>
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1,
        spaceBetween: 0,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        keyboard: {
            enabled: true,
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
    </script>

</body>
</html>