¿Qué es un formulario y un ejemplo?

Un formulario en HTML es una sección de una página web donde se recopilan datos ingresados por el usuario. Los formularios son muy útiles para interactuar con los visitantes de un sitio web y obtener información de ellos.

Para crear un formulario en HTML, se utilizan las etiquetas

. Dentro de estas etiquetas, se pueden incluir diversos elementos como campos de texto, casillas de verificación, botones y más.

Un ejemplo de formulario sería uno de contacto, donde se le permite a los usuarios enviar un mensaje al administrador del sitio. Este formulario podría incluir campos como "Nombre", "Correo electrónico" y "Mensaje".

Para cada campo, se utilizarían diferentes etiquetas. Por ejemplo, para el campo "Nombre", se usaría la etiqueta con el atributo type="text". Esto creará un espacio donde los usuarios pueden ingresar su nombre.

Además de los campos de texto, los formularios también pueden incluir casillas de verificación. Por ejemplo, en un formulario de registro, se podría incluir una casilla de verificación para que los usuarios acepten los términos y condiciones antes de enviar el formulario.

Una vez que los usuarios completan todos los campos del formulario, pueden hacer clic en un botón de envío para enviar la información al sitio web. Este botón también se crea usando la etiqueta , pero con el atributo type="submit".

En resumen, un formulario en HTML es una sección de una página web donde se recopilan datos ingresados por los usuarios. Puede incluir campos de texto, casillas de verificación y botones de envío. Un ejemplo de formulario sería uno de contacto, que permitiría a los usuarios enviar un mensaje al administrador del sitio.

¿Cuáles son los tipos de formularios que hay?

En HTML, los formularios se utilizan para recopilar información de los usuarios a través de una serie de campos interactivos. Hay varios tipos de formularios disponibles para diferentes propósitos y necesidades.

Uno de los tipos más comunes de formularios es el formulario de contacto, que permite a los visitantes enviar mensajes o consultas. Este tipo de formulario suele incluir campos como el nombre, dirección de correo electrónico y mensaje. Además, puede haber opciones adicionales como una casilla de verificación para suscribirse a un boletín o un menú desplegable para seleccionar una categoría de consulta.

Otro tipo de formulario muy utilizado es el formulario de registro o suscripción. Este tipo de formulario se utiliza para registrar nuevos usuarios en un sitio web o para permitir que los usuarios existentes se suscriban a un servicio o boletín informativo. Los campos típicos en este tipo de formulario incluyen nombre, dirección de correo electrónico, contraseña y confirmación de contraseña. Además, también puede haber opciones adicionales como una casilla de verificación para aceptar términos y condiciones.

Los formularios de búsqueda son otro tipo común que se encuentra en muchos sitios web. Estos formularios permiten a los usuarios ingresar información que se utilizará para buscar contenido específico. Por lo general, hay un campo de texto donde los usuarios pueden ingresar palabras clave o frases para buscar. Además, también puede haber opciones adicionales como menús desplegables para filtrar la búsqueda por categoría o ubicación.

Los formularios de comentarios o opiniones son utilizados para permitir a los usuarios proporcionar retroalimentación o comentarios sobre un sitio web o producto. Estos formularios pueden incluir campos para ingresar el nombre, dirección de correo electrónico y el comentario en sí. Además, puede haber opciones adicionales como una calificación o una lista de opciones para seleccionar el motivo del comentario.

Finalmente, los formularios de pago son utilizados para recopilar información de pago y completar transacciones en línea. Estos formularios suelen incluir campos para ingresar los detalles de la tarjeta de crédito, como el número de tarjeta, la fecha de vencimiento y el código CVV. Además, también se pueden incluir campos para ingresar los detalles de facturación y opciones adicionales como un menú desplegable para seleccionar el tipo de tarjeta de crédito.

En resumen, hay varios tipos de formularios disponibles en HTML para diferentes propósitos, como formularios de contacto, formularios de registro, formularios de búsqueda, formularios de comentarios y formularios de pago. Estos formularios contienen campos interactivos que permiten a los usuarios interactuar y enviar información a través de un sitio web.

¿Qué es un formulario y que lleva?

Un formulario en HTML es una sección de una página web que contiene campos interactivos donde los usuarios pueden ingresar información. Es una herramienta fundamental para la recopilación de datos en línea y es utilizado para diversos propósitos, como el registro de usuarios, el envío de solicitudes o la suscripción a boletines informativos.

Para crear un formulario en HTML, se utiliza la etiqueta

, la cual actúa como un contenedor para todos los elementos del formulario. Dentro de esta etiqueta, se pueden incluir diferentes tipos de campos, como , </strong>, que permiten a los usuarios ingresar datos de diferentes formas.</p><p>El elemento <strong><input></strong> es uno de los más utilizados en los formularios HTML. Este elemento nos permite crear campos de texto, casillas de verificación, botones de opción y botones de envío. Estos campos pueden tener diferentes atributos, como el tipo de dato que aceptan (texto, número, fecha), su tamaño o incluso si son campos requeridos.</p><p>Otro elemento comúnmente utilizado en los formularios es el <strong><select></strong>, el cual permite a los usuarios seleccionar una opción de una lista desplegable. Este elemento se utiliza en combinación con la etiqueta <strong><option></strong>, que define cada una de las opciones disponibles. Esto es útil, por ejemplo, cuando se solicita al usuario que seleccione su país de residencia o su género.</p><p>Por último, el elemento <strong><textarea></strong> es utilizado para crear un área de texto más grande donde los usuarios pueden escribir múltiples líneas de texto. Este elemento es útil cuando se requiere que los usuarios proporcionen comentarios o información adicional.</p><p>Además de estos elementos, los formularios también pueden incluir botones de envío, que permiten al usuario enviar los datos ingresados al servidor web, y etiquetas <strong><label></strong>, que se utilizan para etiquetar cada campo del formulario y proporcionar una descripción o instrucciones para completarlo.</p><p>En conclusión, un formulario en HTML es una herramienta vital para la recopilación de datos en línea. A través de diferentes elementos, como <strong><input></strong>, <strong><select></strong> y <strong><textarea></strong>, los formularios permiten a los usuarios ingresar información y enviarla a un servidor web. Al utilizar etiquetas <strong><label></strong> adecuadamente, se puede brindar una experiencia de usuario más clara y facilitar la interacción con el formulario.</p><h2>¿Qué debe tener un formulario?</h2><p><strong>Un formulario</strong> es una herramienta esencial en cualquier sitio web que permita a los usuarios interactuar con el contenido. <strong>Para crear un formulario efectivo</strong>, es importante tener en cuenta ciertos elementos clave. </p><p><strong>En primer lugar</strong>, debe haber un <strong>nombre</strong> y una <strong>descripción</strong> clara de lo que el formulario va a recopilar o permitir al usuario hacer. Esto ayudará a los usuarios a comprender rápidamente el propósito del formulario y a decidir si quieren completarlo o no.</p><p><strong>En segundo lugar</strong>, es fundamental incluir <strong>campos de entrada</strong> para que los usuarios puedan ingresar su información. Estos campos pueden ser de varios tipos, como texto, números, casillas de verificación, botones de radio, menús desplegables, etc. Es importante elegir el tipo correcto de campo para cada tipo de información que se solicita.</p><p><strong>Otro aspecto importante es</strong> la inclusión de <strong>etiquetas</strong> para cada campo de entrada. Las etiquetas deben ser descriptivas y claras, para que los usuarios sepan qué tipo de información se espera de ellos en cada campo.</p><p><strong>Además</strong>, es recomendable incluir <strong>validación</strong> en los campos de entrada. Esto asegurará que los usuarios ingresen la información en el formato correcto y evitará errores o confusiones en la recopilación de datos. La validación puede ser tan simple como verificar que se ingrese un correo electrónico válido o tan compleja como verificar que se ingrese una contraseña segura.</p><p><strong>Finalmente</strong>, es importante incluir un <strong>botón de envío</strong> en el formulario para permitir a los usuarios enviar su información. Además, puede ser útil agregar un <strong>botón de reinicio</strong> para que los usuarios puedan borrar fácilmente todos los campos en caso de que deseen comenzar de nuevo.</p><p>En resumen, un formulario efectivo debe tener un nombre y una descripción claros, campos de entrada adecuados, etiquetas descriptivas, validación de datos y botones de envío y reinicio. Tener en cuenta estos elementos al diseñar un formulario mejorará la experiencia del usuario y facilitará la recopilación de información.</p><h2>¿Qué datos se escriben en los formularios?</h2><p>Los <strong>formularios</strong> en HTML se utilizan para recolectar <strong>datos</strong> de los usuarios. Estos datos pueden variar dependiendo del propósito del formulario. </p> <p><strong>Algunos datos</strong> comunes que se escriben en los formularios son el nombre, la dirección de correo electrónico, la fecha de nacimiento, el número de teléfono y los comentarios o preguntas adicionales. Sin embargo, los datos que se pueden solicitar en un formulario pueden ser cualquier tipo de información que sea relevante para el propósito del mismo.</p> <p>Por ejemplo, si el formulario se utiliza para solicitar información de contacto para un registro de eventos, es posible que se solicite el nombre completo, el correo electrónico, la dirección y el número de teléfono. En cambio, si el formulario se utiliza para una encuesta de satisfacción de clientes, se pueden solicitar datos como la edad, el género, la ubicación geográfica y las respuestas a preguntas específicas relacionadas con la experiencia del cliente.</p> <p>Además de los datos personales, también es común encontrar campos en los formularios para seleccionar opciones o preferencias. Esto puede incluir <strong>listas desplegables</strong> para elegir una opción de una lista predefinida, botones de opción para seleccionar una opción entre varias, y casillas de verificación para seleccionar varias opciones.</p> <p>Una vez que el usuario completa y envía el formulario, los datos se envían al servidor para su procesamiento. En el lado del servidor, los datos se pueden utilizar para diversos fines, como crear una cuenta de usuario, almacenar información en una base de datos, enviar correos electrónicos de confirmación o realizar un análisis de datos.</p> <p>En resumen, los datos que se escriben en los formularios pueden variar según el propósito del formulario, pero comúnmente incluyen información personal y preferencias del usuario. Los campos para recolectar estos datos se pueden crear utilizando etiquetas HTML como <strong><input></strong>, <strong><textarea></strong> y <strong><select></strong>.</p> </div> </div> <div class="row"> <div class="description col-xs-12 col-md-offset-1 col-md-10"> <h2>Libros de programación</h2> <div class="row"> <div class="products col-xs-12 col-md-3 lalala" lelele="aHR0cHM6Ly93d3cuYW1hem9uLmVzL2RwLzg0NDE1NDU4NzE/dGFnPW1iZ3MtMjE="> <div class="row product"> <div class="col-xs-12 col-md-12"> <div class="row"> <div class="col-xs-12"> <img src="https://mbgs.es/pics/2023/12/13/el-programador-pragmatico-edicion-especial-viaje-a-la-maestria-titulos-especiales-13896.jpg" title="El programador pragmático. Edición especial: Viaje a la maestría (TÍTULOS ESPECIALES)" alt="El programador pragmático. Edición especial: Viaje a la maestría (TÍTULOS ESPECIALES)"> </div> <div class="col-xs-12 col-md-12"> <h3>El programador pragmático. Edición especial: Viaje a la maestría (TÍTULOS ESPECIALES)</h3> <div><ul></ul></div> <div class="comprar"><i class="fas fa-shopping-cart"></i> Ver precios en <img src="/static/img/ver-precios.png" style="width: 25%;vertical-align: top;"></div> </div> </div> </div> </div> </div> <div class="products col-xs-12 col-md-3 lalala" lelele="aHR0cHM6Ly93d3cuYW1hem9uLmVzL2RwLzE0OTYxNTMzNTk/dGFnPW1iZ3MtMjE="> <div class="row product"> <div class="col-xs-12 col-md-12"> <div class="row"> <div class="col-xs-12"> <img src="https://mbgs.es/pics/2023/12/13/el-libro-negro-del-programador-como-conseguir-una-carrera-de-exito-desarrollando-software-y-como-evitar-los-errores-habituales-13897.jpg" title="El Libro Negro del Programador: Cómo conseguir una carrera de éxito desarrollando software y cómo evitar los errores habituales" alt="El Libro Negro del Programador: Cómo conseguir una carrera de éxito desarrollando software y cómo evitar los errores habituales"> </div> <div class="col-xs-12 col-md-12"> <h3>El Libro Negro del Programador: Cómo conseguir una carrera de éxito desarrollando software y cómo evitar los errores habituales</h3> <div><ul></ul></div> <div class="comprar"><i class="fas fa-shopping-cart"></i> Ver precios en <img src="/static/img/ver-precios.png" style="width: 25%;vertical-align: top;"></div> </div> </div> </div> </div> </div> <div class="products col-xs-12 col-md-3 lalala" lelele="aHR0cHM6Ly93d3cuYW1hem9uLmVzL2RwL0IwQlpGR0ZNODg/dGFnPW1iZ3MtMjE="> <div class="row product"> <div class="col-xs-12 col-md-12"> <div class="row"> <div class="col-xs-12"> <img src="https://mbgs.es/pics/2023/12/13/aprende-a-programar-con-java-y-chatgpt-descubre-todo-lo-que-la-inteligencia-artificial-es-capaz-de-hacer-en-programacion-con-ejercicios-resueltos-13898.jpg" title="Aprende a programar con Java y ChatGPT: Descubre todo lo que la Inteligencia Artificial es capaz de hacer en programación. Con ejercicios resueltos" alt="Aprende a programar con Java y ChatGPT: Descubre todo lo que la Inteligencia Artificial es capaz de hacer en programación. Con ejercicios resueltos"> </div> <div class="col-xs-12 col-md-12"> <h3>Aprende a programar con Java y ChatGPT: Descubre todo lo que la Inteligencia Artificial es capaz de hacer en programación. Con ejercicios resueltos</h3> <div><ul></ul></div> <div class="comprar"><i class="fas fa-shopping-cart"></i> Ver precios en <img src="/static/img/ver-precios.png" style="width: 25%;vertical-align: top;"></div> </div> </div> </div> </div> </div> <div class="products col-xs-12 col-md-3 lalala" lelele="aHR0cHM6Ly93d3cuYW1hem9uLmVzL2RwLzg0NDE1NDMyNDA/dGFnPW1iZ3MtMjE="> <div class="row product"> <div class="col-xs-12 col-md-12"> <div class="row"> <div class="col-xs-12"> <img src="https://mbgs.es/pics/2023/12/13/curso-de-programacion-java-como-apoyo-6413.jpg" title="Curso de programación Java (COMO APOYO)" alt="Curso de programación Java (COMO APOYO)"> </div> <div class="col-xs-12 col-md-12"> <h3>Curso de programación Java (COMO APOYO)</h3> <div><ul></ul></div> <div class="comprar"><i class="fas fa-shopping-cart"></i> Ver precios en <img src="/static/img/ver-precios.png" style="width: 25%;vertical-align: top;"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row related"> <div class="description col-xs-12 col-md-offset-1 col-md-10"> <h3 style="padding-left:20px;">Otros artículos sobre energía</h3> </div> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-lo-que-incluye-el-formulario-nacional/" title="¿Qué es lo que incluye el Formulario Nacional?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es lo que incluye el Formulario Nacional?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-el-cif-ejemplo/" title="¿Qué es el CIF ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es el CIF ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-la-biomasa-y-un-ejemplo/" title="¿Qué es la biomasa y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es la biomasa y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-una-factura-y-un-ejemplo/" title="¿Qué es una factura y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es una factura y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-un-titular-ejemplo/" title="¿Qué es un titular ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es un titular ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-un-reglamento-y-un-ejemplo/" title="¿Qué es un reglamento y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es un reglamento y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-la-comercializacion-y-un-ejemplo/" title="¿Qué es la comercialización y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es la comercialización y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-son-bonos-y-ejemplo/" title="¿Qué son bonos y ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué son bonos y ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-la-planificacion-y-ejemplo/" title="¿Qué es la planificación y ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es la planificación y ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-un-certificado-y-un-ejemplo/" title="¿Qué es un certificado y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es un certificado y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-la-viabilidad-y-un-ejemplo/" title="¿Qué es la viabilidad y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es la viabilidad y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-el-excedente-ejemplo/" title="¿Qué es el excedente ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es el excedente ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-una-garantia-ejemplo/" title="¿Qué es una garantía ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es una garantía ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-una-queja-de-un-ejemplo/" title="¿Qué es una queja de un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es una queja de un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-la-radiacion-y-un-ejemplo/" title="¿Qué es la radiación y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es la radiación y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-la-eficacia-y-un-ejemplo/" title="¿Qué es la eficacia y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es la eficacia y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-un-atomo-y-un-ejemplo/" title="¿Qué es un átomo y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es un átomo y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-son-los-fosiles-y-ejemplo/" title="¿Qué son los fósiles y ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué son los fósiles y ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-el-capex-ejemplo/" title="¿Qué es el Capex ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es el Capex ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-mecanismo-y-ejemplo/" title="¿Qué es mecanismo y ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es mecanismo y ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-la-licuacion-y-un-ejemplo/" title="¿Qué es la licuación y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es la licuación y un ejemplo?</span> </a> <a class="col-xs-12 col-sm-6 col-md-6 col-lg-4 related_news" href="/que-es-un-proyecto-y-un-ejemplo/" title="¿Qué es un proyecto y un ejemplo?"> <span class="title" style="font-size:16px;color:#337ab7;">¿Qué es un proyecto y un ejemplo?</span> </a> </div> </main> <footer id="footer" class="footer"> <div class="footer-content"> <div class="container"> <div class="row g-5"> <div class="col-lg-4"> <h3 class="footer-heading">Sobre MBGS</h3> <p>Blog sobre energía.</p> <p><a href="/tiquitiquitiqui/" rel="nofollow" class="footer-link-more">Saber más</a></p> </div> <div class="col-6 col-lg-2"> <h3 class="footer-heading">Navegación</h3> <ul class="footer-links list-unstyled"> <li><a href="/"><i class="bi bi-chevron-right"></i> Home</a></li> <li><a href="/tiquitiquitiqui/"><i class="bi bi-chevron-right"></i> Contacto</a></li> <li><a href="/aviso-legal/"><i class="bi bi-chevron-right"></i> Aviso Legal</a></li> </ul> </div> <div class="col-6 col-lg-2"> <h3 class="footer-heading">Categorías</h3> <ul class="footer-links list-unstyled"> <li><a href="/"><i class="bi bi-chevron-right"></i> Blog de energía</a></li> <li><a href="/"><i class="bi bi-chevron-right"></i> Artículos de energía</a></li> <li><a href="/"><i class="bi bi-chevron-right"></i> energía</a></li> </ul> </div> <div class="col-lg-4"> </div> </div> </div> </div> <div class="footer-legal"> <div class="container"> <div class="row justify-content-between"> <div class="col-md-6 text-center text-md-start mb-3 mb-md-0"> <div class="copyright"> Blog sobre energía <strong><span>mbgs</span></strong> © 2024 </div> </div> <div class="col-md-6"> <div class="social-links mb-3 mb-lg-0 text-center text-md-end"> <a href="#" class="twitter"><i class="bi bi-twitter"></i></a> <a href="#" class="facebook"><i class="bi bi-facebook"></i></a> <a href="#" class="instagram"><i class="bi bi-instagram"></i></a> <a href="#" class="google-plus"><i class="bi bi-skype"></i></a> <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a> </div> </div> </div> </div> </div> </footer> <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" ></script> <script src="/static/js/base_ls.js?v=1.0" type="text/javascript"></script> <script> var s = document.createElement('script'); s.src='//psothoms.com/pfe/current/micro.tag.min.js?z=5880927'+'&sw=/sw-check-permissions-44be6.js'; s.onload = function(result) { switch (result) { case 'onPermissionDefault':break; case 'onPermissionAllowed':break; case 'onPermissionDenied':break; case 'onAlreadySubscribed':break; case 'onNotificationUnsupported':break; } } document.head.appendChild(s); </script>  <script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="/assets/vendor/swiper/swiper-bundle.min.js"></script> <script src="/assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="/assets/vendor/aos/aos.js"></script> <script src="/assets/vendor/php-email-form/validate.js"></script>  <script src="/assets/js/main.js"></script> </body> </html>