Você está com dificuldades em implementar conceitos em seus projetos .NET? Saiba que realizo vídeos personalizados onde abordo suas dúvidas e crio projetos específicos para atender às suas necessidades. Basta me informar qual funcionalidade você deseja, e eu irei desenvolver o projeto, gravando um vídeo passo a passo para explicar cada detalhe. Ao final, você receberá não apenas o código-fonte, mas também um vídeo personalizado, proporcionando uma compreensão profunda da implementação. Se interessou? Entre em contato via e-mail para obter mais informações: clpaula3007@gmail.com.
Parabéns pelo tutorial incrível! Aprendi muito sobre o desenvolvimento web ao acompanhar o passo a passo para criar uma landing page responsiva para uma pizzaria. A utilização do HTML, CSS e JavaScript de forma integrada foi realmente impressionante. Agradeço por compartilhar seus conhecimentos e por fornecer o repositório no GitHub e os recursos do Google Fonts e Bootstrap Icons. Com certeza vou aplicar essas técnicas em meus próprios projetos. Continue com o ótimo trabalho e estou ansioso para mais conteúdos como esse! 👏🍕
Nossa que didática incrível, explica cada passo, como é feito e por que é feito, não sou de comentar em vídeos, mas esse era necessário, obrigada por nos passar seu conhecimento e parabéns !!
🎯 Principais conclusões para uma navegação rápida: 12:25 🍕 Estrutura da seção de destaque - Criação da estrutura HTML para a seção de destaque com título e botões. 18:44 📜 Utilização da unidade "rem" - Explicação sobre a utilização da unidade "rem" para tamanho de fonte, mantendo a responsividade. 20:05 🎨 Importação da fonte Roboto - Inclusão da fonte Roboto no projeto através de um link externo do Google Fonts. 21:14 📏 Configuração de tamanho e unidade de fonte - Definição do tamanho base de fonte em "rem" e explicação do uso da unidade. 22:11 📜 Remoção de margens e list-style - Zerando configurações padrão de margens e list-style para melhor controle do layout. 22:54 🖋 Início da estilização do menu - Aplicação de estilos iniciais à seção do menu, utilizando classes e propriedades como display flex. 24:58 🔍 Arrumamos o background com posição fixa para manter visível ao rolar. 25:57 📌 A navbar foi fixada na tela usando "position: fixed". 26:25 🖼️ A logo foi estilizada com tamanho, alinhamento e efeito hover. 28:06 📜 Estilização da barra de navegação para alinhar itens e espaçar. 31:35 🖌️ Mudança de cor e estilização dos itens do menu. 34:19 📏 Tamanho, cor e formatação dos textos da barra de navegação. 35:00 🖱️ Adição do efeito hover (Rover) nos itens do menu. 36:18 🎨 Transição suave (transição) no efeito hover para melhorar a aparência. 37:40 📊 Estilização da primeira seção (classe "section1") com alinhamento central e empilhamento dos elementos. 38:08 🖼️ Ajustes na imagem de fundo para centralização e posicionamento. 40:00 🌅 Adicionando gradiente e sombra para realce na imagem de fundo. 42:03 📃 Estilização do conteúdo principal com título e subtítulo. 44:24 📄 Estilização dos botões com formatação e efeitos. 45:46 🖱️ Adição de efeito "Rover" nos botões para interatividade. 47:25 📦 Organização dos botões em uma caixa com espaçamento. 47:53 📋 Previsão de desenvolvimento do restante do projeto.
Eu nem sou de comentar nos vídeos do youtube, mas sua didática é tão incrível que eu tive que vir aqui agradecer. Muito obrigado por compartilhar esse conhecimento conosco
Adorei sua aula, aprendi muito, ansioso pela segunda aula, não vejo a hora de faturar meus primeiros reais com HTML,CSS e JS. Agradecido pelo conteúdo Cris, congratulations !!!!
Parabéns pela sua didática, obrigado por todo conhecimento passado nessa aula, que Deus abençoe sua vida e que você possa ir mundo longe com seus ensinamentos e que isso te traga muito progresso na sua vida pessoal e profissional
Eu vi o seu código, como os elementos do cardápio são os mesmos, acho que daria para criar os elementos por javascript, acho não, tenho certeza que dá. Porém(sendo o chato da vez kkkkk), ainda não sei fazer isso. Mas isso é uma das coisas que eu amo em programação, quando eu sei, eu fuço as coisas até aprender! Parabéns Cris! Seu vídeo é excelente, tem uma ótima didática. Vou ver todas as partes desse vídeo, além de outros do canal.
buen dia cristaline termine el 1° vide muy bien hecho me gusto la parte de lo i como lo solucionaste,hoy vamos por el 2°,a la noche te comento saludos y buen fin de seemana
Gosto muito dos seus vídeos, estou comendo agora no vs code e queria saber como vc criou essas páginas e as pastas, assim como vc ensinou certinho como fazer passo a passo no visual Studio, obrigada
Cris copei exatamente tudo que vc escreveu, porém o site apresentou alguns problemas. Por exemplo: A Parte do não está centralizando por nada; A imagem sumiu; E o menu não fica organizado; Como eu consigo resolver?
Opa mano tudo bem ? Então esse problema também aconteceu comigo e para resolver é só você não editar a foto do fundo eu só coloquei a minha foto no "background-image" e coloquei o preto fosco por cima
Muito bacana! Aguardando a segunda parte porque tenho uma dúvida que o vídeo vai me ajudar bastante kkk, é sobre criar páginas com scroll. Como organizar o body etc... Obrigado pelo conteúdo
Bom dia, eu fiquei com uma duvida embora aqui voce tenha feito de outra maneira. Essa questao do 100vw e 100vh, elas sempre tem que ser colocadas na tag html ou posso colocar em um main???
Sou novo na area e estou com uma duvida depois de criada a pagina e entregue para o cliente, futuramente ele querendo adicionar sabores e alterar preço sem saber ele saber html e css tem algum modo facil para ele fazer essas alterações igual como é feita no wordpress?
Olá Cris, eu procurei no seu canal e não achei a continuação... Vc tem planos de postar? fiquei animado com o seu projeto e pôde consolidar ainda mais meu conhecimento com a sua ajuda... Bom, fico no aguardando para a continuação.
O meu ficou dando erro nos nomes no menu, e quando fui reescrever os (.content) desalinhou tudo dnv, msm estando configurado, e quando deixa as ({}) não funciona a Interação.😢
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
Você está com dificuldades em implementar conceitos em seus projetos .NET?
Saiba que realizo vídeos personalizados onde abordo suas dúvidas e crio projetos específicos para atender às suas necessidades. Basta me informar qual funcionalidade você deseja, e eu irei desenvolver o projeto, gravando um vídeo passo a passo para explicar cada detalhe.
Ao final, você receberá não apenas o código-fonte, mas também um vídeo personalizado, proporcionando uma compreensão profunda da implementação.
Se interessou? Entre em contato via e-mail para obter mais informações: clpaula3007@gmail.com.
Parabéns pelo tutorial incrível! Aprendi muito sobre o desenvolvimento web ao acompanhar o passo a passo para criar uma landing page responsiva para uma pizzaria. A utilização do HTML, CSS e JavaScript de forma integrada foi realmente impressionante. Agradeço por compartilhar seus conhecimentos e por fornecer o repositório no GitHub e os recursos do Google Fonts e Bootstrap Icons. Com certeza vou aplicar essas técnicas em meus próprios projetos. Continue com o ótimo trabalho e estou ansioso para mais conteúdos como esse! 👏🍕
mulher, tu é fod@. Parabens muito bom mesmoo. Muito show, otimas explicações.
Excelente didática, Excelente conhecimento.
Torcendo para uma aula igual completa para Java Script
Nossa que didática incrível, explica cada passo, como é feito e por que é feito, não sou de comentar em vídeos, mas esse era necessário, obrigada por nos passar seu conhecimento e parabéns !!
Cris, você é incrível. Tem todo cuidado ao explicar e faz de forma super simples. Obrigada!
🎯 Principais conclusões para uma navegação rápida:
12:25 🍕 Estrutura da seção de destaque - Criação da estrutura HTML para a seção de destaque com título e botões.
18:44 📜 Utilização da unidade "rem" - Explicação sobre a utilização da unidade "rem" para tamanho de fonte, mantendo a responsividade.
20:05 🎨 Importação da fonte Roboto - Inclusão da fonte Roboto no projeto através de um link externo do Google Fonts.
21:14 📏 Configuração de tamanho e unidade de fonte - Definição do tamanho base de fonte em "rem" e explicação do uso da unidade.
22:11 📜 Remoção de margens e list-style - Zerando configurações padrão de margens e list-style para melhor controle do layout.
22:54 🖋 Início da estilização do menu - Aplicação de estilos iniciais à seção do menu, utilizando classes e propriedades como display flex.
24:58 🔍 Arrumamos o background com posição fixa para manter visível ao rolar.
25:57 📌 A navbar foi fixada na tela usando "position: fixed".
26:25 🖼️ A logo foi estilizada com tamanho, alinhamento e efeito hover.
28:06 📜 Estilização da barra de navegação para alinhar itens e espaçar.
31:35 🖌️ Mudança de cor e estilização dos itens do menu.
34:19 📏 Tamanho, cor e formatação dos textos da barra de navegação.
35:00 🖱️ Adição do efeito hover (Rover) nos itens do menu.
36:18 🎨 Transição suave (transição) no efeito hover para melhorar a aparência.
37:40 📊 Estilização da primeira seção (classe "section1") com alinhamento central e empilhamento dos elementos.
38:08 🖼️ Ajustes na imagem de fundo para centralização e posicionamento.
40:00 🌅 Adicionando gradiente e sombra para realce na imagem de fundo.
42:03 📃 Estilização do conteúdo principal com título e subtítulo.
44:24 📄 Estilização dos botões com formatação e efeitos.
45:46 🖱️ Adição de efeito "Rover" nos botões para interatividade.
47:25 📦 Organização dos botões em uma caixa com espaçamento.
47:53 📋 Previsão de desenvolvimento do restante do projeto.
Muito obrigada 😊
Excelente aula, assistindo e fazendo na prática agora em 2025!!!
MUITO BOM O TUTORIAL, SUPER EXPLICADO, NÃO FIQUEI COM NENHUMA DÚVIDA, TU REALMENTE EH INCRIVEL, +1 LIKE E +1 SUB. OBRIGADO.
excelente comunicação, parabéns ótimo trabalho!!!!
Eu nem sou de comentar nos vídeos do youtube, mas sua didática é tão incrível que eu tive que vir aqui agradecer. Muito obrigado por compartilhar esse conhecimento conosco
que vídeo-aula delícia, gostei muito, muito leve como passa o conteúdo, partiu próxima parte! obrigado por compartilhar
Adorei sua aula, aprendi muito, ansioso pela segunda aula, não vejo a hora de faturar meus primeiros reais com HTML,CSS e JS. Agradecido pelo conteúdo Cris, congratulations !!!!
Didática incrível. Dicção impecável. Muito top!! Ganhou +1 inscrito.
Parabéns pela didática e por compartilhar seu conhecimento, ansioso pela segunda parte 😊
Opaa, tudo certo? Fico feliz que tenha gostado do vídeo. A segunda parte acabou de ser lançada 😊
sensacional Crislaine aprendi demais com a sua aula!!!
Nossa! Que didática hein? Barbaridade. Você é a melhor. Muito obrigado. Estou inscrito.
Criiiiiis, muito bom, parabéns pelo vídeo, só aguardando a segunda parte!
Opa, tudo bem? Acabou de ser lançada a segunda parte 😊
@@CrisTech20 bora olhar então!!!
Te falar que construí minha primeira aplicação com base neste vídeo, muito obrigado mesmo!!!
Sempre muito explicativa.🧠🔥
Isso é uma aula de alta qualidade
Adorei !!!!
Ótima didática. Parabéns!!
Opa! Que primeira parte incrível! Obrigado pela disponibilidade! Estamos esperando a segunda parte :)
acho que ela não vai postar, ja vai fazer 1 ano e nada
Opaa, tudo certo? Fico feliz que tenha gostado do vídeo. A segunda parte acabou de ser lançada 😊
Parabéns pela sua didática, obrigado por todo conhecimento passado nessa aula, que Deus abençoe sua vida e que você possa ir mundo longe com seus ensinamentos e que isso te traga muito progresso na sua vida pessoal e profissional
Maravilhosa aula. Muito obrigado.
Olá, sabe quando vai terminar o projeto?????????
Muito bom! Fiquei ansioso para ver a continuação da construção do site.
Já está no canal ❤
Estou amando, já esperando a segunda parte
Que explicação incrível!
Você é braba!
Começando a té seguir enh não pare de postar conteúdos. TMJ
Obrigada pelo conhecimento partilhado. você arrasa. aprendi muito.
Eu vi o seu código, como os elementos do cardápio são os mesmos, acho que daria para criar os elementos por javascript, acho não, tenho certeza que dá. Porém(sendo o chato da vez kkkkk), ainda não sei fazer isso. Mas isso é uma das coisas que eu amo em programação, quando eu sei, eu fuço as coisas até aprender!
Parabéns Cris! Seu vídeo é excelente, tem uma ótima didática. Vou ver todas as partes desse vídeo, além de outros do canal.
buen dia cristaline termine el 1° vide muy bien hecho me gusto la parte de lo i como lo solucionaste,hoy vamos por el 2°,a la noche te comento
saludos y buen fin de seemana
Ficou muito top parabéns esperando ansioso pelos próximos vídeos
faltou continuar , ela é profissional.....queremos a continuação porfavor
E aí tudo certo? Acabou de ser lançada a segunda parte
Parabéns pela aula. Projeto muito bom!!!
Salvou minha AV2, MUITO OBRIGADO !!!!!
Oi Cris, parabéns pelas aulas, você tem me ajudado a progredir bastante nos estudos, continue assim! Obrigado e tudo de bom pra você.
Gosto muito dos seus vídeos, estou comendo agora no vs code e queria saber como vc criou essas páginas e as pastas, assim como vc ensinou certinho como fazer passo a passo no visual Studio, obrigada
Vídeo excelente! Parabéns pela didática.
Obrigada pelo elogio
Muito legal. Continue postando mais vídeos que esta ajudando demais :)
Cris copei exatamente tudo que vc escreveu, porém o site apresentou alguns problemas. Por exemplo:
A Parte do não está centralizando por nada;
A imagem sumiu;
E o menu não fica organizado;
Como eu consigo resolver?
Opa mano tudo bem ? Então esse problema também aconteceu comigo e para resolver é só você não editar a foto do fundo eu só coloquei a minha foto no "background-image" e coloquei o preto fosco por cima
CADÊ A SEGUNDA PARTE??????
Tu é foda mulher! Obrigado por ser tão didática
Cris Vc é fera demais, conteúdo animal, grato por dividir seu conhecimento 😁
parabens pelo conteudo, muito didatico
Gostei....so falta a continuação
eai, blz? posta a continuação pra gente, vlw!
Olá cris, seu projeto ficou muito bom , poderia fazer um video falando sobre os cursos que fez, como separa as rotinas de estudos...
Pode deixar, irei fazer sim. Obrigada pela dica
Muito bacana! Aguardando a segunda parte porque tenho uma dúvida que o vídeo vai me ajudar bastante kkk, é sobre criar páginas com scroll. Como organizar o body etc... Obrigado pelo conteúdo
Opaa, fico feliz que tenha curtido o vídeo. A segunda parte acabou de ser lançada 😊 qualquer dúvida só falar
Aula massa!
5 meses que to esperando a parte 2 kkkkkkkkk tava ansioso já pra parte mais divertida do site
Eu também menino estava treinando fazendo o projeto com ela. Mas acho que vou desistir. Rs
@@Marli.Leite23 pow eu também, os projetos dela são bons de treinar mais ela parece que parou
Peço desculpas pela demora mas a segunda parte acabou de sair. Espero que gostem 😊
Quando eu coloco o linear-gradient a Minha imagem some, o que pode ser alguém pode me ajudar? Já tentei de tudo
Pode me mandar um email para verificarmos o que pode estar ocorrendo. clpaula3007@gmail.com
Incrível👏👏
Bom dia, eu fiquei com uma duvida embora aqui voce tenha feito de outra maneira. Essa questao do 100vw e 100vh, elas sempre tem que ser colocadas na tag html ou posso colocar em um main???
Excelente vídeo. Pena que não tem as outras partes. Queria muito ver a parte que falou que teria Grid.
Opa, acabou de sair 😊
Muito bom amei precisamos ver como foi a última parte
Fico feliz que tenha gostado, as duas últimas partes já foram lançadas :)
Gratidão 🙏🏾
Hey Cris, aonde está o video número 002 ???? queria completar a aula....obrigado por compartilhar conosco seus conhecimentos !!!!!
Já está no canal, acabou de sair a continuação 😊
eu amo essa mulher
Qual tema é esse que você esta usando no VS?
Eu utilizo o drácula
HOLA BUEN DIA VAMOS CON LA 1°PARTE DE LA PAGINA A LA NOCHE TE COMENTO COMO FUE
SALUDOS DESDE ARGENTINA
Sou novo na area e estou com uma duvida depois de criada a pagina e entregue para o cliente, futuramente ele querendo adicionar sabores e alterar preço sem saber ele saber html e css tem algum modo facil para ele fazer essas alterações igual como é feita no wordpress?
Olá Cris, eu procurei no seu canal e não achei a continuação... Vc tem planos de postar? fiquei animado com o seu projeto e pôde consolidar ainda mais meu conhecimento com a sua ajuda... Bom, fico no aguardando para a continuação.
Oi, acabei de postar a segunda parte. Espero que goste 😊
Cris, parabéns!! Aprendi muito nesta aula. Quando haverá continução deste projeto?
Acabou de ser lançada a segunda parte 😊
O meu ficou dando erro nos nomes no menu, e quando fui reescrever os (.content) desalinhou tudo dnv, msm estando configurado, e quando deixa as ({}) não funciona a Interação.😢
MUITO BOM O VIDEO!! Onde esta a continuação?
Opa acabou de sair. 😊
muito top
Tem data pra sair a parte dois, @cristech?
Opa, acabou de sair a continuação
Muito bom! Quando saí a segunda parte?
Opa, tudo bem? Acabei de postar a continuação.
@@CrisTech20 uhullll
moçaaa eu to usando seu site como referencia pra um tcc por favor termina de fazer e postaaa
Você é sênior?
oi não consigo te achar nas redes sociais
se eu fosse ensinar vocês a criarem uma landing page, sobre qual tema gostariam?
tem esse projeto no git hub?
Tem sim, link na descrição
o meu problema é entender as tag combinadas e o que ela faz ,esse é o meu problema
Cria um curso na Udemy :) eu compraria 100%
moçaaaa por favor termina seu siteeee
Opaa, tudo bem? Acabou de sair a segunda parte. Espero que curta 😊
oi
o canal tinha tanto potencial, uma pena ter parado.
Agora voltamos com tudo 😊
@@CrisTech20 ALEGRIA
como o seu instargran
@_cristech