future4code · aiemma · Feb 5, 2021 · Feb 5, 2021 · Feb 5, 2021 · Feb 5, 2021
diff --git a/portfolio/fixbugs.html b/portfolio/fixbugs.html
@@ -0,0 +1,25 @@
+<!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>Concerto Bugs</title>
+    <link rel="stylesheet" type="text/css" href="./style.css">
+</head>
+<body>
+    <div >
+        <h1>Projeto Concerto de bugs </h1>     
+
+    </div>
+    <div>
+        <img class="demon" src="./img/bugs.JPG" alt="home da pagina com bug">
+        <img class="demon" src="./img/compra.JPG" alt="home de compras">
+    </div>
+    <div>
+    <a href="./home.html">
+        <button>Voltar</button>
+    </a>
+</div>
+</body>
+</html>
diff --git a/portfolio/home.html b/portfolio/home.html
@@ -0,0 +1,55 @@
+<!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>Portfolio</title>
+    <link rel="stylesheet" type="text/css" href="./style.css">
+</head>
+<body>
+
+    <header>
+        <a>
+            <img src="./img/eu.jpg" class="logo">
+        </a>
+         <div class="sobremim">
+            <H1>Eu sou Danielle Costa</H1>
+            <H4>Adoro animais e cozinhar tambem</H4>
+            <h4>E sempre fui apaixonada por tecnologia</h4>
+        </div>
+    </header>
+
+
+
+        <div>
+            <ol>
+                <li>
+                    <h1>LABENU</h1>
+                    <img src="./img/labenu.png">
+                </li>
+                <li>
+                    <h1>Lanches da FAMILIA</h1>
+                    <img src="./img/lanche.jpg">
+                </li>
+
+            </ol>
+        </div>
+
+    <div class="projeto" >
+        <a href="./loja.html">
+        <img class="imagem" src="./img/home-loja.JPG" ></a>
+
+
+    </div>
+    <div class="projeto">
+        <a href="./fixbugs.html">
+        <img class="imagem" src="./img/bugs.JPG">
+        </a>
+    </div>
+
+
+    <footer>Aqui tera finalização da pagina com links externos</footer>
+
+</body>
+</html>
diff --git a/portfolio/img/bugs.JPG b/portfolio/img/bugs.JPG
diff --git a/portfolio/img/compra.JPG b/portfolio/img/compra.JPG
diff --git a/portfolio/img/eu.jpg b/portfolio/img/eu.jpg
diff --git a/portfolio/img/floresta-encantada.jpg b/portfolio/img/floresta-encantada.jpg
diff --git a/portfolio/img/funcionarios.JPG b/portfolio/img/funcionarios.JPG
diff --git a/portfolio/img/home-loja.JPG b/portfolio/img/home-loja.JPG
diff --git a/portfolio/img/labenu.png b/portfolio/img/labenu.png
diff --git a/portfolio/img/lanche.jpg b/portfolio/img/lanche.jpg
diff --git a/portfolio/loja.html b/portfolio/loja.html
@@ -0,0 +1,25 @@
+<!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>Loja de Doces</title>
+    <link rel="stylesheet" type="text/css" href="./style.css">
+</head>
+<body>
+    <div >
+        <h1>Projeto de loja de doces </h1>     
+
+    </div>
+    <div>
+        <img class="demon" src="./img/home-loja.JPG" alt="home da loja">
+        <img class="demon" src="./img/funcionarios.JPG" alt="home dos funcionários">
+    </div>
+    <div>
+    <a href="./home.html">
+        <button>Voltar</button>
+    </a>
+</div>
+</body>
+</html>
diff --git a/portfolio/style.css b/portfolio/style.css
@@ -0,0 +1,37 @@
+body{
+    background: url(./img/floresta-encantada.jpg);
+    background-size: 100%;
+}
+.logo{
+    width: 150px;
+    height: 150px;
+}
+
+.sobremim{
+    display: inline-block;
+    width: 33%;
+}
+li{
+    display: block;
+}
+li>img{
+    width: 100px;
+    height: 100px;
+    text-align: left;
+}
+.imagem{
+
+    width: 150px;
+    height: 150px;
+}
+
+.demon{
+    width: 500px;
+    height: 400px;
+    border: 3px solid blue;
+}
+.projeto:hover{
+
+    display: block;
+    opacity: 50%;
+}