API tools faq
paste
Advertisement
Fhernd

contac.html

Fhernd
Apr 13th, 2018
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="es">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>PARCIAL FINAL</title>
  6.         <link rel="stylesheet" href="css/menu.css">
  7.         <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  8.     </head>
  9.     <body>
  10.         <header>
  11.             <h1>MODA NATURAL</h1>
  12.             <h2>" El mundo de la belleza "</h2>
  13.             <nav >
  14.                 <ul >
  15.                     <li class ="btn"><a href="file:///D:/parcial%20final/menu.html">Inicio</a></li>
  16.                     <li class ="btn"><a href="file:///D:/parcial%20final/tips.html">tips de belleza</a></li>
  17.                     <li class ="btn"><a href="file:///D:/parcial%20final/moda.html">Moda</a></li>
  18.                     <li class ="btn"><a href="file:///D:/parcial%20final/contac.html">Contacto</a></li>
  19.                 </ul>
  20.                 <!--menu de la pagina-->
  21.             </nav>
  22.         </header>
  23.         <br><br><br>
  24.         <section>
  25.             <h6 style="display:none;">_</h6>
  26.             <article>
  27.                 <br>
  28.                 <h2 >¿Te gustaría ponerte en contacto con MODA NATURAL?</h2>
  29.                 <div id="contacto"  >
  30.                     <div class="cont" id="celular" >
  31.                         <img alt=""  src="img/telefo.png">Telefono<BR>
  32.                         Esperamos tu llamado de lunes a viernes de 9 a 21 hs.<br>
  33.                         <h3> 0001-800-567</h3>
  34.                         <div id="celula"></div>
  35.                     </div>
  36.                     <div class="cont" id="envio">
  37.                         <img alt src="img/Mensaj.png">E-mail<BR>
  38.                         Es muy fácil, completa el formulario de contacto.<br>
  39.                         <br>
  40.                         <form id="contact_form" method="POST" enctype="multipart/form-data" action="action_page.php">
  41.                             <div class="row">
  42.                                 <label>Nombres y apellidos:</label><br>
  43.                                 <input type="text" name="nombres" id="nombres" pattern="[a-zA-Z ]*" title="Digite letras" required placeholder="Digite nombres completos" /><br>
  44.                             </div>
  45.                             <div class="row">
  46.                                 <label>EMail:</label><br>
  47.                                 <input type="text" name="email" id="email" required title="Digite correo electronico"  placeholder="Digite el correo electronico "/><br>
  48.                             </div>
  49.                             <div>
  50.                                 <label>Pais:</label><br>
  51.                                 <select name="cars">
  52.                                     <option value="volvo">Argentina</option>
  53.                                     <option value="saab">Bolivia</option>
  54.                                     <option value="fiat">Colombia</option>
  55.                                     <option value="audi">dinamarca</option>
  56.                                     <option value="ecuad">Ecudador</option>
  57.                                 </select>
  58.                             </div>
  59.                             <div >
  60.                                 <label for="message">Mensaje:</label><br />
  61.                                 <textarea id="message" class="input" name="message" rows="7" cols="30" required title="Escriba tu mensaje"  placeholder="Escriba tu mensaje "></textarea><br />
  62.                             </div>
  63.                             <input id="submit_button" type="submit" style="float:right;" value="Enviar email" />
  64.                         </form>
  65.                     </div>
  66.                 </div>
  67.             </article>
  68.         </section>
  69.         <aside>
  70.             <ul>
  71.                 <li class="caja " id="facebook"><a href="https://www.facebook.com/jessikalisbeth.urbano?fref=ts" target="blank">facebook</a></li>
  72.                 <li class="caja " id="twitter"><a href="https://www.facebook.com/jessikalisbeth.urbano?fref=ts" target="blank">twitter</a></li>
  73.                 <li class="caja " id="youtube"><a href="https://www.youtube.com" target="blank">youtube</a></li>
  74.             </ul>
  75.         </aside>
  76.         <style>
  77.             .footerStyle {
  78.             color: black;
  79.             font-size: 5px;
  80.             }
  81.         </style>
  82.         <footer><i><span class="footerStyle"> Derechos reservados & copy 2016 jessica lizbeth betancourth </span></i></footer>
  83.    </body>
  84. </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!