Skip to content

Instantly share code, notes, and snippets.

@CSFelix

CSFelix/how-to-do-web-annote-me-index.html

Created December 3, 2020 14:35
Show Gist options
  • Save CSFelix/57d07f6fef5b5849bc25d3ebaab011be to your computer and use it in GitHub Desktop.
Save CSFelix/57d07f6fef5b5849bc25d3ebaab011be to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. CSFelix created this gist Dec 3, 2020.
    33 changes: 33 additions & 0 deletions how-to-do-web-annote-me-index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,33 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>..:: AnnoteMe ::..</title>
    <link href="https://fonts.googleapis.com/css?family=Hind&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="layout.css">
    </head>
    <body>

    <!-- Título -->
    <h1>
    <ruby>
    <span class="annote">Annote</span>Me!<rt>Annote <span class="annote">Your Tasks!</span></rt>
    </ruby>
    </h1>

    <!-- Input para adicionar taregas -->
    <div class="inputDiv">
    <input pattern="[a-zA-Z0-9_!#().@ ]{1, 100}" type="text" class="campoInserir" placeholder="Digite suas tarefas...">
    <button class="adicionar"><i class="fas fa-plus"></i></button>
    </div>

    <!-- Lista das tarefas -->
    <div class="listaTarefas">
    </div>

    <!-- Mensagem >> vou retirar ela assim que automatizar para armazenamento no banco de dados -->
    <center><p class="alerta">Cuidado?! As tarefas são perdidas ao apagar o histórico do navegador.</p></center>
    </body>

    <script type="text/javascript" src="font-awesome.js"></script>
    <script type="text/javascript" src="script.js"></script>
    </html>