Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
Binary file not shown.
Binary file added quinzena1/.DS_Store
Binary file not shown.
Binary file added quinzena1/sistema-loja/.DS_Store
Binary file not shown.
67 changes: 67 additions & 0 deletions quinzena1/sistema-loja/add-produto.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!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">
<link rel="stylesheet" href="style.css">
<title>Adicionar Produto</title>
</head>
<body>
<header>
<h1>Bem-vind@ à Casa do Papel!</h1>
<h2>Papelaria é aqui.</h2>
</header>
<main>

<div class="botoes">
<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="text" id="preco" name="preço">
</div>

<div>
<!-- Preencha as propriedades necessárias para os elementos abaixo -->
<label>Quantidade disponível: </label>
<input type="tect" id="quantidade" name="quantidade">
</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>
</main>
<footer>
<p>Siga-nos nas redes sociais!</p>
<div class="redessociais">
<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>
</footer>

</body>
</html>
80 changes: 80 additions & 0 deletions quinzena1/sistema-loja/ctrl-estoque.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!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">
<link rel="stylesheet" href="style.css">
<title>Controle de Estoque</title>
</head>
<body>
<header>
<h1>Bem-vind@ à Casa do Papel!</h1>
<h2>Papelaria é aqui.</h2>
</header>
<main>
<div class="botoes">
<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/papel-colorset.jpeg" alt="Papel Colorset"/></td>
<td> Papel Colorset </td>
<td> 1,00 </td>
<td> 100 un </td>
</tr>

<tr>
<td><img src="img/papel-seda.jpeg" alt="Papel Seda"/></td>
<td> Papel Seda </td>
<td> 0,50 </td>
<td> 60 un</td>
</tr>

<tr>
<td><img src="img/papel-cartolina.jpeg" alt="Papel Cartolina"/></td>
<td> Papel Cartolina </td>
<td> 0,80 </td>
<td> 80 un</td>
</tr>

<tr>
<td><img src="img/papel-sulfite.jpeg" alt="Papel Sulfite"/></td>
<td> Sulfite </td>
<td> 5,50 </td>
<td> 90 pct</td>
</tr>

<!-- Crie mais uma linha desta tabela abaixo \/ -->
<tr>
<td><img src="img/bloco-fichario.png" alt="Bloco de Fichário"/></td>
<td> Bloco de Fichário </td>
<td> 8,00 </td>
<td> 140 un</td>
</tr>

</table>
</main>
<footer>
<p>Siga-nos nas redes sociais!</p>
<div class="redessociais">
<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>
</footer>
</body>
</html>
40 changes: 40 additions & 0 deletions quinzena1/sistema-loja/funcionarios.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!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">
<link rel="stylesheet" href="style.css">
<title>Funcionários</title>
</head>
<body>
<header>
<h1>Bem-vind@ à Casa do Papel!</h1>
<h2>Papelaria é aqui.</h2>
</header>
<main>
<div class="botoes">
<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>Funcionários</h2>
<!-- Crie uma lista de funcionários usando as tags que você aprendeu hoje abaixo \/ -->
<ul>
<li>Annabel Church</li>
<li>Jeremy Bowers</li>
</ul>
</main>
<footer>
<p>Siga-nos nas redes sociais!</p>
<div class="redessociais">
<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>
</footer>

</body>
</html>
Binary file added quinzena1/sistema-loja/img/.DS_Store
Binary file not shown.
Binary file added quinzena1/sistema-loja/img/bloco-fichario.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added quinzena1/sistema-loja/img/papel-cartolina.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added quinzena1/sistema-loja/img/papel-colorset.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added quinzena1/sistema-loja/img/papel-seda.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added quinzena1/sistema-loja/img/papel-sulfite.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
41 changes: 41 additions & 0 deletions quinzena1/sistema-loja/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Casa do Papel</title>
</head>
<body>
<header>
<h1>Bem-vind@ à Casa do Papel!</h1>
<h2>Papelaria é aqui.</h2>
</header>

<main>
<div class="botoes">
<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 -->
<h3>Sobre nós</h3>
<p>A Casa do Papel começou em 2020, numa pequena loja (virtual) no quarto do desenvolvedor. Desde o começo a preocupação foi em dar tempo de terminar. Com o atendimento personalizado e com o ambiente agradável, apresentamos a sua nova papelaria.<p>
</div>
</main>

<footer>
<p>Siga-nos nas redes sociais!</p>
<div class="redessociais">
<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>
</footer>

</body>
</html>
41 changes: 41 additions & 0 deletions quinzena1/sistema-loja/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
* {
background-color: #FDEFDA;
color: #1D2043;
font-family: 'Courier New';
}

h1 {
font-size: 60px;
text-align: center;
}

h2 {
font-size: 30px;
text-align: center;
}

p {
font-size: 20px;
text-align: justify;
}
.botoes {
font-size: 20px;
text-align: center;
margin: 40px 80px;
}
footer p {
margin: 80px;
text-align: center;

}
footer img {
width: 40px;
margin: 12px 80px;
}

.redessociais {
display: flex;
justify-content: center;
align-items: flex-start;
}