Pagina-ConquerBlocks/contacto.html at main · CarlosPadron95/Pagina-ConquerBlocks · 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
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <title>Contacto | Conquer Blocks</title>
    <meta name="description" content="Contacto" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="css/style.css" />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="/favicon-Conquer.png"
    />

    <link rel="manifest" href="site.webmanifest" />
    <meta name="theme-color" content="#fafafa" />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
      rel="stylesheet"
    />
  </head>

  <body>
    <header>
      <figure>
        <img
          src="img/common/Conquer-Blocks-logo.avif"
          alt="Logotipo de Conquer Blocks"
          width="150px"
        />
      </figure>
      <nav>
        <ul>
          <li><a href="index.html">Inicio</a></li>
          <li><a href="quienes-somos.html">Quienes somos</a></li>
          <li>
            <a href="cursos.html">Cursos</a>
            <ul class="dropdown">
              <li>
                <a href="cursos/curso-fullstack.html">Desarrollo Fullstack</a>
              </li>
              <li>
                <a href="cursos/curso-ia.html">Inteligencia Artificial</a>
              </li>
            </ul>
          </li>
          <li><a href="blog.html">Blog</a></li>
          <p>Contacto</p>
          <li><a href="registro.html">Registro</a></li>
          <li><a href="login.html">Login</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <div class="container">
        <section class="contacto">
          <div class="contacto_header">
            <h2>Contacta con nosotros</h2>
            <p>Contacta con nosotros y haznos las consultas que necesites.</p>
          </div>
          <section class="contacto_formulario">
            <h3 class="contacto_formulario_title">Formulario</h3>
            <form action="">
              <p>
                <label for="name">Nombre</label>
                <input type="text" name="name" id="name" required />
              </p>
              <p>
                <label for="email">Email</label>
                <input type="email" name="email" id="email" required />
              </p>
              <p>
                <label for="comment">Comentario</label> <br />
                <textarea
                  name="comment"
                  id="comment"
                  cols="30"
                  rows="5"
                  required
                ></textarea>
              </p>
              <p>
                <button>Enviar</button>
                <input type="reset" value="Borrar formulario" />
              </p>
            </form>
          </section>
        </section>
        <section class="contacto_mapa">
          <h3>Puedes encontrarnos aquí</h3>
          <iframe
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3518.5734393679018!2d-15.452155224730237!3d28.12902637594342!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xc40951c4fe6ae6f%3A0x44d0e97cbbd0b9f8!2sCentro%20Comercial%20Las%20Arenas!5e0!3m2!1ses!2ses!4v1757379567420!5m2!1ses!2ses"
            width="500"
            height="300"
            style="border: 0"
            allowfullscreen=""
            loading="lazy"
            referrerpolicy="no-referrer-when-downgrade"
          ></iframe>
        </section>
      </div>
    </main>
    <footer class="footer">
      <figure>
        <img
          src="img/common/Conquer-Blocks-logo.avif"
          alt="Logotipo de Conquer Blocks"
          width="150px"
        />
      </figure>
      <div class="footer_conquer">
        <p>© ConquerBlocks 2025 - <a href="aviso-legal.html">Aviso Legal</a></p>
      </div>
    </footer>
  </body>
</html>