@OneBitCode muito bom, tive dificuldade em aplicar a classe para centralizar o primeiro button, mas resolvi colocando um ID a parte e deu pra desenrolar, obrigado pelo conteúdo compartilhado. 🤘🖥
Aula muito boa, só achei desnecessário pegar alguns estilos prontos no CSS, quem é iniciante e queria entender tudo e fazer junto não consegue, pois você só deu CTRL + C e CTRL + V, eu mesmo fiquei perdido
Uma Dúvida: Ao invés de fazer .decotarion::after{ content:' '; bacground: url("img/three-dahes.svg"); position: absolute; height:36px; width:40px; } Poderia ser .decotarion::after{ content: url("img/three-dahes.svg"); position: absolute; } uma vez que as dimensoes da imagem não seria alteradas? se a img for inserida no background, é necessário informar altura e largura. mas se for inserida no content, isso não é nessessário, porém, não há como manipular as dimensoes.
Opa beleza? Queria saber porque ao inves de criar varias section com article dentro, nao foi criado uma section com ul li e também no nav do header, algum motivo especifico?
Se você usa o VsCode, é só digitar Lorem e dar enter que o VsCode completa o resto, se você colocar Lorem15, ele irá escrever 15 palavras, se colocar 30, 30 palavras e por aí..
No meu também aparece me branco por conta do tema que uso. Mas certifique de estar colocando ":" após o nome da variável e colocar ";" no final. Pra aplicar precisa certificar de usar var() e fechas os parênteses
em termos semânticos a gente usa a tag quando queremos direcionar à uma navegação ou para outra página. Isso é adequado quando o elemento representa um link para um conteúdo externo ou uma página relacionada. Como é o caso pois no projeto estamos tentando "vender cursos" para possíveis alunos da escola de Jazz. Já a tag button a gente usa quando o elemento estiver relacionado a uma ação interativa, como enviar um formulário, acionar uma função JavaScript ou executar uma ação específica no contexto da página. Espero ter ajudado!
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
por mais video de Landing pages assim
verdade, ótima aula e excelente didática.
dentre as várias landing pages que eu já vi essa é uma das melhores! parabéns!
Excelente aula, foi minha primeira aula com vc e gostei muito da sua didática. Essa landing page está muito linda adorei!
Excelente começo... vamos evoluir o projeto juntos... que show.
Fiz a inscrição e acionei o sininho. Muito obrigado pelo conteúdo.
Obrigada pelo conteúdo! Será meu primeiro projeto. Gostei muito da sua didática.
Maravilha! Projeto simples mas muito didático👏
ótima aula e excelente didática por mais videos assim por favor, eu imploro!!!!!!!!!!!!
Tutorial excelente, como tudo que a onebitcode faz. Sou aluno e recomendo 100% o curso.
muito bom!! Isaac sempre mandando muito nas explicações. façam mais vídeos assim
Didática exclente!
@OneBitCode muito bom, tive dificuldade em aplicar a classe para centralizar o primeiro button, mas resolvi colocando um ID a parte e deu pra desenrolar, obrigado pelo conteúdo compartilhado. 🤘🖥
Excelente conteúdo. obrigado por compartilhar.
Sensacional!
A melhor plataforma de estudos!
Tamo junto 🤘
Aula muito boa, parabéns!
Gostei muito!
Otima aula de fácil entendimento!
Muito bom! Estou fazendo, mas iria facilitar muito se colocassem o link para o projeto no figma!
O link do figma está na descrição
@@RoboOUchiha Obrigada
Que vídeo incrível e sua didática é massa demais! Qual a diferença entre usar as tags ul > li > a, com o que propôs usando nav > a?
HTML Semântico
Top demais, vlw
muito top, mas muita informação pra iniciantes...mas é isso ai! top
Legal, já vou tentar fazer
Pergunta! Olha gostei muito vcs são demais, mas pq não usou o sass?
Mais vídeos de landing pages dessa forma
Aula muito boa, só achei desnecessário pegar alguns estilos prontos no CSS, quem é iniciante e queria entender tudo e fazer junto não consegue, pois você só deu CTRL + C e CTRL + V, eu mesmo fiquei perdido
vdd!
È só voce ir digitando e ir entendendo o que cada propriedade faz
Cara acho que ele nao copiou e colou, no VS code quando vc vai digitando ja vai aparecendo, talvez ele tenha digitado rápido
Vc aprende vendo e fazendo e hoje em dia quanto mais eficiente vc é melhor então aprenda e saiba o macete
Eu amo essa palheta de cores!! Você estudou sobre as cores antes de criar esse design com essas cores?
Já postou a parte 2??
Boa noite amigo onde vc encontra as landing page. qual site vc usa ?
Nao tem um link pro repositoria GIT?
Posso colocar esse projeto no meu portfólio?
like por mais vídeos assim rsrs😁
Uma Dúvida:
Ao invés de fazer
.decotarion::after{
content:' ';
bacground: url("img/three-dahes.svg");
position: absolute;
height:36px;
width:40px;
}
Poderia ser
.decotarion::after{
content: url("img/three-dahes.svg");
position: absolute;
}
uma vez que as dimensoes da imagem não seria alteradas?
se a img for inserida no background, é necessário informar altura e largura. mas se for inserida no content, isso não é nessessário, porém, não há como manipular as dimensoes.
meu botão de se inscreva não centralizou, alguém sabe como arrumar? As tags estão certas mas ele não vai pro meio, só isso deu errado
Qual terminal vcs utilizam?
Boa noite! Conteúdo muito bom, mas onde estão os links da fonte?
creio que a fonte vc altera com códigos, não? Sou nono nisso*
@@carlosbarross Tem certas fontes que vc precisa importar da internet, pois não existem "dentro" do css
Antes de color-primary, são aspas, ponto e ponto, é o q?
Opa beleza? Queria saber porque ao inves de criar varias section com article dentro, nao foi criado uma section com ul li e também no nav do header, algum motivo especifico?
Onde acho os textos que você colou, os lore ipsum
Se você usa o VsCode, é só digitar Lorem e dar enter que o VsCode completa o resto, se você colocar Lorem15, ele irá escrever 15 palavras, se colocar 30, 30 palavras e por aí..
Qual é a resolução para criar sites no Figma?
Muy buen tutorial!
Pero olvidaste colocar los links de las fuentes de google :(
Onde ta a segunda parte??
ua-cam.com/video/b9Vw_LUyYmc/v-deo.html
5:32 como duplica desse jeito?
Alt shift seta pra baixo
arquivo hero-img.svg não abre!
Onde eu encontro a fonte?
Porque ao colocar : root { }, no css, quando vou colocar --color ou seja o que for, aparece em branco e não consigo aplicar as mesmas?
No meu também aparece me branco por conta do tema que uso. Mas certifique de estar colocando ":" após o nome da variável e colocar ";" no final. Pra aplicar precisa certificar de usar var() e fechas os parênteses
😀
24:40
Alguém sabe aonde posso baixar as imagens?
Olá André! Adicionamos na descrição o Link para os arquivos utilizados :)
@@OneBitCode Muito obrigado!!
Não encontrei o link da fonte, o único link de material é para as imagens, seria bom colocar na descrição
Link para a segunda parte do vídeo, pra mim não apareceu
ua-cam.com/video/b9Vw_LUyYmc/v-deo.html
onde está a segunda parte?
ua-cam.com/video/b9Vw_LUyYmc/v-deo.html
A imagem "hero-img.svg" de mais alguém também está quebrada?
a minha tmb tava quebrada, demorava séculos para carregar e atrapalhava o conteudo, resolvi convertendo em png
Ótimo conteúdo! Mas tenho uma duvida, em caso de um HTML semântico, para os botões, por que n foi usado a tag button? Sou novato no assunto kkkkk
em termos semânticos a gente usa a tag quando queremos direcionar à uma navegação ou para outra página. Isso é adequado quando o elemento representa um link para um conteúdo externo ou uma página relacionada. Como é o caso pois no projeto estamos tentando "vender cursos" para possíveis alunos da escola de Jazz. Já a tag button a gente usa quando o elemento estiver relacionado a uma ação interativa, como enviar um formulário, acionar uma função JavaScript ou executar uma ação específica no contexto da página. Espero ter ajudado!
Gostei para chuchu.
Alguem achou o link das fontes ?
google fonts
vc é filho do Rodrigo Pacheco???
😀