Challenge-Encriptador/index.html at main · RaffaelLopes/Challenge-Encriptador · 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
<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <title>Challenge-Encriptador</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="reset.css">
   <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="container">
             <img src="Vector.png" alt="Logo alura" class="img2" >
            <textarea class="textarea"  style="resize:none;" id ="criptografar" cols="50" rows="5" placeholder="Digite seu texto"></textarea>

            <div id="inserir" style="display:none;">
              <textarea id="text" cols="40" rows="5" style="resize:none;" placeholder="Nenhuma mensagem"></textarea>
              <button class="copiar" onclick="copiar()">Copiar</button>
            </div>

                        <section id="imagem">
                <img src="charada.png" alt="" class="img">
                <h1>Mensagem não encontrada</h1>
              </section>


              <section class="buttonn">
                  <button class="button1" onclick="criptografar()">Criptografar</button>
                  <button class="button2" onclick="descriptografar()">Descriptografar</button>
            </section>

    </div>
    <footer class="footer-index">


      <p class="redsocial">
          <a href="https://github.com/RaffaelLopes" target="_blank" rel="noopener noreferrer"><img class="redsocial-img" src="GitHub-Mark-Light-64px.png"  alt="Icone GitHub"> </a>
          <a href="https://www.linkedin.com/in/raffael-lopes-analista/" target="_blank" rel="noopener noreferrer"><img src="linkedin.png" class="redsocial-img"  alt="Icone LinkedIn"> </a>
      </p>


      <p class="copyright">&copy; Copyright Rafael Lopes Ferreira - 2023 - "Long Live Rock 'N' Roll"</p>
  </footer>
  <script src="principal.js" ></script>
  </body>
</html>