Projeto_Integrador_PROZ/index.html at main · dufernandess/Projeto_Integrador_PROZ · GitHub

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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Página Inicial</title>
    <link rel="stylesheet" href="./styles_css/style_index.css">
    <link rel="stylesheet" href="./styles_css/style_header.css">
    <link rel="stylesheet" href="./styles_css/style_footer.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

    <style>
        @import url('https://fonts.googleapis.com/css2?family=Gabriela&display=swap');
    </style>
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" defer></script>
    <script src="./script_js/carrossel.js" defer></script>
    <script src="./script_js/seu_acompanhamento.js" defer></script>
    <script src="./script_js/menu_web.js" defer></script>
    <script src="./script_js/lista_suspensa.js" defer></script>

</head>
<body>
    <header>
        <div class="menu-toggle">
            <svg xmlns="http://www.w3.org/2000/svg" width="35" height="40" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
            </svg>
        </div>

        <div>
            <a href="index.html" class="logo"><img src="./img/logo_to_gravida.png"></a>
        </div>
        <nav>
            <div id="button_login">
                <button class="button_login"><a href="login.html">Login / Cadastre-se</a></button>
            </div>

            <nav class="nav">
                <ul>
                    <li>
                        <a href="" id="navegacao"><strong>Seu acompanhamento</strong></a>
                    </li>
                    <li>
                        <a href="seu_acompanhamento_planejamento.html"><strong>Planejando a sua gravidez</strong></a>
                    </li>
                    <div class="container" id="dropdownContainer">
                        <li class="dropdown" id="dropdown">
                            <button href="" class="dropdown-toggle"><strong>Nossa comunidade</strong></button>
                            <ul class="dropdown-menu" id="dropdownMenu">
                                <li class="item" id="1"><a href="topico_comunidade.html">Gravidez</a></li>
                                <li class="item" id="2"><a href="topico_comunidade.html">Tentantes</a></li>
                                <li class="item" id="3"><a href="topico_comunidade.html">Tô grávida?</a></li>
                                <li class="item" id="4"><a href="topico_comunidade.html">Infertilidade</a></li>
                            </ul>
                        </li>
                    </div>
                    <li>
                        <a href="dicas_e_informacoes.html"><strong>Dicas e Informações</strong></a>
                    </li>
                    <li>
                        <a href="central_de_apoio.html"><strong>Central de Apoio</strong></a>
                    </li>
                </ul>
            </nav>
        </nav>

        <div class="nav_web">
            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-x-square" viewBox="0 0 16 16" id="x">
            <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/>
            <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
            </svg>
            <a href="semana_1_a_4.html" id="navegacao_2"><strong>- Seu acompanhamento</strong></a>
            <a href="seu_acompanhamento_planejamento.html"><strong>- Planejando a sua gravidez</strong></a>
            <div>
                <div id="comunidadeWeb">
                    <a href="nossa_comunidade.html"><strong>- Nossa comunidade:</strong></a>
                </div>

                <div id="topicosWeb">
                    <a href="./topico_comunidade.html"><strong>Nova Gravidez</strong></a>
                    <br>
                    <a href="./topico_comunidade.html"><strong>Purpério</strong></a>
                    <br>
                    <a href="./topico_comunidade.html"><strong>Alimentação</strong></a>
                    <br>
                    <a href="./topico_comunidade.html"><strong>Psicológico</strong></a>
                </div>
            </div>
            <a href="dicas_e_informacoes.html"><strong>- Dicas e Informações</strong></a>
            <a href="central_de_apoio.html"><strong>- Central de Apoio</strong></a>
        </div>

    </header>
    <main>
        <div>
            <h1>É muito bom te encontrar por aqui!</h1>
        </div>
        <section>
        <div class="swiper mySwiper borda_rosa">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <a href="./dicas_e_informacoes.html"> <img src="img/carrossel_index_1.jpg"></a>
                <a href="./dicas_e_informacoes.html"><figcaption id="texto_mamae_do_mes">Tô grávida! E agora?</figcaption></a>
              </div>
              <div class="swiper-slide">
                <a href="https://www.hospitalstacruz.com.br/materno-infantil/encontro-de-gestantes/" target="_blank"> <img src="img/carrossel_index_2.jpg"></a>
                <a href="https://www.hospitalstacruz.com.br/materno-infantil/encontro-de-gestantes/" target="_blank"><figcaption id="texto_mamae_do_mes">Econtro de gestantes do Hospital Santa Cruz</figcaption></a>
              </div>
              <div class="swiper-slide">
                <a href="./login.html"> <img src="img/carrossel_index_3.jpg"></a>
                <a href="./login.html"><figcaption id="texto_mamae_do_mes">Receba conteúdos exclusivos sobre a sua gravidez!</figcaption></a>
              </div>
              <div class="swiper-slide">
                <a href="./central_de_apoio.html"> <img src="img/carrossel_index_4.jpg"></a>
                <a href="./central_de_apoio.html"><figcaption id="texto_mamae_do_mes">Precisa de algum tipo de ajuda?</figcaption></a>
              </div>
            </div>
            <div class="swiper-button-next" style="color: #FF0096"></div>
            <div class="swiper-button-prev" style="color: #FF0096"></div>
            <div class="swiper-pagination"></div>
          </div>
        </section>

        <section class="main_inicial">
            <div class="mamae_do_mes">
                <figure>

                <a href="mamae_do_mes.html"><img src="./img/mamae_do_mes.jpg" class="borda_rosa"></a>
                <a href="mamae_do_mes.html"><figcaption id="texto_mamae_do_mes">Venha conhecer a mamãe do mês!</figcaption></a>
                </figure>
            </div>
        </section>

        <a href="./info_dieta_gravidez.html"><section class="post_index_1">
            <div>
                <figure>
                <img src="./img/dieta_gravidez.jpg" class="borda_rosa">
                <figcaption id="figcaption_index">Mantendo uma dieta mais saudável e controlando o ganho de peso.</figcaption>
                </figure>
            </div>
            <div id="conteudo_post_1">
                <h3 class="titulo_post_main_1">Mantendo uma dieta mais saudável e controlando o ganho de peso.</h3>
                <p class="conteudo_post_main_1">Se tem uma coisa que ronda a mente de toda gestante é a questão da dieta, né? Mas calma lá, não estamos falando de passar fome ou viver à base de alface. Sabemos que esse é um período de muitas mudanças no corpo e na mente, e que às vezes dá vontade de comer tudo o que vemos pela frente.</p>
                <p class="conteudo_post_main_1">Com algumas dicas simples e práticas, você pode manter uma alimentação equilibrada e saudável para você e seu bebê, sem abrir mão do prazer de comer. Vamos lá?(...)</p>
            </div>
        </section></a>

        <a href="./info_sexo_gravidez.html"><section class="post_index_2">
            <div id="conteudo_post_2">
                <h3 class="titulo_post_main_2">Como fica a vida sexual durante a gravidez?</h3>
                <p class="conteudo_post_main_2">Ah, a gravidez! Um momento mágico, cheio de expectativas e transformações.
                Mas e o sexo nessa fase? Vamos jogar as cartas na mesa e acabar com alguns tabus, porque sim, é possível e
                muitas vezes altamente recomendado manter a chama acesa durante esse período incrível.</p>
                <p class="conteudo_post_main_2">Vamos direto ao ponto (ou aos pontos): é seguro, é saudável, e pode ser uma experiência ainda mais incrível para os futuros papais.(...)</p>
            </div>
            <div>
                <figure>
                <img src="./img/sexo_gravidez.jpg" class="borda_rosa">
                <figcaption id="figcaption_index">Como fica a vida sexual durante a gravidez?</figcaption>
                </figure>
            </div>
        </section></a>

        <a href="./info_exercicios_gravidez.html"><section class="post_index_1">
            <div>
                <figure>
                <img src="./img/exercicio_gravida.jpg" class="borda_rosa">
                <figcaption id="figcaption_index">Quais exercícios posso fazer no durante a gravidez?</figcaption>
                </figure>
            </div>
            <div id="conteudo_post_1">
                <h3 class="titulo_post_main_1">Quais exercícios posso fazer no durante a gravidez?</h3>
                <p class="conteudo_post_main_1">Ei, futuras supermamães! Se você está com um barrigão e se perguntando como
                manter a energia lá no alto e o peso sob controle, relaxa, porque a gente vai descomplicar essa história
                para você</p>
                <p class="conteudo_post_main_1">Vamos falar sobre os exercícios que vão te ajudar a se sentir uma diva gestante, e como não deixar a balança virar seu inimigo número um.(...)</p>
            </div>
        </section></a>

        <a href="./info_gravidez_preocupacoes.html"><section class="post_index_2">
            <div id="conteudo_post_2">
                <h3 class="titulo_post_main_2">Gravidez e suas preocupações</h3>
                <p class="conteudo_post_main_2">A gravidez é um período de muitas mudanças físicas
                e emocionais para a mulher e seu parceiro. Algumas das principais preocupações
                e medos que podem surgir durante a gestação são:</p>
                <p class="conteudo_post_main_2">- A saúde do bebê e da mãe, especialmente se há algum fator de risco, como idade avançada,
                doenças crônicas, infecções ou complicações na gravidez.</p>
                <p class="conteudo_post_main_2">- A adaptação à nova rotina e às novas responsabilidades que virão com a chegada do bebê,
                como cuidados, alimentação, sono, higiene, etc.(...)</p>
            </div>
            <div>
                <img src="./img/preocupacao_gravida.jpg" class="borda_rosa">
                <figure>
                <figcaption id="figcaption_index">Gravidez e suas preocupações</figcaption>
                </figure>
            </div>
        </section></a>
    </main>
    <footer>
        <div class="redes_sociais">
            <h2>Acesse nossas redes sociais</h2>
            <a href="http://www.facebook.com"><img src="./img/logo_facebook.png" class="logo_redes_sociais"></a>
            <a href="http://www.instagram.com"><img src="./img/logo_instagram.png" class="logo_redes_sociais"></a>
            <a href="http://www.youtube.com/"><img src="./img/logo_youtube.png" class="logo_redes_sociais"></a>
        </div>
        <div class="footer_sobre">
            <h2>Sobre o Tô Grávida</h2>
            <nav>
                <ul>
                    <li><a href="quem_somos.html"><strong>Quem somos</strong></a></li>
                    <li><a href="politica_privacidade_termos_uso.html"><strong>Política de Privacidade / Termos de Uso</strong></a></li>
                    <li><a href="duvidas_fale_conosco.html"><strong>Dúvidas / Fale Conosco</strong></a></li>
                </ul>
            </nav>
        </div>
    </footer>

</body>
</html>