Skip to content

Loja finalizada #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
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
63 changes: 63 additions & 0 deletions quinzenal1/portifolio/contato.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!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>Portifólio</title>

<link rel="stylesheet" type="text/css" href="./styles/contato.css" />
</head>
<body>
<div class="cabecalho">
<a href="./index.html"> INICIO </a>
<a href="./sobre.html"> SOBRE MIM </a>
<a href="./projetos.html"> MEUS PROJETOS </a>
<a href="./contato.html">CONTATO </a>
</div>
<div class="codando">
<h1>
PARA CURIOSIDADES EM COMO < CODAR COMO UMA GAROTA > <br />
ENTRE EM CONTATO ATRAVÉS DAS NOSSAS REDES SOCIAIS.
</h1>
<br />
<br />
<br />
<div>
<h4>MANDA UM E-MAIL PRA GENTE, VAI:</h4>
<br />
<br />
<form class="formulariocontato" action="enviar">
<div>
<label for="nome">Seu nome:</label>
<input type="text" id:="nome" name="nome" />
</div>
<div>
<label for="email">Preencha aqui seu e-mail: </label>
<input type="url" id="email" name="email" />
</div>
<div>
<label for="telefone">Seu telefone: </label>
<input type="number" id="telefone" name="telefone" />
</div>
<br />
<div class="form-add">
<button type="button">ENVIAR</button>
</div>
</form>
</div>
</div>
<br />
<br />
<div class="rodape">
<p>Que tal conhecer mais sobre meu trabalho? Da um confere!</p>

<a href="https://www.facebook.com/adriellyfelixcosta"
><img src="./img/face.jpg"
/></a>
<a href="https://www.instagram.com/adryfxcosta/"
><img src="./img/insta.jpg"
/></a>
</div>
</body>
</html>
Binary file added quinzenal1/portifolio/img/2927262.jpg
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 quinzenal1/portifolio/img/2940937.jpg
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 quinzenal1/portifolio/img/Sem título.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 quinzenal1/portifolio/img/comercial.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 quinzenal1/portifolio/img/face.jpg
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 quinzenal1/portifolio/img/insta.jpg
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 quinzenal1/portifolio/img/portifolio.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
32 changes: 32 additions & 0 deletions quinzenal1/portifolio/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!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>Portifólio</title>

<link rel="stylesheet" type="text/css" href="./styles/index.css" />
</head>
<body>
<div class="cabecalho">
<a href="./index.html"> INICIO </a>
<a href="./sobre.html"> SOBRE MIM </a>
<a href="./projetos.html"> MEUS PROJETOS </a>
<a href="./contato.html">CONTATO </a>
</div>
<div>
<h1>< CODANDO > COMO UMA GAROTA.</h1>
</div>
<div class="rodape">
<p>Que tal conhecer mais sobre meu trabalho? Da um confere!</p>

<a href="https://www.facebook.com/adriellyfelixcosta"
><img src="./img/face.jpg"
/></a>
<a href="https://www.instagram.com/adryfxcosta/"
><img src="./img/insta.jpg"
/></a>
</div>
</body>
</html>
49 changes: 49 additions & 0 deletions quinzenal1/portifolio/projetos.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!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>
<link rel="stylesheet" type="text/css" href="./styles/projetos.css" />
</head>
<body>
<div class="cabecalho">
<a href="./index.html"> INICIO </a>
<a href="./sobre.html"> SOBRE MIM </a>
<a href="./projetos.html"> MEUS PROJETOS </a>
<a href="./contato.html">CONTATO </a>
</div>
<div class="projetos">
<h1>< MEUS PROJETOS ></h1>
<br />
<br />
<div>
<br />
<a href="./projetos/seletivo.html">
<h4>Projeto Seletivo Labenu:</h4>
</a>
</div>
<div>
<a href="./projetos/comercial.html">
<h4>Projeto Comercial:</h4>
</a>
</div>
<div>
<a href="./projetos/portifolio.html">
<h4>Portifólio:</h4>
</a>
</div>
</div>
<div class="rodape">
<p>Que tal conhecer mais sobre meu trabalho? Da um confere!</p>

<a href="https://www.facebook.com/adriellyfelixcosta"
><img src="./img/face.jpg"
/></a>
<a href="https://www.instagram.com/adryfxcosta/"
><img src="./img/insta.jpg"
/></a>
</div>
</body>
</html>
65 changes: 65 additions & 0 deletions quinzenal1/portifolio/projetos/comercial.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
* {
padding: 0;
margin: 0;
outline: 0;
table-layout: border-box;
font-weight: bold;
}

a {
text-decoration: none;
}

body {
font-family: Roboto, "Segoe UI", Tahoma, sans-serif;
background-image: url("../img/2927262.jpg");
background-size: cover;
color: #05f2f2;
display: flex;
justify-content: space-between;
flex-direction: column;
}

.cabecalho {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
height: 70px;
padding-right: 30px;
background: #12121c;
}
.cabecalho > a {
color: #05f2f2;
padding-left: 50px;
}

.sobremim,
.formacao,
.experiencia {
margin: 30px;
flex: 1;
}

.sobremim > p,
.formacao > p,
.experiencia > p {
margin-top: 50px;
flex: 1;
}

.rodape {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
height: 60px;
padding-right: 30px;
background: #12121c;
}

.rodape > a > img {
width: 50px;
height: 50px;
margin-left: 25px;
}
47 changes: 47 additions & 0 deletions quinzenal1/portifolio/projetos/comercial.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!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>Processo Seletivo</title>
<link rel="stylesheet" type="text/css" href="./seletivo.css" />
</head>
<body>
<div class="cabecalho">
<a href="../index.html"> INICIO </a>
<a href="../sobre.html"> SOBRE MIM </a>
<a href="../projetos.html"> MEUS PROJETOS </a>
<a href="../contato.html">CONTATO </a>
</div>
<div class="projetos">
<h1>< MEUS PROJETOS ></h1>
<br />
<br />
<h3>Projeto Comercial.</h3>
<br />
<img src="../img/comercial.png"></a>
<br>
<br>
<ul>Descrição: Projeto comercial para loja infantil. Páginas interativas, controle de estoque <br>
listagem de funcionários e adição de produto.
</ul>
<ul>
Tecnologias utilizadas: HTML; CSS e JavaScript.
</ul>
</div>
<br>
<br>
</div>
<div class="rodape">
<p>Que tal conhecer mais sobre meu trabalho? Da um confere!</p>

<a href="https://www.facebook.com/adriellyfelixcosta"
><img src="../img/face.jpg"
/></a>
<a href="https://www.instagram.com/adryfxcosta/"
><img src="../img/insta.jpg"
/></a>
</div>
</body>
</html>
65 changes: 65 additions & 0 deletions quinzenal1/portifolio/projetos/portifolio.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
* {
padding: 0;
margin: 0;
outline: 0;
table-layout: border-box;
font-weight: bold;
}

a {
text-decoration: none;
}

body {
font-family: Roboto, "Segoe UI", Tahoma, sans-serif;
background-image: url("../img/2927262.jpg");
background-size: cover;
color: #05f2f2;
display: flex;
justify-content: space-between;
flex-direction: column;
}

.cabecalho {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
height: 70px;
padding-right: 30px;
background: #12121c;
}
.cabecalho > a {
color: #05f2f2;
padding-left: 50px;
}

.sobremim,
.formacao,
.experiencia {
margin: 30px;
flex: 1;
}

.sobremim > p,
.formacao > p,
.experiencia > p {
margin-top: 50px;
flex: 1;
}

.rodape {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
height: 60px;
padding-right: 30px;
background: #12121c;
}

.rodape > a > img {
width: 50px;
height: 50px;
margin-left: 25px;
}
46 changes: 46 additions & 0 deletions quinzenal1/portifolio/projetos/portifolio.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!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>Processo Seletivo</title>
<link rel="stylesheet" type="text/css" href="./seletivo.css" />
</head>
<body>
<div class="cabecalho">
<a href="../index.html"> INICIO </a>
<a href="../sobre.html"> SOBRE MIM </a>
<a href="../projetos.html"> MEUS PROJETOS </a>
<a href="../contato.html">CONTATO </a>
</div>
<div class="projetos">
<h1>< MEUS PROJETOS ></h1>
<br />
<br />
<div>
<h3>Portifolio</h3>
<br />
<img src="../img/portifolio.jpg"></a>
<br>
<br>
<ul>Descrição: Portifolio pessoal. Nesse projeto temos um cabeçalho com interações entre si, <br>

</ul>
<ul>
Tecnologias utilizadas: HTML; CSS e JavaScript.
</ul>
</div>
</div>
<div class="rodape">
<p>Que tal conhecer mais sobre meu trabalho? Da um confere!</p>

<a href="https://www.facebook.com/adriellyfelixcosta"
><img src="../img/face.jpg"
/></a>
<a href="https://www.instagram.com/adryfxcosta/"
><img src="../img/insta.jpg"
/></a>
</div>
</body>
</html>
Loading