Skip to content

Commit

Permalink
igreja 0.0.1
Browse files Browse the repository at this point in the history
  • Loading branch information
@juan-zimmerman
juan-zimmerman committed Nov 16, 2024
0 parents commit e5de8ea
Show file tree
Hide file tree
Showing 7 changed files with 578 additions and 0 deletions.
35 changes: 35 additions & 0 deletions album-culto-jovens.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Álbum - Culto dos Jovens</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Igreja Batista Família Aliança</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="pedidos.html">Pedidos de Oração</a></li>
</ul>
</nav>
</header>

<section class="galeria">
<h2>Álbum: Culto dos Jovens</h2>
<div class="fotos-container">
<img src="https://via.placeholder.com/400x300" alt="Foto Jovens 1">
<img src="https://via.placeholder.com/400x300" alt="Foto Jovens 2">
<img src="https://via.placeholder.com/400x300" alt="Foto Jovens 3">
</div>
</section>

<footer>
<p>&copy; 2024 Igreja Batista Família Aliança. Todos os direitos reservados.</p>
</footer>
</body>
</html>
39 changes: 39 additions & 0 deletions contato.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contato - Igreja Batista Família Aliança</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Igreja Batista Família Aliança</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="pedidos.html">Pedidos de Oração</a></li>
</ul>
</nav>
</header>
<main>
<section class="contato">
<h2>Entre em Contato</h2>
<form>
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="mensagem">Mensagem:</label>
<textarea id="mensagem" name="mensagem" required></textarea>
<button type="submit">Enviar</button>
</form>
</section>
</main>
<footer>
<p>&copy; 2024 Igreja Batista Família Aliança</p>
</footer>
</body>
</html>
56 changes: 56 additions & 0 deletions fotos.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fotos - Igreja Batista Família Aliança</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Igreja Batista Família Aliança</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="pedidos.html">Pedidos de Oração</a></li>
</ul>
</nav>
</header>

<section class="galeria">
<h2>Galeria de Fotos</h2>

<!-- Fotos principais -->
<div class="fotos-container">
<img src="https://via.placeholder.com/400x300" alt="Foto 1">
<img src="https://via.placeholder.com/400x300" alt="Foto 2">
<img src="https://via.placeholder.com/400x300" alt="Foto 3">
</div>

<!-- Álbuns -->
<div class="albuns">
<h3>Álbuns</h3>
<div class="albuns-container">
<a href="album-culto-jovens.html" class="album">
<img src="https://via.placeholder.com/200x150" alt="Culto Jovens">
<p>Culto dos Jovens</p>
</a>
<a href="album-culto-mulheres.html" class="album">
<img src="https://via.placeholder.com/200x150" alt="Culto Mulheres">
<p>Culto das Mulheres</p>
</a>
<a href="album-eventos.html" class="album">
<img src="https://via.placeholder.com/200x150" alt="Eventos">
<p>Eventos Especiais</p>
</a>
</div>
</div>
</section>

<footer>
<p>&copy; 2024 Igreja Batista Família Aliança. Todos os direitos reservados.</p>
</footer>
</body>
</html>
62 changes: 62 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="pt-BR">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Igreja Batista Família Aliança</title>
<link rel="stylesheet" href="styles.css">
</head>

<body>
<header>
<h1>Igreja Batista Família Aliança</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="pedidos.html">Pedidos de Oração</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<h2>Bem-vindo à Igreja Batista Família Aliança</h2>
<p>Venha nos visitar e compartilhar momentos de fé e comunhão!</p>
</section>

<section class="mensagem-diaria">
<h2>Mensagem Diária da Bíblia</h2>
<div id="mensagem">
<!-- O versículo será inserido aqui pelo JavaScript -->
</div>
</section>

<section class="transmissao-ao-vivo">
<h2>Última Transmissão ao Vivo</h2>
<div class="video-container">
<iframe id="youtube-video" width="1236" height="695" src="https://www.youtube.com/embed/96CqcXYU_PM"
title="Culto da Igreja Batista Familia Aliança 10/11/2024" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</section>

<section class="programacao">
<h3>Programação Semanal</h3>
<ul>
<li>Terça-feira - 20:00: Culto das Mulheres e Homens</li>
<li>Domingo - 09:30: Escola Bíblica Discipuladora</li>
<li>Domingo - 18:30: Culto da Família</li>
</ul>
</section>
</main>
<footer>
<p>Rua Cincinato Braga, 888 - Planalto, São Bernardo do Campo</p>
<p>&copy; 2024 Igreja Batista Família Aliança</p>
</footer>
<script src="scripts.js"></script>
</body>

</html>
37 changes: 37 additions & 0 deletions pedidos.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pedidos de Oração - Igreja Batista Família Aliança</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Igreja Batista Família Aliança</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="pedidos.html">Pedidos de Oração</a></li>
</ul>
</nav>
</header>
<main>
<section class="pedido-oracao">
<h2>Deixe seu Pedido de Oração</h2>
<form>
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" required>
<label for="pedido">Pedido de Oração:</label>
<textarea id="pedido" name="pedido" required></textarea>
<button type="submit">Enviar</button>
</form>
</section>
</main>
<footer>
<p>&copy; 2024 Igreja Batista Família Aliança</p>
</footer>
</body>
</html>
41 changes: 41 additions & 0 deletions scripts.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
document.addEventListener("DOMContentLoaded", () => {
console.log("Site carregado com sucesso!");

// Smooth scrolling apenas para âncoras internas
const links = document.querySelectorAll("nav ul li a");
links.forEach(link => {
link.addEventListener("click", event => {
const href = event.target.getAttribute("href");

// Se o link começa com '#' (âncora interna), faz smooth scroll
if (href.startsWith("#")) {
event.preventDefault();
const targetId = href.substring(1);
const targetElement = document.getElementById(targetId);

if (targetElement) {
targetElement.scrollIntoView({ behavior: "smooth" });
}
}
});
});
});

document.addEventListener("DOMContentLoaded", () => {
console.log("Site carregado com sucesso!");

// Mensagens da Bíblia
const mensagens = [
"Confie no Senhor de todo o coração e não se apoie em seu próprio entendimento. - Provérbios 3:5",
"Tudo posso naquele que me fortalece. - Filipenses 4:13",
"Pois eu sei os planos que tenho para você, diz o Senhor, planos de prosperar e não de causar dano, planos de dar esperança e um futuro. - Jeremias 29:11",
"O Senhor é meu pastor e nada me faltará. - Salmos 23:1",
"Alegrem-se sempre. Orem continuamente. Dêem graças em todas as circunstâncias. - 1 Tessalonicenses 5:16-18"
];

// Seleciona uma mensagem aleatória
const mensagemDiaria = mensagens[Math.floor(Math.random() * mensagens.length)];

// Exibe a mensagem na seção
document.getElementById("mensagem").textContent = mensagemDiaria;
});
Loading

0 comments on commit e5de8ea

Please sign in to comment.