future4code · Pri1901 · Aug 26, 2021
diff --git a/semana3/bugfixes/exercicio-bugfixes/comprar.html b/semana3/bugfixes/exercicio-bugfixes/comprar.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">
+    <link rel="stylesheet" type="text/css" href="index.css">
+    <title>For Ever 4</title>
+</head>
+
+<body>
+    <h2>For Ever 4</h2>
+    <div class="container-do-search">
+        <div>
+            <input type="text">
+            <img src="https://static.thenounproject.com/png/105498-200.png" class="icone" alt="Buscar">
+
+                <button type="submit">OK</button>
+
+
+        </div>
+    </div>
+    <div>
+        <table>
+            <tr>
+                <td><img src="data:image/png;base64,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"
+                        alt="Indisponível"></td>
+                <td> Camisetas Básicas </td>
+                <td> R$50,00 </td>
+                <td> <button> Comprar </button></td>
+            </tr>
+            <tr>
+                <td><img src="https://easydrawingguides.com/wp-content/uploads/2018/12/Jeans-10.png" alt="Indisponível"></td>
+                <td> Jeans</td>
+                <td> R$80,00 </td>
+                <td> <button> Comprar </button></td>
+            </tr>
+            <tr>
+                <td><img src="https://i.pinimg.com/originals/6d/d7/a7/6dd7a799d97265fa45eedd55561582d7.jpg" alt="Indisponível">
+                </td>
+                <td> Chinelos</td>
+                <td> R$20,00 </td>
+                <td> <button> Comprar </button></td>
+            </tr>
+        </table>
+    </div>
+    <div>
+               <a href="http://127.0.0.1:5500/exercicio-bugfixes/home.html"target="_blank">VOLTAR</a>
+
+
+    </div>
+</body>
+
+</html>
diff --git a/semana3/bugfixes/exercicio-bugfixes/home.html b/semana3/bugfixes/exercicio-bugfixes/home.html
@@ -0,0 +1,37 @@
+<!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" type="text/css" href="index.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
+    <title>For Ever 4</title>
+</head>
+
+<body>
+    <h2>For Ever 4</h2>
+    <div>
+        <div class="container" id="container-de-descricao">
+            <ol>
+               <ul><li>Somos uma empresa focada</br>em tornar a compra de</br>roupas mais fácil</li></ul></br>
+
+
+                <th><ol><li> Ache os melhores descontos</li></th>
+                <li> Busque pelos seus gostos</li></ol>
+        </br>
+                <h3> Realize seus sonhos conosco</h3>
+            </ol>
+
+        </div>
+
+        <div class="container" id="container-para-comprar">
+            <p> BORA COMEÇAR A </p>
+            <a href="comprar.html"><button class="botao-amarelo" > COMPRAR </button></a>
+        </div>
+    </div>
+</body>
+</body>
+
+</html>
diff --git a/semana3/bugfixes/exercicio-bugfixes/index.css b/semana3/bugfixes/exercicio-bugfixes/index.css
@@ -0,0 +1,193 @@
+/** 
+  *
+  *  ESTILOS GERAIS 
+  *
+  **/
+
+* {
+    margin: 0;
+    padding: 10px 5px 10px 5px
+    text-align: center;
+
+
+
+}
+
+h2 {
+    background-color: #fe7e02;
+    padding: 10px 5px 10px 5px;
+    color: white;
+    text-align: center;
+
+  }
+
+
+
+input {
+    height: 200px;
+    width: 500px;
+
+}
+
+button:focus {
+    color: white;
+
+}
+
+img {
+    width: 100px;
+
+}
+
+div>p:first-child {
+    display: inline;
+}
+
+div img {
+    background: black;
+}
+
+.botao-amarelo {
+    background-color: #ffaf43;
+    width: 250px;
+    height: 40px;
+    border-radius: 5px;
+    font-size: 20px;
+    color: white;
+    text-align: center;
+    display: block;
+    margin-left: 500px;
+    BORDER: NONE;
+
+
+
+}
+
+.botao-amarelo:hover {
+    background-color: #c44f00;
+
+}
+
+.container {
+    height: 300px;
+    text-align: center;
+
+
+}
+
+.icone {
+    height: 15px;
+   BORDER: NONE;
+}
+
+
+/** 
+  *
+  *  ESTILOS HOME 
+  *
+  **/
+
+#container-de-descricao {
+    background-color: #2274a5;
+    color: white;
+    BORDER: NONE;
+
+
+}
+
+#container-de-descricao>ol {
+    padding: 100px;
+    text-align:center;
+
+
+}
+
+
+
+
+
+#container-para-comprar {
+    background-color: #e7eb90;
+
+
+}
+
+#container-para-comprar {
+    color: #c44f00;
+    font-size: 60px;
+    padding: 30px ;
+    text-align:center;
+
+
+
+
+}
+
+
+/**
+  *
+  *  ESTILOS COMPRAR 
+  *
+  **/
+
+div:nth-child(2),
+div:last-child {
+    text-align: center;
+
+}
+
+table {
+    width: 10%;    
+    height: 350px;
+    font-size: 20px;
+    text-align:auto;
+    display: inline;
+    margin-left: 300px;
+
+
+}
+
+td button {
+    background-color: #fadf63;
+    width: 150px;
+    height: 30px;
+    border-radius: 5px;
+    color: black;
+    BORDER: NONE;
+
+
+    text-align:center;
+    display: inline;
+
+
+}
+
+.container-do-search {
+    margin-top: 20px;
+    height: 100px;
+
+    text-align: center;
+    display: inline;
+    margin-left: 300px;
+
+
+
+}
+
+
+#back-button {
+    background-color: white;
+    width: 100px;
+    height: 20px;
+    border: 1px solid black;
+    border-radius: 5px;
+    font-size: 10px;
+    color: black;
+
+
+
+}
+
+#back-button:hover {
+    background-color: #635a3d
+}