%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/projetos/davidrrsoares.com.br/
Upload File :
Create Path :
Current File : /var/www/projetos/davidrrsoares.com.br/index.html

<!DOCTYPE html>
<html lang="pt-br">

<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z90D1G5R3R"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-Z90D1G5R3R');
  </script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
  <link rel="stylesheet" href="css/site.css">
  <title>.: Deputado David R.R. Soares</title>
</head>

<body>
  <header class="container">
    <nav id="NavTop" class="navbar navbar-expand-lg bg-transparent header-nav">
      <div class="container">
        <a class="navbar-brand" href="/">
          <img class="navbar-brand" src="img/Logo.png" alt="David RR Soares">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTopToggle"
          aria-controls="navbarTopToggle" aria-expanded="false" aria-label="Toggle navigation">
          <i class="bi bi-list text-white"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarTopToggle">
          <ul class="navbar-nav mb-2 mb-lg-0 w-100 d-flex justify-content-around font-oswald">
            <li class="nav-item">
              <a class="nav-link link-light text-uppercase" aria-current="page" href="minhahistoria/index.html">MINHA
                HISTÓRIA</a>
            </li>
            <li class="nav-item">
              <a class="nav-link link-light text-uppercase" aria-current="page" href="atividadeparlamentar/index.html">Atividade
                Parlamentar</a>
            </li>
            <li class="nav-item">
              <a class="nav-link link-light text-uppercase" aria-current="page" href="prestacaodecontas/index.html">Prestação de
                contas</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link link-light text-uppercase dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">ARTIGOS</a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="artigos/mercosul.html">Mercosul</a></li>
                <li><a class="dropdown-item" href="artigos/igreja-politica.html">A Igreja e a Política</a></li>
              </ul>
            </li>
            <li class="nav-item">
              <a class="nav-link link-light text-uppercase" aria-current="page" href="falecomigo/index.html">FALE COMIGO</a>
            </li>
          </ul>

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

    <div class="bg-darkbar header-h-line d-none">
    </div>

    <div id="carouselHome" class="carousel  slide" data-bs-ride="carousel">
      <div class="carousel-indicators">
        <button type="button" data-bs-target="#carouselHome" data-bs-slide-to="0" aria-label="Slide 1" aria-current="true" class="active"></button>
        <button type="button" data-bs-target="#carouselHome" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carouselHome" data-bs-slide-to="2" aria-label="Slide 3"></button>
      </div>
      <div class="carousel-inner">
        <div class="carousel-item active" data-bs-interval="10000">
          <img src="img/b1.jpg" class="d-block w-100" alt="">
        </div>
        <div class="carousel-item" data-bs-interval="10000">
          <img  src="img/b2.jpg" class="d-block w-100" alt="">
        </div>
        <div class="carousel-item" data-bs-interval="10000">
          <img  src="img/b3.jpg" class="d-block w-100" alt="">
        </div>
      </div>
      <button class="carousel-control-prev" type="button" data-bs-target="#carouselHome" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#carouselHome" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>
  </header>

  <main class="container">

  </main>

  <section class="container">
    <section id="receiveNews" class="bg-darkblue main-receive-news">
      <div class="row d-flex justify-content-center align-items-center">
        <div class="col-12 col-lg-4 py-2 py-lg-4">
          <h3 class="text-center text-white font-garamond">Fale conosco pelo WhatsApp</h3>
        </div>
        <div class="col-12 col-lg-4 py-2 py-lg-4 text-center">
          <a href="https://wa.me/5511911110111?text=Olá!%20Vim%20pelo%20site%20e%20gostaria%20de%20receber%20novidades%20do%20Deputado%20David%20Soares."
             target="_blank"
             class="btn btn-success btn-lg">
            <i class="bi bi-whatsapp"></i> Iniciar conversa
          </a>
        </div>
      </div>
    </section>
  </section>

  <!-- Seção Saiu na Mídia -->
  <section class="container">
    <div class="bg-white py-4">
      <div class="col-12">
        <h1 class="py-4 font-garamond text-center m-0">Saiu na Mídia</h1>
      </div>
      <div class="row justify-content-center px-4 pb-4">
        <div class="col-12 col-lg-8">
          <a href="https://www.youtube.com/watch?v=8iLwPM542Co" target="_blank" class="video-thumb-link d-block position-relative">
            <img src="img/midia/thumb-tvcamara.jpg"
                 class="img-fluid rounded w-100"
                 alt="Entrevista TV Câmara - Deputado David Soares">
            <div class="play-button position-absolute top-50 start-50 translate-middle">
              <svg width="68" height="48" viewBox="0 0 68 48">
                <path class="play-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#212121" fill-opacity="0.8"></path>
                <path d="M 45,24 27,14 27,34" fill="#fff"></path>
              </svg>
            </div>
          </a>
          <p class="text-center text-muted mt-3 font-oswald">Entrevista - TV Câmara</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Seção Galeria de Fotos -->
  <section class="container">
    <div class="bg-white py-4 mt-0">
      <div class="col-12">
        <h1 class="py-4 font-garamond text-center m-0">Galeria de Fotos</h1>
      </div>
      <div class="row justify-content-center px-4 pb-4">
        <!-- Foto 1 -->
        <div class="col-6 col-md-3 mb-3">
          <a href="img/galeria/foto1.jpg" data-bs-toggle="modal" data-bs-target="#galeriaModal" onclick="abrirFoto('img/galeria/foto1.jpg', 'Legenda da foto 1')">
            <img src="img/galeria/foto1.jpg" class="img-fluid rounded galeria-thumb" alt="Foto 1">
          </a>
        </div>
        <!-- Foto 2 -->
        <div class="col-6 col-md-3 mb-3">
          <a href="img/galeria/foto2.jpg" data-bs-toggle="modal" data-bs-target="#galeriaModal" onclick="abrirFoto('img/galeria/foto2.jpg', 'Legenda da foto 2')">
            <img src="img/galeria/foto2.jpg" class="img-fluid rounded galeria-thumb" alt="Foto 2">
          </a>
        </div>
        <!-- Foto 3 -->
        <div class="col-6 col-md-3 mb-3">
          <a href="img/galeria/foto3.jpg" data-bs-toggle="modal" data-bs-target="#galeriaModal" onclick="abrirFoto('img/galeria/foto3.jpg', 'Legenda da foto 3')">
            <img src="img/galeria/foto3.jpg" class="img-fluid rounded galeria-thumb" alt="Foto 3">
          </a>
        </div>
        <!-- Foto 4 -->
        <div class="col-6 col-md-3 mb-3">
          <a href="img/galeria/foto4.jpg" data-bs-toggle="modal" data-bs-target="#galeriaModal" onclick="abrirFoto('img/galeria/foto4.jpg', 'Legenda da foto 4')">
            <img src="img/galeria/foto4.jpg" class="img-fluid rounded galeria-thumb" alt="Foto 4">
          </a>
        </div>
        <!-- Foto 5 -->
        <div class="col-6 col-md-3 mb-3">
          <a href="img/galeria/foto5.jpg" data-bs-toggle="modal" data-bs-target="#galeriaModal" onclick="abrirFoto('img/galeria/foto5.jpg', 'Legenda da foto 5')">
            <img src="img/galeria/foto5.jpg" class="img-fluid rounded galeria-thumb" alt="Foto 5">
          </a>
        </div>
        <!-- Foto 6 -->
        <div class="col-6 col-md-3 mb-3">
          <a href="img/galeria/foto6.jpg" data-bs-toggle="modal" data-bs-target="#galeriaModal" onclick="abrirFoto('img/galeria/foto6.jpg', 'Legenda da foto 6')">
            <img src="img/galeria/foto6.jpg" class="img-fluid rounded galeria-thumb" alt="Foto 6">
          </a>
        </div>
        <!-- Foto 7 -->
        <div class="col-6 col-md-3 mb-3">
          <a href="img/galeria/foto7.jpg" data-bs-toggle="modal" data-bs-target="#galeriaModal" onclick="abrirFoto('img/galeria/foto7.jpg', 'Legenda da foto 7')">
            <img src="img/galeria/foto7.jpg" class="img-fluid rounded galeria-thumb" alt="Foto 7">
          </a>
        </div>
        <!-- Foto 8 -->
        <div class="col-6 col-md-3 mb-3">
          <a href="img/galeria/foto8.jpg" data-bs-toggle="modal" data-bs-target="#galeriaModal" onclick="abrirFoto('img/galeria/foto8.jpg', 'Legenda da foto 8')">
            <img src="img/galeria/foto8.jpg" class="img-fluid rounded galeria-thumb" alt="Foto 8">
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- Modal para Galeria -->
  <div class="modal fade" id="galeriaModal" tabindex="-1" aria-labelledby="galeriaModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-darkblue">
          <h5 class="modal-title text-white font-garamond" id="galeriaModalLabel">Galeria de Fotos</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Fechar"></button>
        </div>
        <div class="modal-body text-center p-0">
          <img src="" id="modalFoto" class="img-fluid" alt="Foto ampliada">
        </div>
        <div class="modal-footer">
          <p id="modalLegenda" class="m-0 text-muted"></p>
        </div>
      </div>
    </div>
  </div>

  <section class="container ">
    <div class="form-row bg-white m-0">
      <div class="col-12">
        <h1 id="titulo-redes-sociais" class="py-4 font-garamond text-center m-0">Acompanhe nas redes</h1>
      </div>
    </div>
    <div class="row d-flex bg-white m-0 justify-content-around">
      <div class="col-12 col-md-4 overflow-hidden p-0 mb-4">

        <div class="socialmediascrool overflow-hidden">
          <iframe width="100%" height="100%" src="https://www.instagram.com/p/DRFn9oSAfHw/embed" 
          frameborder="0"></iframe>

        </div>
      </div>

      <div class="col-12 col-md-4 overflow-hidden p-0 mb-4">
		  <iframe class="socialmediascrool"
			src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fdavidbrsoares&tabs=timeline&width=432&height=765&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=true&appId"
			width="100%" height="100%" 
			style="border:none;overflow:hidden" 
			scrolling="yes" 
			frameborder="0"
			allowfullscreen="true"
			allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
		  </iframe>
		</div>

    </div>

  </section>

  <div class="container">
    <footer class="text-center text-lg-start text-white bg-darkblue">
      <div class="container p-4 pb-0">

        <section>
          <div id="footer" class="row p-2 d-flex justify-content-between align-items-center">
            <div id="footer-inf" class="col-12 col-lg-4 d-flex justify-content-center">
              <p class="">
                CONTATO:<br />
                (61) 3215-5235<br />
                dep.davidsoares@camara.leg.br<br />
                Gabinete 235<br />
                CÂMARA DOS DEPUTADOS
              </p>
            </div>
            <div id="footer-img" class="col-12 col-lg-4 d-flex justify-content-center">
              <img class="img w-50" src="img/Logo.png" alt="David RR Soares">
            </div>
          </div>
        </section>
      </div>
    </footer>
  </div>


  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="js/script.js"></script>
</body>

</html>

Zerion Mini Shell 1.0