Agrinho/bot.html at main · jb598604/Agrinho · 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
<!DOCTYPE html>
<html>
<head>
    <title>Chat de Ajuda</title>
    <link rel="stylesheet" href="style.css">
</head>
<body class="Body-chat">
    <div class="chatbox">
        <div class="message">Olá!! :)</div>
        <div class="message">Esse chat tira dúvidas foi elaborado com o auxílio de códigos aprendidos na plataforma Alura, utilizada nas aulas de Matemática II - Programação I, criado e editado para que pudesse apresentar uma estrutura melhor e auxiliar no Concurso Agrinho, na categoria de Programação, bem como para eventuais dúvidas com relação ao site, evidenciando as ações que transformam o mundo.</div>
        <div class="button">
            <a href="https://g.co/kgs/qE2cPm" target="_blank">ODS, o que são? <i>(pesquisa no google)</i></a>
        </div>
        <div class="button">
            <a href="https://portais.univasf.edu.br/sustentabilidade/noticias-sustentaveis/conheca-5-atitudes-simples-para-preservar-o-meio-ambiente" target="_blank">5 Ações que você pode fazer para Preservar o Meio Ambiente <i>(Link da Internet)</i></a>
        </div>
        <div class="button">
            <a href="https://www.educacao.pr.gov.br/busca?termo=agrinho">Conheça o Programa Agrinho <i>Link Sistema FAEP/SENAR E SEED PR</i></a>
        </div>
            <div class="button">
                <a href="fontes-links.html">Fontes e outros links utilizados no site.</a>
        <div class="button">
            <a href="index.html">Voltar para o início</a>
        </div>
        <div class="form">
            <p>Caso tenha mais dúvidas, entre em contato abaixo:</p>
            <form action="mailto:joao.vitorblancdos.santos@escola.pr.gov.br" method="post" enctype="text/plain">
                <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="duvida">Dúvida:</label>
                <textarea id="duvida" name="duvida" required></textarea>

                <input type="submit" value="Enviar">
            </form>
        </div>
    </div>
</body>
</html>