pedroparadella · rodrigoalberna1 · Nov 26, 2021 · Nov 26, 2021
diff --git a/README.md b/README.md
@@ -1,24 +1,3 @@
 # Avaliação Junior
-Olá desenvolvedor!\
-Tudo bem?! 😊\
-\
-Seja bem-vindo, o intuito do teste não é reprovar e sim conhecer seu melhor estilo de programar e resolver problemas.
-
-## O que fazer
-1. Fazer um fork desse repositório e trabalhar no seu ambiente.
-2. Replicar o layout do link abaixo, pode usar dados de um JSON local:\
-[Link para o layout](https://xd.adobe.com/view/c715f110-fbd4-4323-be0c-0e453c1450db-9246)
-2. Fazer a funcionalidade de busca funcionar.
-3. Os cliques nos botões de editar/excluir/criar card podem exibir uma mensagem pro usuário de que a funcionalidade não foi implementada.
-4. Ao finalizar a avaliação modifique esse README com as instruções de como podemos fazer o seu código rodar na nossa máquina. Ou seja, passo a passo do que instalar e de quais comandos rodar para podermos visualizar o seu trabalho!
-5. Realizar um Pull Request para o nosso repositório e mandar um e-mail para [email protected] com o assunto "Avaliação Junior", informando que finalizou a avaliação e colocando o link do Pull Request. 
-
-## Dicas
-* Não foi definido limite de linhas e colunas, portanto fique à vontade para tal escolha.
-* Gostamos de interfaces limpas e elegantes.
-
-## Quais tecnologias usar
-* Deixaremos a seu critério qual tecnologia utilizar no entanto você terá mais pontos conosco se utilizar React para criação da interface e também o uso de pré-processadores/styled-components para o CSS.
-
-## Desafios se você se sentir confiante
-* Usar alguma API na internet, tipo https://pokeapi.co/, para trazer os dados que vão aparecer nos cards da tela.
+Para esse projeto voce ira precisar baixar na sua máquina o 
+bootstrap somente 
diff --git a/excluir.css b/excluir.css
@@ -0,0 +1,51 @@
+.rounded-circle {
+  background-color: #db25250f;
+  width: 100px;
+  height: 100px;
+  padding: 28px 10px;
+}
+
+.card {
+  padding: 20px -10px;
+  margin: 140px 540px;
+}
+.card-body {
+  padding-left: 3;
+}
+
+.card-title {
+  color: #db2525;
+  font-family: 'Mulish', sans-serif;
+  font-weight: bold;
+  padding: 0px 90px;
+  margin-left: 10px;
+}
+.card-text {
+  color: #454545;
+  font-family: 'Mulish', sans-serif;
+  font-weight: bold;
+  padding: 1px 0px 10px 30px;
+}
+hr {
+  margin: 10px 10px;
+}
+
+.img-icone {
+  background-color: #db25250f;
+  margin-left: 80px;
+}
+.excluir {
+  margin: 15px;
+  width: 104px;
+}
+.cancelar {
+  width: 104px;
+}
+.bi {
+  background-color: #e76316;
+  color: white;
+  width: 30px;
+  height: 30px;
+  border-radius: 200px;
+  margin: -400px 20px 250px;
+}
diff --git a/exluir.html b/exluir.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Excluir Card</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Mulish&family=Zen+Kurenaido&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
+      crossorigin="anonymous"
+    />
+    <script
+      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
+      crossorigin="anonymous"
+    ></script>
+    <link rel="stylesheet" href="/css/excluir.css" />
+  </head>
+  <body>
+    <div class="card" style="width: 18rem">
+      <div class="card-body">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          fill="currentColor"
+          class="bi bi-x"
+          viewBox="0 0 16 16"
+        >
+          <path
+            d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"
+          />
+        </svg>
+        <img
+          src="/imagens/Icon-trash.svg"
+          alt="..."
+          class="rounded-circle img-icone"
+        />
+        <br />
+        <br />
+
+        <h5 class="card-title">Excluir</h5>
+        <p class="card-text">Certeza que deseja excluir?</p>
+        <hr class="dividerClass divisor" />
+        <button type="button" class="btn btn-danger excluir">Excluir</button>
+        <button type="button" class="btn btn-outline-danger cancelar">
+          Cancelar
+        </button>
+      </div>
+    </div>
+  </body>
+</html>