-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
36 lines (35 loc) · 2.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="description" content="Conheça seu novo site indíspensavel para converter suas frases e palavras para caixa alta, baixa e com outras funções incríveis">
<link rel="icon" type="icon" href="./assets/images/icon.png"/>
<link rel="stylesheet" href="./styles/style.css"></link>
<title>Conversor de palavras</title>
</head>
<body>
<div class="text-input">
<div class="actions">
<button id="lowerBtn"><img src="./assets/images/lowcase.svg" alt="Minúsculas" title="Minúsculas" width="28" weight= "28"/></button>
<button id="upperBtn"><img src="./assets/images/uppercase.svg" alt="Maiúsculas" title="Maiúsculas" width="28" weight= "28"/></button>
<button id="vowelBtn"><img src="./assets/images/alternate.svg" alt="Vogal Maiúsculas" title="Vogal Maiúsculas" width="28" weight= "28"/></button>
<button id="titleBtn"><img src="./assets/images/title.svg" alt="Formato Título" title="Formato Título" width="28" weight= "28"/></button>
<button id="consoBtn"><img src="./assets/images/inverse.svg" alt="Consoantes Maiúsculas" title="Consoantes Maiúsculas" width="28" weight= "28"/></button>
<button id="copy" data-clipboard-target="#content"><img src="./assets/images/copy.svg" onclick="copyText();" alt="Copiar" title="Copiar" width="28" weight= "28"/></button>
<button id="clear"><img src="./assets/images/clear.svg" alt="Limpar" title="Limpar" width="28" weight= "28"/></button>
</div>
<form action="/" method="post">
<div class="row"><textarea id="conBox" placeholder="Escreva ou cole o seu texto aqui para começarmos" style="resize:none"></textarea></div>
</form>
<div class="messages"></div>
</div>
<div class="credits">
<p>
Direitos do autor ©2020 Conversor de palavras projetado por <a href="https://github.com/JhonyWalker-pixel" target="_blank"><img src="./assets/images/sign.png" alt="Jhony Walker" title="Jhony Walker" width="28" weight= "28"/></a>
</p>
</div>
</body>
<script src="script.js"></script>
</html>