Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8" />
- <meta
- name="viewport"
- content="width=device-width, initial-scale=1, shrink-to-fit=no"
- />
- <!-- Bootstrap CSS -->
- <link
- rel="stylesheet"
- href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
- integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
- crossorigin="anonymous"
- />
- <title>Lista a Fazer</title>
- </head>
- <body>
- <div class="container">
- <h1 class="text-center">Lista a Fazer</h1>
- <form class="my-3" id="formulario">
- <div class="form-row">
- <div class="col">
- <input
- id="descricao-input"
- type="text"
- class="form-control"
- placeholder="Descrição da tarefa"
- required
- />
- </div>
- <div class="col">
- <input id="data-input" type="date" class="form-control" required />
- </div>
- <div class="col">
- <label for="feito-input">Feito</label>
- <input id="feito-input" type="checkbox" />
- </div>
- <div class="col">
- <button class="btn btn-primary form-control">Adicionar</button>
- </div>
- </div>
- </form>
- <table class="table table-hover table-striped table-bordered">
- <thead class="thead-dark">
- <th>#</th>
- <th>Descrição</th>
- <th>Data</th>
- <th>Feito</th>
- <th></th>
- </thead>
- <tbody id="conteudo"></tbody>
- </table>
- </div>
- <script src="script.js"></script>
- <script
- src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
- integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
- crossorigin="anonymous"
- ></script>
- <script
- src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
- integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
- crossorigin="anonymous"
- ></script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment