-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (82 loc) · 4.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF=8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Aline Yoda">
<meta name="description" content="Projeto final da trilha 1 do Descodificadas">
<link rel="shortcut icon" type="image/png" href="./assets/icones/lotus-icone.png">
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&family=Oswald:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/style/style.css">
<title>Conheça o Budismo</title>
</head>
<body>
<header class="header">
<div class="overlay"></div>
<div class="menu_header">
<div class="titulo__menu">
<a href="index.html">Conheça o Budismo</a>
</div>
<div class="links_header">
<a href="./index.html" id="links__header_atual">Página Inicial</a>
<a href="./programacao.html" class="links__header">Programação</a>
<a href="./local.html" class="links__header">Local</a>
</div>
</div>
<div class="titulo_header">
<span class="data__header">09/12/2023</span>
<span class="titulo__header">CONHEÇA O BUDISMO</span>
<span class="barra__header"></span>
<span class="local__header">Sede Regional Pirituba</span>
</div>
</header>
<div class="preview_evento">
<div class="presenca_index">
<span class="titulo_preview">CONHEÇA UM POUCO SOBRE O BUDISMO DE FORMA SIMPLES E DINÂMICA</span>
</div>
<div class="container_preview">
<div class="historia_budismo">
<h2 class="titulo__container">A história do Budismo</h2>
<img class="imagem_container" src="./assets/imagens/estatua-index.jpg" alt="Estátua de pedra de um Buda segurando um pergaminho em frente a um templo budista">
<span class="legenda__container">A origem do budismo desde a Índia, até se espalhar pelo mundo inteiro</span>
</div>
<div class="sobre_gakkai">
<h2 class="titulo__container">O que é a Soka Gakkai</h2>
<img class="imagem_container" src="./assets/imagens/daisaku-index.jpg" alt="Dr. Daisaku Ikeda cumprimentando Nelson Mandela">
<span class="legenda__container">Conheça a nossa organização e o Presidente Daisaku Ikeda</span>
</div>
<div class="sobre_daimoku">
<h2 class="titulo__container">Sobre o Daimoku</h2>
<img class="imagem_container" src="./assets/imagens/daimoku-index.jpg" alt="Mulheres realizando daimoku">
<span class="legenda__container">Uma explicação sobre a nossa oração: Nam-myoho-renge-kyo</span>
</div>
</div>
<button class="confirmar_presenca"><a href="https://docs.google.com/forms/d/e/1FAIpQLSccUdTF6TMG5sNcB4cKOATdomXajEczWmSS97LcqGUo3v2q9A/viewform?usp=send_form" target="_blank"> Confirmar presença</a></button>
</div>
<div class="video_institucional">
<iframe width="560" height="315" src="https://www.youtube.com/embed/8pniugHmOYo?si=sO_s2_YO-h_iN4vK" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="objetivo_evento">
<span class="frase_objetivo">O OBJETIVO DESTE EVENTO É MOSTRAR COMO A PRÁTICA DO BUDISMO PODE LEVAR AO DESENVOLVIMENTO PESSOAL E À TRANSFORMAÇÃO INTERIOR</span>
<img class="imagem_objetivo" src="./assets/imagens/transf-index.jpg" alt="Quatro pessoas se abraçando observando o pôr-do-sol.">
<span class="frase_index">
“A grandiosa revolução humana de uma única pessoa, um dia, impulsionará a mudança total do destino de um país e, além disso, será capaz de transformar o destino de toda a humanidade.” Daisaku Ikeda
</span>
</div>
<div class="conheca_organizacao">
<span class="conheca_titulo">Conheça a nossa organização</span>
<div class="conheca_links">
<a href="https://www.bsgi.org.br/" target="_blank"><img src="https://www.policiamilitar.sp.gov.br/unidades/ccomsoc/seminario/images/parceiros/bsgi.png" alt="Logo da Brasil SGI"></a>
<a href="https://www.sokaglobal.org/" target="_blank"><img src="https://www.sokaglobal.org/wp-content/themes/soka/assets/img/logo01_pc.png" alt="Logo da Soka Gakkai Internacional"></a>
</div>
</div>
<footer class="footer">
<span class="footer__texto">
Feito com <img class="icone--texto" alt="Amor" src="./assets/icones/coracao.svg"> por Aline Yoda
</span>
</footer>
</body>
</html>