%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="pt-br">
<head>
<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 Felipe 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 src="/img/logo_filiperrsoares_rodape.png" alt="Filipe R R 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="/conhecaodeputado">CONHEÇA O
DEPUTADO</a>
</li>
<li class="nav-item">
<a class="nav-link link-light text-uppercase" aria-current="page"
href="/atividadeparlamentar">Atividade
Parlamentar</a>
</li>
<li class="nav-item">
<a class="nav-link link-light text-uppercase" aria-current="page"
href="/prestacaodecontas">Prestação de
contas</a>
</li>
<li class="nav-item">
<a class="nav-link link-light text-uppercase" aria-current="page" href="/falecomigo">FALE
COMIGO</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="bg-darkbar header-h-line d-none">
</div>
</header>
<main class="container">
<main class="container bg-white">
<div class="row py-5">
<h1 class="py-5 font-garamond text-center">Fale Comigo</h1>
</div>
<div class="row pb-5 px-5">
<div class="col-12 col-md-6">
<form action="">
<h3 class="font-oswald">Envie uma mensagem:</h3>
<div class="mb-3">
<label for="nome" class="form-label">Nome:</label>
<input type="text" class="form-control" id="nome" placeholder="digite seu nome">
</div>
<div class="mb-3">
<label for="email" class="form-label">E-mail:</label>
<input type="email" class="form-control" id="email" placeholder="name@example.com">
</div>
<div class="mb-3">
<label for="telefone" class="form-label">Telefone:</label>
<input type="tel" class="form-control" id="telefone" placeholder="(99) 9999-9999"
onkeypress="mask(this, mphone);">
</div>
<div class="mb-3">
<label for="mensagem" class="form-label">Mensagem:</label>
<textarea class="form-control" id="mensagem" rows="4"></textarea>
</div>
<div class="mb-3 d-flex justify-content-end">
<input id="btnCancel" class="btn btn-secondary" type="reset" value="Cancelar">
<input id="btnSend" class="btn btn-primary ms-1" type="submit" value="Enviar">
</div>
</form>
</div>
<div class="col-12 col-md-6 px-5">
<p>
<h6 class="font-oswald font-site-bold">GABINETE - CENTRO DO RJ</h6>
<hr>
Assembleia Legislativa do Rio Janeiro de Janeiro <br />
R. da Ajuda, 5 - Centro, Rio de Janeiro - RJ<br />
Gabinete 1603, 16° andar<br />
CEP: 20040-000
</p>
<p>
<h6 class="font-oswald font-site-bold"> ESCRITÓRIO - MADUREIRA</h6>
<hr>
Praça Armando Cruz, - 120<br />
Sala 29 C, Shopping Tem Tudo<br />
CEP: 21310-350
</p>
<p>
<h6 class="font-oswald font-site-bold"> NÓS QUEREMOS TE OUVIR!</h6>
<h6 class="font-oswald font-site-bold"> SUA OPINIÃO É MUITO IMPORTANTE PRA MIM!</h6>
<hr>
WhatsApp: 21 96403-3526<br />
Telefone: (21) 2588-1345 (ALERJ) / (21) 3079-6090 - (21) 3579-1437 (Madureira)<br />
Email: filipesoares@alerj.rj.gov.br
</p>
</div>
</div>
</main>
</main>
<section class="container">
<section id="receiveNews" class="bg-darkbar main-receive-news">
<div class="row">
<div class="col-12 col-lg-4 py-2 py-lg-5">
<h3 class="text-center text-white font-garamond">Receba novidades</h3>
</div>
<div class="col-12 col-lg-8">
<div class="row justify-content-center">
<div class="col-1 d-flex align-items-center py-2 py-lg-5">
<label for="inputNovidadeEmail"
class="text-white darkbar-label-email d-none d-xxl-block">E-mail</label>
</div>
<div class="col-6 py-5">
<input type="email" placeholder="digite seu e-mail" class="form-control"
name="inputNovidadeEmail" id="inputNovidadeEmail">
</div>
<div class="col-2 py-5">
<input class="btn btn-primary" type="submit" value="Enviar">
</div>
</div>
</div>
</div>
</section>
</section>
<section class="container d-none">
</section>
<div class="container">
<footer class="text-center text-lg-start text-white bg-darkbar">
<div class="container p-4 pb-0">
<section>
<div class="row">
<div class="col-12 col-lg-4 d-flex justify-content-around"><img
src="/img/logo_filiperrsoares_rodape.png" alt=""></div>
<div class="col-12 col-lg-8 d-flex justify-content-around align-items-center mt-4 m-lg-0">
<p><a class="text-white"><i class="bi bi-facebook"></i> Facebook</a></p>
<p><a class="text-white"><i class="bi bi-instagram"></i> Instagram</a></p>
<p><a class="text-white"><i class="bi bi-twitter"></i> Twitter</a></p>
</div>
</div>
</section>
<hr class="my-3">
<section class="p-3 pt-0">
<p class="text-muted">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet lacus vel nibh varius,
eget tempor
metus mattis. Phasellus iaculis, dui ullamcorper cursus rutrum, orci urna pretium nibh, non
facilisis ipsum
felis sed lectus. Aliquam tincidunt nibh magna, sit amet pharetra nisi vulputate eu.
</p>
</section>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
function mask(o, f) {
setTimeout(function () {
var v = mphone(o.value);
if (v != o.value) {
o.value = v;
}
}, 1);
}
function mphone(v) {
var r = v.replace(/\D/g, "");
r = r.replace(/^0/, "");
if (r.length > 10) {
r = r.replace(/^(\d\d)(\d{5})(\d{4}).*/, "($1) $2-$3");
} else if (r.length > 5) {
r = r.replace(/^(\d\d)(\d{4})(\d{0,4}).*/, "($1) $2-$3");
} else if (r.length > 2) {
r = r.replace(/^(\d\d)(\d{0,5})/, "($1) $2");
} else {
r = r.replace(/^(\d*)/, "($1");
}
return r;
}
</script>
</body>
</html>
Zerion Mini Shell 1.0