Ejemplo de página de inicio adaptable para una startup/agencia de diseño web creada con Bootstrap-4
En primer lugar, ¿qué es una página de destino? En marketing digital, una página de destino es una página web independiente, creada específicamente para una campaña de marketing o publicidad. Es donde un visitante “aterriza” después de hacer clic en un enlace de un correo electrónico o en anuncios de Google, Bing, YouTube, Facebook, Instagram, Twitter o lugares similares en la web. Básicamente, muestra en breve la información/servicios suyos y/o de su empresa. para reunir clientes o clientes.
Antes de tocar el código! Imps: Frontend Framework: Boostrap 4.0.0 Descargar desde: https://v4-alpha.getbootstrap.com/
Desplazamiento suave: Jquery
Envío de correo al usuario para su consulta/comentarios: PHPMailer-master Descargar desde: https://github.com/PHPMailer/PHPMailer
Para ejecutar en el servidor localhost XAMPP con MySQL y Apache en ejecución.
Las imágenes utilizadas son de código abierto editadas con Photoshop y Canva.
Estructura de la tabla de base de datos: nombre de usuario: TIPO DE TEXTO email_id: TIPO DE TEXTO mensaje: TIPO DE TEXTO puede especificar la longitud según sus necesidades de validación
Inicio.html: Componentes 1.Barra de navegación: Barra de navegación de clase Bootstrap 2.Efecto de paralaje 3.Efecto de desplazamiento usando Jquery 4.Sección de nuestro equipo: Tarjetas de clase Bootstrap 5.Animación de entrada y salida gradual usando Jquery 6.Último pie de página con íconos de redes sociales de Font -increíble enlace de inserción:
CSS: fuentes de Google Fonts
Conexión.php:
Almacenamiento de variables usando FILTER_INPUT ¿Por qué FILTER_INPUT? Los scripts PHP escritos por grandes comunidades de programadores tienen versiones de seguridad periódicas debido a un filtrado de entrada incorrecto o defectuoso. No filtrar la entrada puede exponer su servidor y sus datos a ataques, y muchos de estos ataques ahora están automatizados (porque el uso de servidores web pirateados para enviar spam es una industria ahora).
Agregar variables a la base de datos
PHPMailer: Para enviar respuestas por correo grabado al usuario en el sitio ¿Por qué PHPMailer por correo()? PHPMailer ofrece muchas funcionalidades sobre la función principal de PHP mail(), incluido el cifrado y autenticación SMTP SSL, mensajes HTML, archivos adjuntos y más. Además de eso, PHPMailer es mucho más fácil de usar que mail() y proporciona una sintaxis limpia y legible orientada a objetos.
Eso es todo ! El código se mantiene lo más simple posible para crear una página elegante con el mínimo esfuerzo.
Si quieres alojar tu proyecto sigue este tutorial: en Byethost hosting gratuito
Desactivé el servicio de correo electrónico allí porque no es seguro ingresar mi contraseña y credencial; en ese caso, opte por un alojamiento seguro o cree una cuenta ficticia de Gmail.
https://www.youtube.com/watch?v=edKaUUkLyHA