<!DOCTYPE html>
<html lang="pt-br" class="no-js">

<head>
    <title>108° Festa de São Vito 2026</title>
    <meta charset="utf-8">
	<meta name="description" content="A melhor e mais tradicional festa italiana de São Paulo, IMPERDÍVEL!!!">
	<meta name="keywords" content="108° Festa de São Vito 2026, associação são vito martir, festa tradicional italiana, festa de são vito 2025, são vito martir, festa italiana, festa de são vito martir, festa italiana no brás">
	<meta name="robts" content="index, follow">
	<meta name="googletbot" content="index, follow">
	<meta name="author" content="FabianoWebdesign">
	<meta http-equiv="content-language" content="pt-br">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Mobile Specific Meta -->
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <!-- Favicon -->
  <link rel="shortcut icon" href="img/favicon.png" />
  <!-- Author Meta -->
  <meta name="author" content="Fabianowebdesign.com.br" />
  <!-- Meta Description -->
  <meta name="description" content="Festa de São Vito, a maior e mais tradicional festa Italiana em São Paulo, Associação São Vito Mártir" />
  <!-- Meta Keyword -->
  <meta name="keywords" content="festa de são vito, associção são vito, festa italiana" />
  <!-- meta character set -->
  <meta charset="UTF-8" />
  <!-- Site Title -->
  <title>Associação São Vito Mártir</title>

  <link href="https://fonts.googleapis.com/css?family=Playfair+Display:900|Roboto:400,400i,500,700" rel="stylesheet" />
  <!--
      CSS
      =============================================
    -->
  <link rel="stylesheet" href="css/linearicons.css" />
  <link rel="stylesheet" href="css/font-awesome.min.css" />
  <link rel="stylesheet" href="css/bootstrap.css" />
  <link rel="stylesheet" href="css/magnific-popup.css" />
  <link rel="stylesheet" href="css/owl.carousel.css" />
  <link rel="stylesheet" href="css/nice-select.css">
  <link rel="stylesheet" href="css/hexagons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/themify-icons/0.1.2/css/themify-icons.css" />
  <link rel="stylesheet" href="css/main.css" />
</head>

<body style=" background-color:#4e0001;">
  <!-- ================ Start Header Area ================= -->
  <header class="default-header" style="background-image:url(img/footer-bg.png);">
    <nav class="navbar navbar-expand-lg  navbar-light">
      <div class="container">
        <a class="navbar-brand" href="index.html">
          <img src="img/logo-sao-vito.png" alt="Logotipo Festa de São Vito" />
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="lnr lnr-menu"></span>
        </button>

        <div class="collapse navbar-collapse justify-content-end align-items-center" id="navbarSupportedContent">
          <ul class="navbar-nav">
            <li><a href="historia.html">História</a></li>
            <li><a href="festa-de-sao-vito.html">Festa de São Vito</a></li>
            <li><a href="fotos-festa-de-sao-vito-2026.html">Fotos</a></li>
            <li><a href="sao-vito.html">São Vito</a></li>
          </ul>
        </div>
      </div>
    </nav>
  </header>
  <!-- ================ End Header Area ================= -->

  <!-- ================ Start Video Area ================= -->
  <section class="video-area section-gap-bottom">
    <div class="container" style="padding-top:0px;">
      <div class="row align-items-center">
        <div class="col-lg-5">
          <div class="section-title text-white">
		    <img src="img/imagem-sao-vito.png" width="200" height="352" alt="...">
            <h2 class="text-white">
              
            </h2>

          </div>
        </div>
        <div class="offset-lg-1 col-md-6 video-left">
          <div class="owl-carousel video-carousel">
            <div class="single-video">
              <div class="video-part">
                <img class="img-fluid" src="img/destaque-home-00-2026.png" alt="108° Festa de São Vito 2026">
              </div>
              <h4 class="text-white mb-20 mt-30">108° Festa de São Vito 2026</h4>
              <p class="text-white mb-20">
                
				Os convites para a cantina são adquiridos clicando no botão abaixo, ou visite o site da Ticket360<br>
				<a href="https://www.ticket360.com.br/sub-categoria/1293/festa-de-sao-vito" target="_blank"><button class="btn text-uppercase">Mais informações</button></a>
            </div>

            <div class="single-video">
              <div class="video-part">
                <img class="img-fluid" src="img/destaque-home-01-2026.png" alt="data do evento 108° Festa de São Vito 2026">
              </div>
              <h4 class="text-white mb-20 mt-30">30 de maio a 12 de julho</h4>
              <p class="text-white mb-20">
                Aos sábados e domingo a partir das 19h00.<br>
				Maiores informações clique no botão a baixo<br>ou envie mensagem para o nosso whatsapp 11 97641-8278<br>
                <a href="https://wa.me/5511976418278?text=Festa+de+S%C3%A3o+Vito+2025...+obrigado+pelo+contato%2C+em+breve+retornamos%21" target="_blank"><button class="btn text-uppercase">Mais informações</button></a>
              </p>
            </div>

            <div class="single-video">
              <div class="video-part">
                <img class="img-fluid" src="img/destaque-home-03-2026.png" alt="Patrocinadores 108° Festa de São Vito 2026">
              </div>
              <h4 class="text-white mb-20 mt-30">Patrocinadores 2026</h4>
              <p class="text-white mb-20">
                Venha e participe desta grande festa!<br>
				Informações clique no botão a baixo ou envie<br>mensagem para o nosso whatsapp 11 97641-8278<br>
                <a href="https://wa.me/5511976418278?text=Festa+de+S%C3%A3o+Vito+2025...+obrigado+pelo+contato%2C+em+breve+retornamos%21" target="_blank"><button class="btn text-uppercase">Mais informações</button></a>
              </p>
            </div>

          </div>
        </div>
      </div>
    </div>

  </section>
  <!-- ================ End Video Area ================= -->




  <!-- ================ Start Feature Area ================= -->
  <section class="other" style="background-image:url(img/fundo-verde.png);">
      <div class="row2" style="padding:20px; margin: 0 auto; width:90%;">
				<div class="col-lg-3 col-md-6 single-footer-widget text-center">
				<a href="historia.html"><img src="img/bot-icon-historia-de-sao-vito.png" width="140" height="140" alt="História de São Vito"></a>
					<h4 style="color:#ffffff;">História</h4>
					<p>&nbsp;</p>
				</div>
				<div class="col-lg-3 col-md-6 single-footer-widget text-center">
				<a href="festa-de-sao-vito.html"><img src="img/bot-icon-festa-de-sao-vito.png" width="140" height="140" alt="..."></a>
					<h4 style="color:#ffffff;">Festa de São Vito</h4>
					<p>&nbsp;</p>
				</div>
				<div class="col-lg-3 col-md-6 single-footer-widget text-center">
				<a href="sao-vito.html"><img src="img/bot-icon-sao-vito.png" width="140" height="140" alt="São Vito"></a>
					<h4 style="color:#ffffff;">São Vito</h4>
					<p>&nbsp;</p>
				</div>
				<div class="col-lg-3 col-md-6 single-footer-widget text-center">
				<a href="creche-e-obras-sociais.html"><img src="img/bot-icon-creche.png" width="140" height="140" alt="creche são vito"></a>
					<h4 style="color:#ffffff;">Creche</h4>
					<p>&nbsp;</p>
				</div>
      </div>
  </section>
  <!-- ================ End Feature Area ================= -->

  <!-- ================ Start Testimonials Area ================= -->
  <section class="testimonials-area section-gap" style="background-color:#ffffff;">
    <div class="container" style="padding-bottom:50px;">
      <div class="testi-slider owl-carousel" data-slider-id="1">
        <div class="row align-items-center">
          <div class="col-lg-5">
            <div class="item">
              <div class="testi-item">
                <img src="img/quote.png" alt="" />
                <div class="mt-40 text">
                  <p>
                    O melhor da culinária pugliese!
					
                  </p>
                </div>
                <h4>Macarrão das Mammas</h4>
                <p>Culinária Pugliese</p>
              </div>
            </div>
          </div>

          <div class="offset-lg-1 col-lg-6">
            <img src="img/testimonial/t0.jpg" alt="Macarrão das Mammas" />
          </div>
        </div>

        <div class="row align-items-center">
          <div class="col-lg-5">
            <div class="item">
              <div class="testi-item">
                <img src="img/quote.png" alt="" />
                <div class="mt-40 text">
                  <p>
                    O melhor da culinária pugliese!
					
                  </p>
                </div>
                <h4>Guimirella</h4>
                <p>Culinária Pugliese</p>
              </div>
            </div>
          </div>

          <div class="offset-lg-1 col-lg-6">
            <img src="img/testimonial/t1.jpg" alt="Guimirella" />
          </div>
        </div>

        <div class="row align-items-center">
          <div class="col-lg-5">
            <div class="item">
              <div class="testi-item">
                <img src="img/quote.png" alt="" />
                <div class="mt-40 text">
                  <p>
                    O melhor da culinária pugliese!
					
                  </p>
                </div>
                <h4>Ficazzella</h4>
                <p>Culinária Pugliese</p>
              </div>
            </div>
          </div>

          <div class="offset-lg-1 col-lg-6">
            <img src="img/testimonial/t2.jpg" alt="Ficazzella" />
          </div>
        </div>

        <div class="row align-items-center">
          <div class="col-lg-5">
            <div class="item">
              <div class="testi-item">
                <img src="img/quote.png" alt="" />
                <div class="mt-40 text">
                  <p>
                    O melhor da culinária pugliese!
					
                  </p>
                </div>
                <h4>Antepasto</h4>
                <p>Culinária Pugliese</p>
              </div>
            </div>
          </div>

          <div class="offset-lg-1 col-lg-6">
            <img src="img/testimonial/t3.jpg" alt="Antepasto" />
          </div>
        </div>

        <div class="row align-items-center">
          <div class="col-lg-5">
            <div class="item">
              <div class="testi-item">
                <img src="img/quote.png" alt="" />
                <div class="mt-40 text">
                  <p>
                    O melhor da culinária pugliese que todos nós adoramos.
					
                  </p>
                </div>
                <h4>Ficazza</h4>
                <p>Culinária Pugliese</p>
              </div>
            </div>
          </div>

          <div class="offset-lg-1 col-lg-6">
            <img src="img/testimonial/t4.jpg" alt="Ficazza" />
          </div>
        </div>

      </div>
    </div>
  </section>
  <!-- ================ End Testimonials Area ================= -->

  <!-- ================ Start Blog Post Area ================= -->
  <section class="blog-post-area section-gap" style="background-color:#ffffff;">
    <div class="container-fluid">
      <div class="feature-inner row" style="padding-bottom:50px;">
        <div class="col-lg-12">
          <div class="section-title text-left">
            <h2>
              Associação <br />
              São Vito Mártir
            </h2>
            <p>
              A tradicional FESTA DE SÃO VITO no bairro do Brás teve sua primeira edição em 15 de junho de 1918 
			  quando os italianos de Polignano a Mare organizaram um evento religioso e social em homenagem ao seu padroeiro.
            </p>
          </div>
        </div>
        <div class="col-lg-4 col-md-6">
          <div class="single-blog-post">
            <img src="img/blog-post/b1.jpg" class="img-fluid" alt="" />
            <div class="overlay"></div>
            <div class="top-text">
              <p>15 de JUN 1918</p>
              <p>Coheça toda</p>
              <p>História</p>
            </div>
            <div class="text">
              <h4 class="text-white">Nossa História</h4>
              <div>
                <p>
                  Teve sua primeira edição em 15 de junho de 1918 com evento religioso e social.
                </p>
              </div>
              <a href="historia.html" class="primary-btn">
                Veja Mais
                <i class="fa fa-long-arrow-right"></i>
              </a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 mt--160">
          <div class="single-blog-post">
            <img src="img/blog-post/b2.jpg" class="img-fluid" alt="" />
            <div class="overlay"></div>
            <div class="top-text">
              <p>15 de JUN 1918</p>
              <p>Coheça toda</p>
              <p>História</p>
            </div>
            <div class="text">
              <h4 class="text-white">Festa de São Vito</h4>
              <div>
                <p>
                  Venha participar da 108ª Festa de São Vito. Aos sábados e domingos a partir das 19h00.
                </p>
              </div>
              <a href="festa-de-sao-vito.html" class="primary-btn">
                Veja Mais
                <i class="fa fa-long-arrow-right"></i>
              </a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 mt--260">
          <div class="single-blog-post">
            <img src="img/blog-post/b3.jpg" class="img-fluid" alt="" />
            <div class="overlay"></div>
            <div class="top-text">
              <p>15 de JUN 1918</p>
              <p>Coheça toda</p>
              <p>História</p>
            </div>
            <div class="text">
              <h4 class="text-white">Nossa Creche</h4>
              <div>
                <p>
                  Teve sua primeira edição em 15 de junho de 1918 com evento religioso e social.
                </p>
              </div>
              <a href="creche-e-obras-sociais.html" class="primary-btn">
                Veja Mais
                <i class="fa fa-long-arrow-right"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- ================ End Blog Post Area ================= -->

  <!-- ================ Start Image Gallery Area ================= -->
	<!-- Start Align Area -->
	<div class="whole-wrap" style="background-image:url(img/fundo-verde.png); padding-top:70px; padding-bottom:70px;">
		<div class="container">
			<div class="section-top-border">
				<h3 style="color:#ffffff;">Fotos da Festa de São Vito Mártir 2025</h3>
				<div class="row2 gallery-item">
					<div class="col-md-4">
						<a href="img/elements/s1.jpg" class="img-pop-up">
							<div class="single-gallery-image" style="background: url(img/elements/s1.jpg);"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a href="img/elements/s7.jpg" class="img-pop-up">
							<div class="single-gallery-image" style="background: url(img/elements/s7.jpg);"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a href="img/elements/s3.jpg" class="img-pop-up">
							<div class="single-gallery-image" style="background: url(img/elements/s3.jpg);"></div>
						</a>
					</div>
					<div class="col-md-6">
						<a href="img/elements/s4.jpg" class="img-pop-up">
							<div class="single-gallery-image" style="background: url(img/elements/s4.jpg);"></div>
						</a>
					</div>
					<div class="col-md-6">
						<a href="img/elements/s2.jpg" class="img-pop-up">
							<div class="single-gallery-image" style="background: url(img/elements/s2.jpg);"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a href="img/elements/s6.jpg" class="img-pop-up">
							<div class="single-gallery-image" style="background: url(img/elements/s6.jpg);"></div>
						</a>
					</div>
					<div class="col-md-4">
						<a href="img/elements/s5.jpg" class="img-pop-up">
							<div class="single-gallery-image" style="background: url(img/elements/s5.jpg);"></div>
						</a>
					</div>
					<div class="col-md-4" style="text-align:center; width:100%;">
						<a href="img/elements/s8.jpg" class="img-pop-up">
							<div class="single-gallery-image" style="background: url(img/elements/s8.jpg);"></div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- End Align Area -->

  <!-- ================ Start Patrocinadores Area ================= -->
  <section class="other text-center" style="background-color:#ffffff; padding-top:80px; padding-bottom:20px;">
  <h5>Nossos Patrocinadores de 2026</h5>
      <div class="row2" style="padding:20px; margin: 0 auto; width:80%;">
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-01.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-02a.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-03.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-05a.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-06.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-08.png" width="140" height="197" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-04.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-07.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-09.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-13.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-12.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-11.png" width="140" height="196" alt="Patrocinadores">
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget text-center">
				<img src="img/patrocinadores/image-14.png" width="140" height="196" alt="Patrocinadores">
				</div>


      </div>
  </section>
  <!-- ================ End Patrocinadores Area ================= -->

  <!-- ================ start footer Area ================= -->
  <footer class="footer-area section-gap">
		<div class="container">
			<div class="row2" style="padding-top:30px;">

				<div class="col-lg-6 col-md-6 single-footer-widget">
         <h4 style="color:#ffffff; padding-bottom:10px;">Localização</h4>
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3657.7367875404657!2d-46.62657908473283!3d-23.541967566762086!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce58fcf9593f2d%3A0x146eac73970e1338!2sR.+Fernandes+Silva%2C+96+-+Br%C3%A1s%2C+S%C3%A3o+Paulo+-+SP%2C+03005-010!5e0!3m2!1spt-BR!2sbr!4v1479772523214" width="98%" height="70%" frameborder="0" style="border:0"></iframe>
         		</div>

				<div class="col-lg-2 col-md-6 single-footer-widget">
					<h4>Endereço</h4>
					<ul>
						<li>R. Fernandes Silva, 96 - Brás</li>
						<li>CEP 03005-010</li>
						<li>São Paulo - SP</li>
						<li>Brasil</li>
					</ul>
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget">
					<h4>Fones</h4>
					<ul>
						<li>11 3227-8234 </a></li>
						<li>11 3229-5678</a></li>
						<li>11 3326-2957</a></li>
					</ul>
				</div>
				<div class="col-lg-2 col-md-6 single-footer-widget">
					<h4>Whatsapp</h4>
					<ul>
						<li><a href="https://wa.me/5511976418278?text=Festa+de+S%C3%A3o+Vito+2022...+obrigado+pelo+contato%2C+em+breve+retornamos%21" target="_blank">11 97641-8278</a></li>
					</ul>
				</div>
			</div>
			<div class="footer-bottom row2 align-items-center">
				<p class="footer-text m-0 col-lg-8 col-md-12">
2026 | Associação São Vito Mártir  |  <a href="https://fabianowebdesign.com.br" target="_blank"><i class="fa fa-address-card-o" aria-hidden="true"></i> FABIANO WEBDESIGN</a> 
</p>
				<div class="col-lg-4 col-md-6 footer-social">
					<a href="https://www.facebook.com/FestadeSaoVitoOficial/" target="_blank"><i class="fa fa-facebook"></i></a>
					<a href="https://www.instagram.com/festadesaovito/" target="_blank"><i class="fa fa-instagram"></i></a>
					<a href="https://wa.me/5511976418278?text=Festa+de+S%C3%A3o+Vito+2022...+obrigado+pelo+contato%2C+em+breve+retornamos%21" target="_blank"><i class="fa fa-whatsapp"></i></a>
					<a href="https://www.youtube.com/channel/UCmcOpWop8sOuC1ktRuivWyQ" target="_blank"><i class="fa fa-youtube"></i></a>
				</div>
			</div>
		</div>
	</footer>
  <!-- ================ End footer Area ================= -->

  <script src="js/vendor/jquery-2.2.4.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
    crossorigin="anonymous"></script>
  <script src="js/vendor/bootstrap.min.js"></script>

  <script src="js/jquery.ajaxchimp.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/parallax.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.sticky.js"></script>
  <script src="js/hexagons.min.js"></script>
  <script src="js/jquery.counterup.min.js"></script>
  <script src="js/waypoints.min.js"></script>
  <script src="js/jquery.nice-select.min.js"></script>
  <script src="js/main.js"></script>
</body>

</html>