5:10 - Início HTML 7:49 - Pegando fonte do Google Fonts 9:31 - Importanto ícones do Bootstrap 11:39 - Header e Form no HTML 18:15 - Estilizando o Header e Form no CSS 31:22 - Seção de benefícios no HTML 33:50 - Estilizando a seção de benefícios no CSS 38:00 - Seção do Local no HTML 40:45 - Estilizando a seção de local no CSS 44:13 - Seção de detalhes do evento no HTML 48:02 - Estilizando seção de detalhes do evento no CSS 52:21 - Seção do 'call to action' no HTML 53:06 - Estilizando 'call do action' no CSS 59:19 - Media query para mobile
Fala Matheus, já acompanho o seu trabalho a mais de 2 anos, e seus cursos me ajudaram a construir um portfólio e conseguir uma vaga na área, (em 2020), muito obrigado por compartilhar seu conhecimento, abraço!!!
fala Mauro, obrigado! depois dá uma olhada no meu treinamento completo: horadecodar.com.br/comunidade-hora-de-codar/ =) acredito que posso te ajudar mais ainda
Terminei o responsivo para tablet e dei mais uma mexida no de dispositivo movél "celular" ficou ótimo. Estes projetos da um gás nos estudo. Excelente trabalho!
cheguei aos 23 minutos e ja aprendi muita coisa nova, voce é foda , manja muito dos codigos, eu to estudando , pouco mais nao paro, nao vou desistir, para o tempo que for, sem pressa, que tudo no seu tempo! valeu amigo sou de Tubarao, abraço
Graças a esse video consegui fazer um projeto completo e responsivo além de ter aprendido bastante. Conheci o canal ontem já vou me inscrever e fazer os outros projetos do canal. Já tenho um conhecimento básico e estava em busca de projetos para desenvolver e consolidar esse conhecimento e esse video me ajudou.
Matheus, você poderia depois fazer uma videoaula ensinando a construir e consumir uma API com Javascript puro, em seguida ensinando uns macetes de fetch. Pode ser?
tava ate pensando aqui esses dias, que to copiando um site , e to fazendo do meu jeito o html , entao esse video é pra mim, pq inicio de tudo é bom saber bem, nao adianta pular ja para o javascript, sem dominar o html e css , respnsidade que é muito importante, acredito eu , valeu
Ótimo vídeo!!! Você é um ótimo professor, tenho um curso de PHP seu, você consegue explicar de uma forma simples, o que parece ser complicado. Obrigado por compartilhar o seu conhecimento.
Finalizei hoje o projeto ... vou fazer o desafio que vc pediu ... vou focar em posição e flex-box , vi a necessidade de ser bom em css nesse projeto . Obrigado Matheus !!!!!!!!!
Olá Matheus, grande professor! Este é o meu primeiro contato, tanto no canal, como também com essa matéria. Acessei porque preciso fazer uma landing page para o meu trabalho de serigrafia em camisetas. Sou completamente ignorante em programação, mas, devo relatar que assistir a essa aula, foi uma experiência marcante, pois, prestando bem a atenção, eu já pude entender bem o que se passou, enfim: cheguei agora e daqui eu não saio mais. Abraço e super obrigado
Matheus confesso para você que na hora de deixar responsivo para mobile ,mesmo te acompanhando eu apanhei um pouco. Vale ressaltar que só um mero iniciante !! mais foi show .parabéns por nos ensinar !
Fala aí Matheus. Camarada, que Deus te abençoe. Obrigado pelos conhecimentos compartilhados. Eu tava quebrando a cabeça com media query, mas esse seu projeto foi a luz. Sucesso sempre!
Só tenho gratidão! Ótimo vídeo, didática foda. Muita saúde e sucesso em sua vida. O que você faz pela comunidade de novos DEVS não tem preço. :) Já tenho alguns cursos seus na Udemy. :))
Muito massa Matheus! Estou iniciando como desenvolvedor e vou assistir novamente essa aula algumas vezes e fazendo meus testes. Deus continue te abençoando e te guiando pra fazer novos vídeos. : )
Boa Matheus, vídeo de alta qualidade feito por quem realmente domina o assunto. Seria muito interessante se você criasse um curso atualizado fazendo apenas isso: Como criar landing pages modernas, sites institucionais, com HTML, CSS, responsividade e um pouco de JS(sem nenhum framework front-end se possível), exatamente como você demonstrou nesta aula, sua didática é excelente, eu com certeza compraria. Obrigado por compartilhar seu conhecimento.
Boa tarde 😍 O que amo seus cursos e suas didáticas , são isso vc disponibilizar os arquivos para pessoa fazer juntos.... Mesma imagens isso incentiva muito a pessoa a treinar e fazer na prática 👍👍👍
Fala Matheus, primeiramente quero agradecer pelo seu conteúdo maravilhoso como sempre. Queria sugerir que vc criasse um curso sobre Redux, seria bem interessante!
Muito bom! Mas uma dica construtiva, pra quem está aprendendo é melhor ver o html e css juntos cada passo o que está acontecendo. Mas de qualquer forma obrigado pela aula!
show de video, parabens. Não sei se alguém já sugeriu, mas seria melhor dividir a tela com o live server (com salvamento automático) ao invés de ir trocando de tela... de qq forma, ainda assim está otimo o conteudo. Abs.
Professor essa terceira parte do landing page eu estou fazendo igual o seu codigo mas as imagens não estão ficando nesse formato uma abaixo da outra....:(
Ae Matheus, blz? Estou aprendendo front-end, estudo tanto no Qualifica quanto na Udemy, parabéns você ensina de uma forma sucinta e consegue transmitir bem o conteúdo, fiz CSS e HTML agora tô no JS, já adquirir seus cursos de SASS e React, enfim aos poucos vou progredindo.
Matheus boa noite. Eu tenho uma pagina de vendas no Google Sites e está tudo ok com um "mais" eu quero fazer um delay, colocar o vídeo para rodar e abrir o resto da pagina depois. O Google Sites tem uma opção de incorporar html. Tem como fazer isso em condigo?
Não está chegando o e-book no meu e-mail... já olhei no spam , lixeira , olhei em todas as caixas e nada . Criei um novo email e tentei baixar e também nada .
Opa Matheus, acompanhei passo a passo, porém na parte de responsividade não deu certo aqui.. tbem baixei o seu código do github e mesmo ele no meu browser não ficou responsivo. O que pode ser?
Fiz para um cliente uma landin page, mas não sei como receber os dados do formulário. Meu cliente precisa ter acesso aos dados preenchidos e não acho aulas sobre isso em nenhum lugar. Se eu vou vender uma landing page, o cliente precisa, necessariamente, receber os dados do formulário. Todos os videos de landing page ignoram essa parte, parece até que nem importa para onde vão os dados. Alguém poderia dar uma luz, dizer o que devo estudar para aprender isso.
Você acha que o mobile first é mais indicado ou é 100% opcional? Edit: Ops, acabei de chegar nessa parte da aula kkk, mas vou deixar a pergunta aqui mesmo assim pra você responder por você e não pelas empresas haush.
depende Vitória, precisa ver o produto da empresa, e-commerce, por exemplo, é mobile first, pq o acesso por celular é alto demais, então a experiência tem que ser a melhor possível para vender
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/
5:10 - Início HTML
7:49 - Pegando fonte do Google Fonts
9:31 - Importanto ícones do Bootstrap
11:39 - Header e Form no HTML
18:15 - Estilizando o Header e Form no CSS
31:22 - Seção de benefícios no HTML
33:50 - Estilizando a seção de benefícios no CSS
38:00 - Seção do Local no HTML
40:45 - Estilizando a seção de local no CSS
44:13 - Seção de detalhes do evento no HTML
48:02 - Estilizando seção de detalhes do evento no CSS
52:21 - Seção do 'call to action' no HTML
53:06 - Estilizando 'call do action' no CSS
59:19 - Media query para mobile
Matheus eu tenho 10 anos, e amo ver seus conteudos sobre front-end e cursos, por favor não pare com estes conteudos maravilhosos.
Conteúdo que agrega. Consegui refazer o projeto certinho. Obrigado, prof☺☺☺
Fala Matheus, já acompanho o seu trabalho a mais de 2 anos, e seus cursos me ajudaram a construir um portfólio e conseguir uma vaga na área, (em 2020), muito obrigado por compartilhar seu conhecimento, abraço!!!
fala Bruno, que bom ler isso brother, sucesso na sua carreira! =)
Thanks!
De nada!
terminei html e css e fiquei com algumas duvidas ,vendo esse video me esclareceu tudo, top o conteudo parabens
Tenho apreciado as sua aulas e aprendendo muito continue assim.
fala Mauro, obrigado! depois dá uma olhada no meu treinamento completo: horadecodar.com.br/comunidade-hora-de-codar/ =)
acredito que posso te ajudar mais ainda
obrigado foi melhor do esperava, espero aprender mais conteudos.
Terminei o responsivo para tablet e dei mais uma mexida no de dispositivo movél "celular" ficou ótimo. Estes projetos da um gás nos estudo. Excelente trabalho!
boa Carlos!
Muito show. Obrigado por compartilhar o seu conhecimento.
de nada =)
Vc é fera, comecei a estudar a 1 semana, num curso de Desenvolvedor Web, seus vídeos estão me ajudando a ter uma linha de início
📗 Garanta o seu ebook de boas práticas com HTML e CSS gratuito: www.horadecodar.com.br/ebook-melhores-praticas-html-e-css-gratuito/
Parabéns pelo seu trabalho sucesso 🙏👍👏 mais e Mais 👍👏
obrigado pelo apoio Antonio!
Agr sim haha, vlw Mestre por atender o pedido sobre o assunto Responsividade, vamos assistir, com ctz esta top a aula!
bora Neder!
cheguei aos 23 minutos e ja aprendi muita coisa nova, voce é foda , manja muito dos codigos, eu to estudando , pouco mais nao paro, nao vou desistir, para o tempo que for, sem pressa, que tudo no seu tempo! valeu amigo
sou de Tubarao, abraço
Obrigado por compartilhar o conhecimento
Conteúdo de excelente qualidade, foram 1 hora de muito aprendizado, agora posso criar minhas próprias landing Pages, muito obrigado.👏👏👏
boa Marcelo!
Muito top esse projeto, ótimo vídeo. Valeu Matheus.
valeu LF!
Graças a esse video consegui fazer um projeto completo e responsivo além de ter aprendido bastante. Conheci o canal ontem já vou me inscrever e fazer os outros projetos do canal. Já tenho um conhecimento básico e estava em busca de projetos para desenvolver e consolidar esse conhecimento e esse video me ajudou.
Show de bola, variáveis em css é muito útil.
Verdade Josley!
ótimo vídeo deu para revisar bastante conceitos e praticar bastante.
Matheus, você poderia depois fazer uma videoaula ensinando a construir e consumir uma API com Javascript puro, em seguida ensinando uns macetes de fetch. Pode ser?
boa sugestão Daniel, vou anotar aqui! =D
Você é demais, eu estava procurando uma linguagem e consegui assistir 1 hora de uma vídeo aula HTML seu. E já consegui pega a base junto ao css
valeu Eduardo!
Eu estava tentando aprender a meses @media e finalmente consegui, muito obg pelo conteudo!
O que eu aprendi nesse video foi um absurdo. Cara, muito obrigado mesmo!
Material de primeira qualidade... Parabéns!
Rapaz vim voando pra ver o vídeo, sei que o conteúdo vai ser de qualidade como sempre. Sucessoooo!!!
show Marciel, obrigado! =D
Obrigado por compartilhar o seu conhecimento, voce e fera!!
Conteúdo rico em conhecimento! Muito obrigado por compartilhá-lo
valeu Pedrinho!
tava ate pensando aqui esses dias, que to copiando um site , e to fazendo do meu jeito o html , entao esse video é pra mim, pq inicio de tudo é bom saber bem, nao adianta pular ja para o javascript, sem dominar o html e css , respnsidade que é muito importante, acredito eu , valeu
é verdade brother, não adianta pular etapas =D
Ótima explicação, obrigado
Sucesso
Vou assistir com certeza
vai ser ótimo ter esse projeto no portfólio
e sem contar o aprendizado que vai ser demais
bora Jonas!
Ótimo vídeo!!! Você é um ótimo professor, tenho um curso de PHP seu, você consegue explicar de uma forma simples, o que parece ser complicado. Obrigado por compartilhar o seu conhecimento.
obrigado tb Paladino!
muito bom aprendi demais aqui
Finalizei hoje o projeto ... vou fazer o desafio que vc pediu ... vou focar em posição e flex-box , vi a necessidade de ser bom em css nesse projeto . Obrigado Matheus !!!!!!!!!
Boa Diogo, manda bala!
Você é muito carismático e ensina muito bem. Sucesso!
Olá Matheus, grande professor!
Este é o meu primeiro contato, tanto no canal, como também com essa matéria.
Acessei porque preciso fazer uma landing page para o meu trabalho de serigrafia em camisetas.
Sou completamente ignorante em programação, mas, devo relatar que assistir a essa aula, foi uma experiência marcante, pois, prestando bem a atenção, eu já pude entender bem o que se passou, enfim: cheguei agora e daqui eu não saio mais.
Abraço e super obrigado
Matheus, você é demais! Parabéns !
valeu Daniel, tamo junto!
Matheus estou começando na área de front end e estou gostando muito do seu material Abs.
valeu Marcos, dá uma olhada no vídeo de semana passada, também vai te ajudar muito no front, abraço!
Vou olhar sim
Muito bom! Muito obrigado pela boa vontade!
De nada Cristóvão!
Muito obrigado pela inicativa... ajuda muito a nós que estaos no inicio da jornada
Sensacional Matheusão!! Você é fera demais!!! Já comprei seu curso e vale demais, cada centavo! Obrigado pelos conhecimentos
muito obrigado Guilherme! =)
Excelente conteúdo! Parabéns!
Matheus confesso para você que na hora de deixar responsivo para mobile ,mesmo te acompanhando eu apanhei um pouco. Vale ressaltar que só um mero iniciante !!
mais foi show .parabéns por nos ensinar !
tava precisando de um vídeo assim, partiu ver cada segundinho. 😎
bora Thiago! =D
Fala aí Matheus. Camarada, que Deus te abençoe. Obrigado pelos conhecimentos compartilhados. Eu tava quebrando a cabeça com media query, mas esse seu projeto foi a luz. Sucesso sempre!
estudando num sabado a tarde, quem imaginaria, haha so gratidao ao universo e a pessoas boas nesse mundo caotico
valeu mano, tamo junto! =)
Show de mais, muito bom
Muito massa... parabéns pela ditatica...
Bem legal, parabéns!
valeu Ricardo!
Adorei, obrigada!
de nada Gabriele!
Eu tenho quase todos os cursos seu da udemy muito bom maravilhoso, muito top mesmoooooo 😍😍😍
Valeu Antonio, tamo junto!
Só tenho gratidão! Ótimo vídeo, didática foda. Muita saúde e sucesso em sua vida. O que você faz pela comunidade de novos DEVS não tem preço. :) Já tenho alguns cursos seus na Udemy. :))
opa, valeu Fabio! te desejo tudo em dobro brother =D
Muito massa Matheus! Estou iniciando como desenvolvedor e vou assistir novamente essa aula algumas vezes e fazendo meus testes. Deus continue te abençoando e te guiando pra fazer novos vídeos. : )
Boa Matheus, vídeo de alta qualidade feito por quem realmente domina o assunto. Seria muito interessante se você criasse um curso atualizado fazendo apenas isso: Como criar landing pages modernas, sites institucionais, com HTML, CSS, responsividade e um pouco de JS(sem nenhum framework front-end se possível), exatamente como você demonstrou nesta aula, sua didática é excelente, eu com certeza compraria. Obrigado por compartilhar seu conhecimento.
Obrigado! 😀
To assistindo suas aulas de laravel e estou aprendendo bastante. Mas pra frente vou dedicar um tempo pra front end
show Cristian, obrigado por acompanhar!
@@MatheusBattisti eu que te agradeço pelo conteúdo disponibilizado.
Vou adicionar no meu github blz, faço referencia ao canal! tmj
valeu Carlos!
Vídeo fantástico! Valeu Matheus!
de nada Rhuan, tamo junto!
Lamentavelmente não consegui baixar o material gratuito de HTM e CSS. Os links não nos encaminham ao download.
o brabo tem nome!
Boa tarde 😍
O que amo seus cursos e suas didáticas , são isso vc disponibilizar os arquivos para pessoa fazer juntos.... Mesma imagens isso incentiva muito a pessoa a treinar e fazer na prática 👍👍👍
Cara, seus cursos são muito bons, aprendi muito com o de flexbox
valeu Matheus!
@@MatheusBattisti e seus videos também, continue fazendo porque ajuda muito a quem quer aprender
Parabéns!!
valeu!
Muito obrigada!
de nada! =)
Foda demais!!!! Me salvou!
Fala Matheus, primeiramente quero agradecer pelo seu conteúdo maravilhoso como sempre. Queria sugerir que vc criasse um curso sobre Redux, seria bem interessante!
oi Rayanne, obrigado pela sugestão, vou anotar aqui =)
Excelente vídeo prof, aprendi e tirei algumas dúvidas nesse conteúdo 😊😊
Obrigado Jeeh!
Você terial algum vídeo falando mais sobre resposividade?
Didática muito boa ! Obrigado pelo vídeo :}
terminando o curso de sass do senhor vou fazer esse kkkkkkkk otimo conteudo
bora Isaac, mas o senhor está no céu hahahah xD
@@MatheusBattisti KKKKKK
Muito bom! Mas uma dica construtiva, pra quem está aprendendo é melhor ver o html e css juntos cada passo o que está acontecendo. Mas de qualquer forma obrigado pela aula!
Muito bom projeto
show de video, parabens.
Não sei se alguém já sugeriu, mas seria melhor dividir a tela com o live server (com salvamento automático) ao invés de ir trocando de tela...
de qq forma, ainda assim está otimo o conteudo.
Abs.
meu linear-gradient com a imagem não funcionar, alguém sabe pq?
Ótimo conteúdo!
Muito bom!!
Valeu!
mandou muito bem
Professor essa terceira parte do landing page eu estou fazendo igual o seu codigo mas as imagens não estão ficando nesse formato uma abaixo da outra....:(
gostei muito da aula obrigado, pode me tirar um duvida, quan a diferenca de front-end e back end?
Ae Matheus, blz? Estou aprendendo front-end, estudo tanto no Qualifica quanto na Udemy, parabéns você ensina de uma forma sucinta e consegue transmitir bem o conteúdo, fiz CSS e HTML agora tô no JS, já adquirir seus cursos de SASS e React, enfim aos poucos vou progredindo.
obrigado Caio, te espero nos cursos, e desejo sucesso para vc na carreira de dev =D
@@MatheusBattisti Curso de Sass é otimo vale cada centavo !!!
Matheus boa noite. Eu tenho uma pagina de vendas no Google Sites e está tudo ok com um "mais" eu quero fazer um delay, colocar o vídeo para rodar e abrir o resto da pagina depois. O Google Sites tem uma opção de incorporar html. Tem como fazer isso em condigo?
Top!!!
Interessante.
Não está chegando o e-book no meu e-mail... já olhei no spam , lixeira , olhei em todas as caixas e nada . Criei um novo email e tentei baixar e também nada .
opa, testei aqui e rolou Diogo =((
Matheus como faz pra link o form action com o email? tentei de varias formas e o email nunca chega
Opa Matheus, acompanhei passo a passo, porém na parte de responsividade não deu certo aqui.. tbem baixei o seu código do github e mesmo ele no meu browser não ficou responsivo. O que pode ser?
O download do e-book nao funciona, Por que?
Vai para o e-mail Antonio
Fiz para um cliente uma landin page, mas não sei como receber os dados do formulário. Meu cliente precisa ter acesso aos dados preenchidos e não acho aulas sobre isso em nenhum lugar. Se eu vou vender uma landing page, o cliente precisa, necessariamente, receber os dados do formulário. Todos os videos de landing page ignoram essa parte, parece até que nem importa para onde vão os dados. Alguém poderia dar uma luz, dizer o que devo estudar para aprender isso.
banco de dados, php sql etc.
Alguém sabe informar porque não está atualizando quando vou ver em outra aba?
sou iniciante, engatinhando
Show
bora fazer Lucas =)
Mano, tira uma DÚVIDA: quanto cobrar por uma Landing pág dessa aí?
Se tiver algum programador atuante aqui e quiser responder, agradeço.
Mais da pra fazer tudo isso no NEXTJS...???
Você acha que o mobile first é mais indicado ou é 100% opcional?
Edit: Ops, acabei de chegar nessa parte da aula kkk, mas vou deixar a pergunta aqui mesmo assim pra você responder por você e não pelas empresas haush.
depende Vitória, precisa ver o produto da empresa, e-commerce, por exemplo, é mobile first, pq o acesso por celular é alto demais, então a experiência tem que ser a melhor possível para vender