set termino la interface de usuario del administrador y del cliente

cosr2996 · Jul 7, 2023 · 4c0e5a3 · 4c0e5a3
1 parent 26ca126
commit 4c0e5a3
Show file tree

Hide file tree

Showing 38 changed files with 2,246 additions and 0 deletions.
diff --git a/assets/images/10.png b/assets/images/10.png
diff --git a/assets/images/11.png b/assets/images/11.png
diff --git a/assets/images/12.png b/assets/images/12.png
diff --git a/assets/images/13.png b/assets/images/13.png
diff --git a/assets/images/14.png b/assets/images/14.png
diff --git a/assets/images/15.png b/assets/images/15.png
diff --git a/assets/images/16.png b/assets/images/16.png
diff --git a/assets/images/2.png b/assets/images/2.png
diff --git a/assets/images/3.png b/assets/images/3.png
diff --git a/assets/images/4.png b/assets/images/4.png
diff --git a/assets/images/5.png b/assets/images/5.png
diff --git a/assets/images/6.png b/assets/images/6.png
diff --git a/assets/images/7.png b/assets/images/7.png
diff --git a/assets/images/8.png b/assets/images/8.png
diff --git a/assets/images/9.png b/assets/images/9.png
diff --git a/assets/images/arrow-back-black-24-dp-1.svg b/assets/images/arrow-back-black-24-dp-1.svg
diff --git a/assets/images/banner-image.png b/assets/images/banner-image.png
diff --git a/assets/images/delete-black-24-dp-11.svg b/assets/images/delete-black-24-dp-11.svg
diff --git a/assets/images/edit-black-24-dp-1.svg b/assets/images/edit-black-24-dp-1.svg
diff --git a/assets/images/icone.svg b/assets/images/icone.svg
diff --git a/assets/images/sports-esports-black-24-dp-1.svg b/assets/images/sports-esports-black-24-dp-1.svg
diff --git a/assets/images/texto.svg b/assets/images/texto.svg
diff --git a/assets/images/unsplash-6-fdxgy-9-j-6-y-4.png b/assets/images/unsplash-6-fdxgy-9-j-6-y-4.png
diff --git a/assets/images/unsplash-syvyz-kwax-u.png b/assets/images/unsplash-syvyz-kwax-u.png
diff --git a/assets/images/unsplash-zv-7-lnfy-q-lm-a.png b/assets/images/unsplash-zv-7-lnfy-q-lm-a.png
diff --git a/index.html b/index.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>log in</title>
+    <link rel="stylesheet" href="../styles/login.css">
+
+
+
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=Raleway:wght@200;300;400;600;700&display=swap"
+      rel="stylesheet"
+    />
+</head>
+<body>
+    <header>
+        <!--? MENU -->
+        <nav class="menu">
+          <div class="menu__logo">
+            <img
+              class="menu__imagen--icono"
+              src="../assets/images/sports-esports-black-24-dp-1.svg"
+              alt=""
+            />
+            <img
+              class="menu__imagen--texto"
+              src="../assets/images/texto.svg"
+              alt=""
+            />
+          </div>
+          <div class="menu__info">
+            <div class="menu__search">
+              <input
+                class="menu__search__input"
+                type="text"
+                placeholder="Que deseas buscar?"
+              />
+              <img
+                class="menu__search__icono"
+                src="../assets/images/icone.svg"
+                alt=""
+              />
+            </div>
+
+          </div>
+        </nav>
+      </header>
+
+
+
+
+          <!--? LOGIN -->
+          <section class="login">
+            <h2 class="login__titulo">Iniciar Sesion</h2>
+            <form action="" class="login__form">
+                <input class="login__form--campo" type="text" placeholder="Escriba su correo electronico">
+                <input class="login__form--campo" type="password" name="" id="" placeholder="Escriba su contrasena">
+                <hr>
+                <a class="login__form--enviar" href="./public/admin.html"> Entrar</a>
+
+            </form>
+         </section>
+
+
+
+            <!--? CONTACTO -->
+      <section class="contacto">
+        <div class="contacto__info">
+          <div class="contacto__logo">
+            <img
+              class="contacto__logo--icono"
+              src="../assets/images/sports-esports-black-24-dp-1.svg"
+              alt=""
+            />
+            <img
+              class="contacto__logo--texto"
+              src="../assets/images/texto.svg"
+              alt=""
+            />
+          </div>
+          <div class="contacto__menu">
+            <ul class="contacto__menu__lista">
+              <li class="contacto__menu__lista__item">Quienes somos</li>
+              <li class="contacto__menu__lista__item">
+                Política de privacidad
+              </li>
+              <li class="contacto__menu__lista__item">Programa de fidelidad</li>
+              <li class="contacto__menu__lista__item">Nuestras tiendas</li>
+              <li class="contacto__menu__lista__item">
+                Quiero ser franquiciado
+              </li>
+              <li class="contacto__menu__lista__item">Anúncie aquí</li>
+            </ul>
+          </div>
+        </div>
+        <form class="form" action="">
+          <h3 class="form__titulo">Hable con nosotros</h3>
+          <input class="form__campo" type="text" placeholder="Nombre" />
+          <textarea
+            class="form__campo"
+            name=""
+            id=""
+            cols="30"
+            rows="4"
+            placeholder="Escribe tu mensaje"
+          ></textarea>
+          <button class="form__enviar" type="submit" >Enviar mensaje</button>
+        </form>
+      </section>
+
+
+
+        <!--? FOOTER -->
+        <footer>
+            <p>Desarrollado por Fulana de Tal</p>
+            <p>2023</p>
+          </footer>
+</body>
+</html>