Merge pull request Personare#18 from future4code/semana3

Exercício de HTML
ingridflack · Jun 30, 2021 · 33e3f55 · 33e3f55
2 parents 45dfa48 + fb4d05e
commit 33e3f55
Show file tree

Hide file tree

Showing 10 changed files with 197 additions and 0 deletions.
diff --git a/semana3/fixacaoJS_1.md b/semana3/fixacaoJS_1.md
@@ -0,0 +1,4 @@
+```const salarioFinal = 2000 + (100 * qtdeCarrosVendidos) + (valorTotalVendas * 0.05)
+
+return salarioFinal;
+```
diff --git a/semana3/sistema-loja/add-produto.html b/semana3/sistema-loja/add-produto.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Adicionar Produto</title>
+</head>
+<body>
+    <div>
+        <p>Mercadinho da Ingrid</p>
+    </div>
+
+    <div>
+        <a href="index.html">Página Inicial</a>
+        <a href="ctrl-estoque.html">Controle de Estoque</a>
+        <a href="add-produto.html">Adicionar Produto</a>
+        <a href="funcionarios.html">Funcionários</a>
+    </div>
+
+
+    <h2>Adicionar Produto</h2>
+    <form action="">
+        <div>
+            <label for="link-foto">Link para foto: </label>
+            <input type="url" id="link-foto" name="link-foto">
+        </div>
+
+        <div>
+            <label for="descricao">Descrição do produto: </label>
+            <!-- Adicione o id apropriado para o input abaixo -->
+            <input type="text" id="descricao" name="descrição">
+        </div>
+
+        <div>
+            <label for="preco">Preço (em R$): </label>
+            <!-- Adicione o id apropriado e o type para receber números abaixo -->
+            <input type="number" id="preco" name="preço">
+        </div>
+
+        <div>
+            <!-- Preencha as propriedades necessárias para os elementos abaixo -->
+            <label for="quantidade-preco">Quantidade disponível: </label>
+            <input type="number" id="quantidade-disponivel" name="quantidade--disponivel">
+        </div>
+
+        <div class="form-add">
+            <!-- Adicione ao type do botão abaixo o valor para que ele submeta o formulário -->
+            <button type="submit">Adicionar</button>
+        </div>
+
+    </form>
+
+</body>
+</html>
diff --git a/semana3/sistema-loja/ctrl-estoque.html b/semana3/sistema-loja/ctrl-estoque.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Controle de Estoque</title>
+</head>
+<body>
+    <div>
+        <p>Mercadinho da Ingrid</p>
+    </div>
+
+    <div>
+        <a href="index.html">Página Inicial</a>
+        <a href="ctrl-estoque.html">Controle de Estoque</a>
+        <a href="add-produto.html">Adicionar Produto</a>
+        <a href="funcionarios.html">Funcionários</a>
+    </div>
+
+    <h2>Controle de Estoque</h2>
+
+    <table>
+        <tr>
+            <th>Foto</th>
+            <th>Descrição</th>
+            <th>Preço (R$)</th>
+            <th>Quantidade disponível</th>
+        </tr>
+
+        <tr>
+            <td><img src="img/batata.jpg" alt="Imagem de batata"/></td>
+            <td>Batata</td>
+            <td>R$ 3,50</td>
+            <td>10</td>
+        </tr>
+
+        <tr>
+            <td><img src="img/polenta.png" alt="Imagem de polenta"/></td>
+            <td>Polenta</td>
+            <td>R$ 3,70</td>
+            <td>15</td>
+        </tr>
+
+        <tr>
+            <td><img src="img/iogurte.jpg" alt="Imagem de iogurte"/></td>
+            <td>Iogurte</td>
+            <td>R$ 1,99</td>
+            <td>30</td>
+        </tr>
+
+        <tr>
+            <td><img src="img/chocolate.jpg" alt="Imagem de chocolate"/></td>
+            <td>Chocolate</td>
+            <td>R$ 5,50</td>
+            <td>10</td>
+        </tr>
+
+        <!-- Crie mais uma linha desta tabela abaixo \/ -->
+
+        <tr>
+            <td><img src="img/arroz.jpg" alt="Imagem de arroz"></td>
+            <td>Arroz</td>
+            <td>R$ 5,76</td>
+            <td>9</td>
+        </tr>
+
+    </table>
+
+</body>
+</html>
diff --git a/semana3/sistema-loja/funcionarios.html b/semana3/sistema-loja/funcionarios.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Colaboradores</title>
+</head>
+<body>
+    <div>
+        <p>Mercadinho da Ingrid</p>
+    </div>
+
+    <div>
+        <a href="index.html">Página Inicial</a>
+        <a href="ctrl-estoque.html">Controle de Estoque</a>
+        <a href="add-produto.html">Adicionar Produto</a>
+        <a href="funcionarios.html">Colaboradores</a>
+    </div>
+
+    <h2>Colaboradores</h2>
+    <!-- Crie uma lista de funcionários usando as tags que você aprendeu hoje abaixo \/ -->
+        <ul>
+            <li>Ingrid</li>
+            <li>Eduardo</li>
+            <li>Eduarda</li>
+            <li>Rafaela</li>
+            <li>José</li>
+        </ul>
+</body>
+</html>
diff --git a/semana3/sistema-loja/img/arroz.jpg b/semana3/sistema-loja/img/arroz.jpg
diff --git a/semana3/sistema-loja/img/batata.jpg b/semana3/sistema-loja/img/batata.jpg
diff --git a/semana3/sistema-loja/img/chocolate.jpg b/semana3/sistema-loja/img/chocolate.jpg
diff --git a/semana3/sistema-loja/img/iogurte.jpg b/semana3/sistema-loja/img/iogurte.jpg
diff --git a/semana3/sistema-loja/img/polenta.png b/semana3/sistema-loja/img/polenta.png
diff --git a/semana3/sistema-loja/index.html b/semana3/sistema-loja/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Mercadinho da Ingrid</title>
+</head>
+<body>
+    <div>
+        <h1>Bem-vind@ ao <em>Mercadinho da Ingrid</em>!</h1>
+        <p>Economizar é comprar bem </p>
+    </div>
+
+    <div>
+        <a href="index.html">Página Inicial</a>
+        <a href="ctrl-estoque.html">Controle de Estoque</a>
+        <a href="add-produto.html">Adicionar Produto</a>
+        <a href="funcionarios.html">Funcionários</a>
+    </div>
+
+    <div>
+        <!-- ADICIONAR INFORMAÇOES SOBRE SUA LOJINHA -->
+    </div>
+
+    <div>
+        <p>Siga-nos nas redes sociais!</p>
+
+        <div>
+            <img src="https://image.flaticon.com/icons/png/512/25/25305.png"/>
+            <img src="https://image.flaticon.com/icons/png/512/25/25425.png"/>
+            <img src="https://image.flaticon.com/icons/png/512/8/8800.png"/>
+        </div>
+    </div>
+</body>
+</html>