codesandbox · DaiSsantos · Sep 28, 2023
diff --git a/img/acessorios.webp b/img/acessorios.webp
diff --git a/img/body.webp b/img/body.webp
diff --git a/img/menino.webp b/img/menino.webp
diff --git a/img/sandália bebe.jpg b/img/sandália bebe.jpg
diff --git a/img/sandália preta bebe .jpg b/img/sandália preta bebe .jpg
diff --git a/img/sandália rosa bebe.jpg b/img/sandália rosa bebe.jpg
diff --git a/img/vestido urso I.jpg b/img/vestido urso I.jpg
diff --git a/img/vestido urso II.E.jpg b/img/vestido urso II.E.jpg
diff --git a/img/vestido urso II.jpg b/img/vestido urso II.jpg
diff --git a/img/vestido.webp b/img/vestido.webp
diff --git a/index.css b/index.css
@@ -0,0 +1,94 @@
+/* Menu navegacao*/
+nav {
+  background-color: #f4a460;
+  height: 80px;
+  width: 100%;
+  font-family: Inter;
+  font-size: 32px;
+  font-weight: 400;
+  text-align: center;
+  padding: 30px;
+}
+ul {
+  margin: 0;
+  padding: 0;
+}
+li {
+  display: inline-flex;
+}
+
+a {
+  padding: 20px;
+  text-decoration: none;
+  color: #000000;
+}
+.principal {
+  column-count: 4;
+  text-align: center;
+  height: 400px;
+  margin-top: 30px;
+  padding: 10px;
+}
+/* botoes*/
+button {
+  background-color: black;
+  color: #ffffff;
+  width: 180px;
+  height: 30px;
+  font-size: 1.5rem;
+}
+
+/* input class*/
+.rad {
+  font-size: 1.5rem;
+
+  padding: 10px;
+}
+.rad1 {
+  height: 20px;
+  width: 20px;
+}
+
+/* imagem class*/
+img {
+  height: 190px;
+  width: 160px;
+}
+
+.contorno {
+  padding: 5px;
+}
+.contorno :hover {
+  border: 2px solid #000000;
+}
+
+/* texto class*/
+h3 {
+  text-align: start;
+  font-size: 2rem;
+}
+label {
+  font-size: 1.5rem;
+  font-weight: 300;
+}
+
+/* formulario class*/
+
+form {
+  width: 100%;
+  text-align: center;
+}
+
+/* footer*/
+
+.size {
+  width: 200px;
+  height: 30px;
+}
+
+.footer {
+  text-align: center;
+  background-color: #f4a460;
+  width: 100%;
+  height: 120px;
+}
diff --git a/index.html b/index.html
@@ -1,12 +1,100 @@
 <!DOCTYPE html>
-<html lang="en">
-  <head>
+<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>Static Template</title>
-  </head>
-  <body>
-    <h1>This is a static template, there is no bundler or bundling involved!</h1>
-  </body>
-</html>
+        <title>Loja do Bebê</title>
+    <link rel="stylesheet" href="index.css" />
+</head>
+<body>
+    <nav>
+        <ul>
+            <li><a href="#">MODA MENINA</a></li>
+            <li><a href="#">MODA MENINO</a></li>
+            <li><a href="#">CALÇADOS</a></li>
+            <li><a href="#">ACESSÓRIOS</a></li>
+          </ul>
+    </nav>
+
+    <main class="conteudo">
+<div class="principal ">
+
+    <div >
+        <div class="contorno">
+            <img src="img/vestido urso II.E.jpg" alt="VESTIDO URSINHOS">
+        </div>
+        <div class="rad"><span>R$150,00</span></div>
+        <div class="rad"><button>Comprar</button></div>
+        <div class="rad"><input type="radio"class="rad1">
+        <label for="">P</label>
+        <input type="radio" class="rad1">
+        <label for="">M</label>
+        <input type="radio" class="rad1">
+        <label for="">G</label>
+        <input type="radio" class="rad1">
+        <label for="">GG</label></div>
+    </div>
+    <div >
+        <div class="contorno"><img src="img/menino.webp" alt="CONJUNTO SHORT E CAMISA"></div>
+        <div class="rad"><span>R$100,00</span></div>
+        <div class="rad"><button>Comprar</button></div>
+        <div class="rad"><input type="radio" class="rad1">
+        <label for="">P</label>
+        <input type="radio" class="rad1">
+        <label for="">M</label>
+        <input type="radio" class="rad1">
+        <label for="">G</label>
+        <input type="radio" class="rad1">
+        <label for="">GG</label></div>
+
+    </div>
+    <div>
+        <div class="contorno"><img src="img/sandália preta bebe .jpg" alt="SANDÁLIA PRETA COM BOLINHAS"></div>
+        <div class="rad"><span>R$60,00</span></div>
+        <div class="rad"><button>Comprar</button></div>
+        <div class="rad"><input type="radio" class="rad1">
+        <label for="">P</label>
+    <input type="radio" class="rad1">
+        <label for="">M</label>
+        <input type="radio" class="rad1">
+        <label for="">G</label>
+        <input type="radio" class="rad1">
+        <label for="">GG</label></div>
+    </div>
+    <div>
+        <div class="contorno"><img src="img/acessorios.webp" alt="KIT MANICURE BABY"></div>
+        <div class="rad"><span>R$79,99</span></div>
+        <div class="rad"><button>Comprar</button></div>
+        <div class="rad"><input type="radio" class="rad1">
+        <label for="">P</label>
+    <input type="radio" class="rad1">
+        <label for="">M</label>
+        <input type="radio" class="rad1">
+        <label for="">G</label>
+        <input type="radio"class="rad1">
+        <label for="">GG</label></div>
+
+    </div>
+
+</div>
+
+
+<footer>
+    <div class="footer">
+<h3>FAÇA SEU CADASTRO:</h3>
+<form>
+    <label for="">NOME</label>
+    <input type="text" class="size">
+
+    <label for="">E-MAIL</label>
+    <input type="email" class="size">
+
+    <label for="">SENHA</label>
+    <input type="password" class="size">
+
+    <button>ENVIAR</button>
+    </form>
+    </div>
+</footer>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "static",
+  "name": "desafio2-daianevnw",
   "version": "1.0.0",
-  "description": "This is a static template with no bundling",
+  "description": "",
   "main": "index.html",
   "scripts": {
     "start": "serve",
@@ -11,11 +11,7 @@
     "type": "git",
     "url": "git+https://github.com/codesandbox-app/static-template.git"
   },
-  "keywords": [
-    "static",
-    "template",
-    "codesandbox"
-  ],
+  "keywords": [],
   "author": "Ives van Hoorne",
   "license": "MIT",
   "bugs": {
@@ -25,4 +21,4 @@
   "devDependencies": {
     "serve": "^11.2.0"
   }
-}
+}