E-commerce/new-product.html at master · FoxelBass/E-commerce · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!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" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.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=Raleway&display=swap" rel="stylesheet"/>
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link rel="shortcut icon" href="./img/icon-white.png" type="image/x-icon" />
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/default.css" />
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/new-product.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/responsive.css">
    <title>AluraGeeK E-Commerce</title>
  </head>
  <body>
    <header class="header">


        <!--LOGO-->
        <div class="header-logo">
            <a href="index.html">
            <img class="header-logo-img" src="./img/icon-AluraGeeK.png" alt="alura geek logo" /></a>
          </div>

        <!--SEARCH BAR-->
        <div class="search">
            <input class="search-input" type="text" placeholder="¿Qué deseas buscar?" name="search" />
            <i class="bi bi-search"></i>
        </div>

        <!--LOGIN-->
          <a class="btn-login-link" href="login.html">Login</a>

    </header>
    <main>
        <section class="new-product">
            <div class="new-product-container">
              <div class="new-product-title">
                <h1 class="product-title">Agregar nuevo producto</h1>
            </div>
            <div class="new-product-drag">
              <div class="new-product-box">
                <div class="new-product-box-img">
                  <img class="new-product-img-mobile" src="img/add_black.png" alt="">
                  <img class="new-product-img" src="img/new-product-img.png" alt="">
                </div>
                <p class="new-product-box-title-mobile">Agregar una imagen. <br> JPEG, JPG, PNG</p>
                <p class="new-product-box-title">Arrastra y suelta para agregar una imagen. <br> JPEG, JPG, PNG</p>
              </div>
              <span class="new-product-letter" style="margin-top: 90px;">Ó</span>
              <button class="new-product-btn" type="button"  value="Busque en su computador">Busque en su computador</button>
              <input type="file" hidden />
            </div>
            <form action="registro.php" method="POST">
              <div class="new-product-form-group">
                  <label for="Nombre del producto">Nombre del producto</label>
                  <input class="new-product-form" type="text" name="Nombre del producto" maxlength="15" placeholder="Nombre del producto" required>
                  <label for="Precio del producto">Precio del producto</label>
                  <input class="new-product-form" type="text" name="Precio del producto" maxlength="10" placeholder="Precio del producto" required>
                  <label for="Descripción del producto">Descripción del producto</label>
                  <textarea class="new-product-form" type="text" name="Descripción del producto"  cols="30" rows="10" maxlength="50" placeholder="Descripción del producto" required></textarea>
              </div>
              <input class="new-product-form-btn" type="submit" value="Agregar producto" />
          </form>
            </div>
        </section>
    <!--FORM-->
    <section class="info">
        <div class="logo-about">
          <div class="info-logo">
            <img class="info-logo-img" src="./img/icon-AluraGeeK.png" alt="alura geek logo" />
          </div>
          <div class="about">
            <a class="about-link" href="#" >Quienes somos</a>
            <a class="about-link" href="#" >Politica de privacidad</a>
            <a class="about-link" href="#" >Programa de fidelidad</a>
            <a class="about-link" href="#" >Nuestras tiendas</a>
            <a class="about-link" href="#" >Quiero ser franquiciado</a>
            <a class="about-link" href="#" >Anuncie aqui</a>
          </div>
        </div>
        <div class="contact">
          <h2 class="contact-title">Hable con nosotros</h2>
          <form action="registro.php" class="contact-form" >
            <input class="contact-form-name" type="text" name="Nombre" placeholder="Ingrese su nombre" required/>
            <textarea class="contact-form-message" name="mensaje" cols="30" rows="10" placeholder="Escribe tu mensaje" required></textarea>
            <input class="contact-form-btn" type="submit" value="Enviar Mensaje" />
          </form>
        </div>
      </section>
    </main>
    <footer>
      <h2 class="footer-text">Desarrollado por David Duartez 2022</h2>
    </footer>
    <script src="js/search.js"></script>
    <script src="js/drag&drop.js"></script>
    </body>
</html>