API tools faq
paste
Advertisement
nahuelbkn

contacto.html

nahuelbkn
Jul 20th, 2020
1,434
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="es">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Contacto | Guayerd Bikes - Bicicletas de Competición y Urbanas.</title>
  8.     <link rel="stylesheet" href="style.css">
  9.  
  10.     <!-- Font family------------------------------------------------------------------------------------------>
  11.     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400;1,500&display=swap"
  12.       rel="stylesheet">
  13.  
  14.     <!-- Color palette---------------------------------------------------------------------------------------->
  15.     <link rel="stylesheet" href="https://coolors.co/ffffff-00171f-003459-007ea7-00a8e8">
  16.  
  17.  
  18.     <!-- Primary Meta Tags ----------------------------------------------------------------------------------->
  19.     <meta name="title" content="Guayerd Bikes - Bicicletas de Competición y Urbanas.">
  20.     <meta name="description"
  21.       content="Bicicletas de competición y urbanas. Somos fabricantes de las mejores bicicletas de la región. Atención personalizada y venta de accesorios.">
  22.  
  23.     <!-- Open Graph / Facebook ------------------------------------------------------------------------------->
  24.     <meta property="og:type" content="website">
  25.     <meta property="og:url" content="https://metatags.io/">
  26.     <meta property="og:title" content="Guayerd">
  27.     <meta property="og:description"
  28.       content="Bicicletas de competición y urbanas. Somos fabricantes de las mejores bicicletas de la región. Atención personalizada y venta de accesorios.">
  29.     <meta property="og:image"
  30.       content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">
  31.  
  32.     <!-- Twitter --------------------------------------------------------------------------------------------->
  33.     <meta property="twitter:card" content="summary_large_image">
  34.     <meta property="twitter:url" content="https://metatags.io/">
  35.     <meta property="twitter:title" content="Guayerd">
  36.     <meta property="twitter:description"
  37.       content="Bicicletas de competición y urbanas. Somos fabricantes de las mejores bicicletas de la región. Atención personalizada y venta de accesorios.">
  38.     <meta property="twitter:image"
  39.       content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">
  40. </head>
  41.  
  42. <body>
  43.    
  44.     <!--Menú de navegación ----------------------------------------------------------------------------------->
  45.    
  46.     <nav>
  47.  
  48.         <div class="navTitle">
  49.             <img class="imgLogo" src="img/LOGO.png" alt="Logo Guayerd">
  50.             <h1>Guayerd Bikes</h1>
  51.         </div>
  52.  
  53.         <div class="menu">
  54.  
  55.             <a href="index.html">Home</a>
  56.             <a href="productos.html">Productos</a>
  57.             <a href="contacto.html">Contacto</a>
  58.  
  59.         </div>
  60.  
  61.     </nav>
  62.  
  63.     <!--Fin de Menú de navegación ---------------------------------------------------------------------------->
  64.  
  65.     <!--Sección contacto-------------------------------------------------------------------------------------->
  66.    
  67.     <section class="contacto">
  68.  
  69.         <h2>Contacto</h2>
  70.        
  71.         <form action="">
  72.  
  73.             <label for="nombre">Nombre</label>
  74.             <input type="text" id="nombre" placeholder="Ingresa tu nombre" required>
  75.  
  76.             <label for="email">Email</label>
  77.             <input type="email" id="email" placeholder="Ingresa tu Email" required>
  78.  
  79.             <label for="tema">Tema</label>
  80.             <select name="tema" id="tema">
  81.                 <option value="-">-</option>
  82.                 <option value="consulta">Consulta</option>
  83.                 <option value="compras">Compras</option>
  84.                 <option value="reclamos">Reclamos</option>
  85.             </select>
  86.  
  87.             <label for="mensaje">Mensaje</label>
  88.             <textarea name="mensaje" id="mesanje" cols="30" rows="10" required placeholder="Escribe tu mensaje"></textarea>
  89.  
  90.             <input type="submit" value="Enviar">
  91.  
  92.         </form>
  93.  
  94.     </section>
  95.  
  96.     <!--Fin de formulario de contacto ------------------------------------------------------------------------>
  97.  
  98.     <!--Mapa ------------------------------------------------------------------------------------------------->
  99.    
  100.     <section class="mapa">
  101.        
  102.         <h2>Mapa</h2>
  103.  
  104.         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3284.5125198743663!2d-58.45006848505276!3d-34.59119936434233!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcb5f12e398ecd%3A0x98abf435fbfab70!2sAv.%20Corrientes%206237%2C%20C1427BPA%20CABA!5e0!3m2!1ses-419!2sar!4v1594927546270!5m2!1ses-419!2sar" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0">
  105.         </iframe>
  106.  
  107.     </section>
  108.  
  109.     <!--Fin sección Mapa ------------------------------------------------------------------------------------->
  110.  
  111.     <!--Comienzo de Footer------------------------------------------------------------------------------------>
  112.    
  113.     <footer>
  114.        
  115.         <h6>Copyright&copy; 2020 - Página creada por Guayerd - Todos los derechos reservados</h6>
  116.        
  117.     </footer>
  118.  
  119.     <!--Fin de Footer---------------------------------------------------------------------------------------->
  120.  
  121.  
  122. </body>
  123. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!