AlphaStudio LandingPage

AlphaStudio-LandingPage

Exemplo de página de destino responsiva para uma startup/agência de web design construída com Bootstrap-4

Em primeiro lugar, o que é uma landing page? No marketing digital, uma landing page é uma página da web independente, criada especificamente para uma campanha de marketing ou publicidade. É onde um visitante “chega” depois de clicar em um link em um e-mail ou em anúncios do Google, Bing, YouTube, Facebook, Instagram, Twitter ou locais semelhantes na web. Basicamente, exibindo informações/serviços resumidos de sua empresa e/ou empresa para reunir clientes ou clientes.

Antes de tocar no código! Imps: Frontend Framework: Boostrap 4.0.0 Baixe em: https://v4-alpha.getbootstrap.com/

Rolagem suave: Jquery

Enviando e-mail ao usuário para consulta/feedback: PHPMailer-master Baixe em: https://github.com/PHPMailer/PHPMailer

Para rodar em servidor localhost XAMPP com MySQL e Apache em execução.

As imagens usadas são de código aberto editadas usando photoshop e canva

Estrutura da tabela do banco de dados: nome de usuário: TYPE TEXT email_id: TYPE TEXT mensagem: TYPE TEXT você pode especificar o comprimento de acordo com suas necessidades de validação

Home.html: Componentes 1.Barra de navegação: Classe Bootstrap Navbar 2.Efeito Parallax 3.Efeito de rolagem usando Jquery 4.Nossa seção de equipe: Cartões de classe Bootstrap 5.Animação FadeIn e FadeOut usando Jquery 6.Por último rodapé com ícones de mídia social da fonte -link de incorporação incrível:

CSS: fontes do Google Fonts

Conexão.php:

1. Armazenamento de variáveis ​​usando FILTER_INPUT Por que FILTER_INPUT? Scripts PHP escritos por grandes comunidades de programadores têm lançamentos de segurança regulares devido à filtragem de entrada incorreta ou defeituosa. Deixar de filtrar a entrada pode expor seu servidor e seus dados a ataques, e muitos desses ataques agora são automatizados (porque usar servidores web hackeados para enviar spam é uma indústria agora).

2. Adicionando variáveis ​​ao banco de dados

3. PHPMailer: Para enviar mensagens gravadas de respostas ao usuário no site Por que PHPMailer via mail()? PHPMailer oferece muitas funcionalidades sobre a função principal do PHP mail(), incluindo criptografia e autenticação SMTP SSL, mensagens HTML, anexos de arquivos e muito mais. Além disso, o PHPMailer é muito mais fácil de usar do que mail() e fornece uma sintaxe orientada a objetos limpa e legível.

É isso ! O código é mantido o mais simples possível para criar uma página elegante com o mínimo de esforço

Se você deseja hospedar seu projeto siga este tutorial: na hospedagem gratuita Byethost

Desativei o serviço de e-mail lá, pois não é seguro inserir minha senha e credencial; nesse caso, vá para uma hospedagem segura ou crie uma conta fictícia do Gmail

https://www.youtube.com/watch?v=edKaUUkLyHA