Crie um WebSite Moderno Utilizando HTML & CSS (PURO)

[@DankiCode]

Como Criar um Website Moderno com HTML & CSS | TEMPLATE PARA ACADEMIA/ESPORTES/FITNESS: kzbin.info/www/bejne/b5a7oJyVlLljaLs . Código fonte disponível em: cursos.dankicode.com/campus/curso-front-end-completo

[@oliverushin7143]

cade a segunda parte???

[@canniggya]

Aguardando a 2² parte

[@Marcos-Sousa-IGD]

Quando sai a segunda parte sobre como adaptar pra Mobiles?

[@estevaolibardi]

Cade a segunda parte!!!!

[@Marcos-Sousa-IGD]

@@estevaolibardi Estamos aguardando a uns meses

[@oliverushin7143]

guilherme, sou aluno da danki code e só queria deixar um recadinho quanto a bola do canto direito...... é muito mais facil fazer ela com o "border-top-left-radius" e fica o resultado certinho que era pra ficar.

[@clovisjunior4215]

Su aluno FullStack e o que tenho a falar é que você é brabo, top demais as aulas! parabens... tmj

[@BitBreeza]

Cara, achei simplesmente demais. Sem lero lero e mão na massa. Obrigada pelo vídeo! Ganhou 1 inscrita

[@luizhenriquesantosdetoledo8127]

Adorei a aula Gui, por isso eu era aluno com acesso vitálicio e agora serei aluno do plano vitalício!

[@DaFrutos40]

Cara Você é um ótimo Programador , Ensina Muito Bem Mesmo , Explicada os detalhes isso faz uma diferença Enorme.

[@Juniorsantos-co3yp]

hoje terminei um curso deles game make muito boa a aulas deles a unica coisa ruim e que minha conta de luz aumento mais o resto voces estao de parabens agora e so pratica o que aprendi

[@Fauster-Morais]

Cara tu entende muito deu pra ver logo de inicio... porem pra quem esta iniciando ficou um pouco rápido pra pega junto e entender um pouco de cada...

[@victorsousa4974]

so faltou vc explicar o do pq vc ta colocando tal propriedade e que efeito ela está fazer na pagina. iniciantes ficam perdidos ainda

[@guilhermef.moreira5927]

Só praticando pra aprender, vai fazendo umas brincadeirinha que tu aprende!

[@bodomdevil1013]

Bah mano vc quer curso tem varios na internet que te explica o pq de cada letra escrita vai ai no do gustavo guanabara, esses videos rapidos sao pra por a mao na massa de uma vez

[@rodrigoaprendiz6248]

Acho que você pesquisar sobre cada elemento que utilizou vai ajudar bastante

[@usarmy-davi]

Realmente, faltou explicar certinho como cada elemento interfere na aplicação

[@ElyasGameS13]

Fiquei totalmente perdido

[@stefanomodena3550]

Ficou muito bom! No aguardo da parte 2!

[@danilokuwai6800]

Quero a parte 2, seu canal é muito bom, obrigado pelo conteúdo.

[@renanalmeida9036]

HTML e CSS é só na prática mesmo. Ótimo video!

[@lucas7156]

Show de bola, aprender html e css na prática e a melhor forma traz a parte do responsivo

[@MarcoAntonio-io5cn]

GOSTEI MUITO, demorei um pouco para fazer pois e minha primeira vez e tambem sou aluno danki code.obrigado Gulherme

[@peagaties]

muit obr pela experiencia, é o primeiro "site" que eu concluo, tive minhas dificuldades.. a imagem quando eu colocava vinha em um tamanho diferente da sua então eu tive que dar meus pulo mas eu consegui concluir..... muito obr🙏🙏

[@gersongiraldi]

Gostei ... pratico e objetivo ... agora sim posso voltar ao curso básic e aprender a parte teórica sobre cada componente e seus atributos, pois já entendi como será utilizado na prática ...

[@ProgramadoresDepre]

Top demais Gui, igual você faz no curso, a melhor forma de aprender é fazendo projetos reais!!!!!!!!! Esse é o melhor tipo conteúdo para cá.

[@DankiCode]

Sim!!!! To pensando o próximo que irei trazer. Abração

[@nugrau4681]

Muito bom o curso, estou aprendendo de mais!

[@GabrielOliveira-yi8hx]

Comecei a estudar programação a uma semana e vejo vídeos assim pensando que nunca vou conseguir kkkkkkkkkkkk Acho fera demais!!!

[@Lietaum]

estudo a 1 mês e já consigo fazer tranquilamente meu mano é só se dedicar no mínimo 2 horas por dia!

[@brennooliveira6321]

Não tem nada de programação nesse video. HTML e CSS são linguagens de marcação somente. Se teu objetivo for desenvolvimento web, comece por elas, e depois JavaScript. Bons estudos.

[@mariagabrielamo]

Vídeo incrível e de fácil entendimento 💙 valeu

[@rafaellima4026]

Muito bom o vídeo, deu para pagar várias idéias. Mas como estou começando a aprender web, fiquei bem confuso nas propriedades do CSS... De qualquer forma, obrigado! Já ajudou bastante.

[@guilherme5913]

Muito bom, tava procurando pessoas assim

[@carlosalexandresouza3825]

Sensacional , didática top , quem ainda não conhece os seus cursos , dá uma conferida lá que o cara é Brabo !

[@mayarascandoleiracypriano4353]

Excelente! Consegui facilmente replicar!

[@suzaneamancio3397]

que trabalho incrível !!

[@joh.n_It]

Up! super legal ver sua criação de sites.

[@beneditoafonsodasilvapimen5494]

mano curti muito, gostei de aprender com você

[@weslleyfraguas5692]

nao encontrei o link da pasta de assets pra download, mas conteudo impecavel parabens

[@LucasRS_]

O cara é brabo!

[@victorsousa4974]

no social midia voces podem usar o display: flex; flex-direction: column; em vez do block

[@riquelmyveloso675]

Onde tem as imagens que ele usou para criar o site?

[@feehsantos6302]

tbm quero saber

[@dun4m1s]

@@feehsantos6302 So procurar no link do criador original.

[@TraderAtivo]

O cara diz que vai colocar na descrição e só coloca curso pra vender. Tomou dislike.

[@Miguel-de6dz]

tbm quero

[@grazielleb163]

Monstro!

[@PedroGabrielPalmeiradeSouza]

Boa tarde, porque a parte verde que fica no lado direito embaixo verde, na minha tela ta na parte da direita em cima ? eu cololquei todos os codigos conforme esta no video e o meu nao aparece do jeito que ta no video 14:44m

[@valdirpaes5596]

Cara parabéns veio vc é monstro

[@RickSoleni]

cara, que conteúdo incrível e muito útil. Tá me ajudando a criar minha landing page, porém uma dica: tá MUITO rápido na hora que você digita e fala. Toda hora fica mudando a tela e pra quem tá aprendendo isso atrapalha bastante, principalmente quando vc vai testando o CSS, ajusta uma posição e já muda a tela muito rapido. Uma sugestão é codar um pouquinho mais devagar e esperar uns segundos pra mudar a tela. Sei que o tempo do vídeo já tá longo mas tá realmente MUITO corrido. Mas tirando isso, o vídeo tá incrível, valeu pela ajuda

[@kethelynbatista7311]

É só mudar a velocidade da reprodução

[@EduardoOliveira-ct5mz]

Galera não achei o link como o materia para a imagens que serão usadas no projeto alguem pode me ajudar por favor ?

[@kethelynbatista7311]

Muito bom! Obrigadaaaa

[@CanalWebtechTV]

Legal. Sou aluno do seu curso. Abraço.

[@antoniosenaTI]

Oba! vai ter parte 2 responsivo hahaha

[@patata7500]

irmão muito obrigado, show de bola!!!

[@bbarrosoficial]

top, adoro suas aulas

[@jkmtutoriais9914]

Eu já tinha visto esse modelo top demais, vi no online tutoriais o layout é bem top.

[@andjeckson]

Eu tambem cara

[@wellintongoncalvesferreira4871]

Já fiz essa aula umas 3 vezes essa semana até aprender direito

[@afonsoafonso798]

Muito bom! Vim do curso Front End da Danki. Pena que ainda não aprendi flexbox.

[@rogerioviana1950]

🎯Principais conclusões para uma navegação rápida: 00:00 🛠️ Início do tutorial - Aprenda a criar um site moderno do zero utilizando HTML e CSS puro de forma responsiva. 02:36 📂 Organização - Crie uma pasta para o projeto e reúna as imagens necessárias para desenvolvimento. 03:16 🧰 Configuração inicial - Estruture o HTML com as tags e metatags necessárias para um desenvolvimento responsivo. 05:39 🎨 Estilização do menu - Aplique estilos para centralizar e dar espaçamento aos itens do menu, utilizando flexbox. 08:22 🖌️ Estilização do ícone - Posicione o ícone do carrinho no canto superior direito do menu utilizando posicionamento absoluto. 12:45 🌐 Responsividade - Utilize técnicas de design responsivo para adaptar elementos conforme o tamanho da tela, mantendo o layout coeso. 14:34 🔄 Finalização do círculo - Ajuste o tamanho e a posição do círculo usando propriedades como "width", "height", "top" e "right". 18:16 👥 Estilização das redes sociais - Crie e posicione ícones de redes sociais utilizando "position: absolute" e alinhe-os ao rodapé. 19:35 📱 Design responsivo - Explique sobre a adaptação do layout para dispositivos móveis e mencione a possibilidade de uma parte 2 do tutorial focada na versão mobile. 20:16 🎓 Aprofundamento - Destaque a complexidade por trás da aparente simplicidade do projeto, com a aplicação de técnicas de posicionamento e uso do overflow. 23:08 📝 Última seção - Finalize o projeto criando uma seção de texto com título, parágrafo e botão "Load More". 24:27 👏 Encerramento - Convide os espectadores a compartilharem o vídeo e a aguardarem por mais conteúdo, agradecendo pelo apoio.

[@vinnyrodrigues5659]

Queremos parte 2! Queremos parte 2! Queremos parte 2! Queremos parte 2! Queremos parte 2! Queremos parte 2! Queremos parte 2! Queremos parte 2!Queremos parte 2! Queremos parte 2! Queremos parte 2! Queremos parte 2!

[@hubii]

mt bom o video ajudou tmj

[@zv1ctorsamp]

Que vídeo perfeito

[@makvinicius1084]

Pô faltou disponibilizar as imagens pra gente poder colocar no nosso arquivo html. Fiz do início ao fim, mas ficou faltando as imagens.

[@KacioVillela]

verdade

[@dun4m1s]

Valeu mano! Ajudou muito!!

[@baptistagomes8771]

Excelente explicação

[@jadsonlealbr8457]

Sensacional!

[@sirleideoliveiraguedesoliv6585]

Amo tudo isso 😍

[@Miniprincesa3499]

Como faço para por meu contato dentro do contato? Tipo eu to criando O site, mais coloquei a escrita contato, quando a pessoa clica eu quero que abra meu número, como faço isso?

[@williansantos9151]

Série bom se adicionasse o mais aulas de javascript no curso de front end. Eu sei que tem um curso de Javascript por fora, mas e legal tmb se tiver desconto para quem tem o fullstack

[@edsonsimplicio5278]

O meu texto não fica do lado esquerdo, e sim atrás da background verde, já refiz 2 vezes os exercicios e não consigo achar o erro. Tambem não consegui achar o codigo fonte do modelo pra eu me orientar. Alguém pode me ajudar. Grato.

[@marcosmonteiro1763]

muito firme

[@oWilliamRenan]

Quando coloco o padding-top no menu, o menu não está ficando alinhado com a logo, está como se a logo estivesse em outra linha em cima. Alguém sabe resolver?

[@rafaelpuyau630]

Show! Parte 2!!!

[@fidelisinvest1]

Pessoal, tem algum site onde disponibilizam imagens desse tipo? tipo esse copo muito louco dos starbucks

[@pedroxpow5027]

O meu section.sobre esta com uma margem da tela, assim o circulo não encosta na tela. Como posso resolver?

[@joaokalebejunior3580]

Onde está a pasta com as imagens que ele mostra no começo do vídeo? não achei para download

[@robotrolls6804]

Os asseds nao estao mais disponiveis? nao encontrei na descrição

[@LucasFonseca2]

O meu font-family não tá funcionando, eu digito o texto no VSCODE e fica na cor branca como se não tivesse efeito.

[@MarceloRick]

Alguém sabe qual tema ele está usando no VS??

[@fabianovichenri2258]

Meu Deus cara eu tô super perdido, qual vídeo tu criou a pasta Assets??

[@zpandoraG0LDz]

Pessoal como que faço pra mudar aquele link de cima do navegador? E deixar visivel pra qualquer um entrar? Ou não é possivel?

[@Vinirdgs01]

onde que encontra as imagens que ele botou ai?alguem me responde pfvrr!!

[@miliexdz]

Rapaz, fiz tudo igual e essa peste ficou toda desalinhada, o círculo ao invés de ficar em baixo, foi pra cima KKKKKKKAKAKAKAKAKAKAKAKAKKKKKKSKSKKSKAKAKAKkKAKAKAKAK

[@raulsantossilva4050]

Ae pessoal que esta perguntado sobre a pasta assets das imagens que ele usou no projeto, as imagens estao no link da referencia que ele colocou na descrição e so fazer o download :)

[@marlondias8407]

Não estou achando consegue compartilha comigo ?

[@stanleygadelha1185]

consegue compartilhar?

[@isabellacristinadasilva5490]

também não achei nao[

[@4levexz3]

Ótima aula, lança parte 2

[@esteticathaisrodrigues2890]

ola, onde eu encontro essa pasta com as imagens que foram usadas no projeto? obrigada

[@gabrielnunes1452]

Parte 2, necessito!!

[@Fudomeitv]

cara estou com dificuldade em uma coisa, existe a possibilidade de fazer um site, com html e css puro, onde o cliente possa subir imagens ou texto atualizando a página sem utilizar códigos html/css ?? Eu conseguiria fazer a manutenção e postagens via html, porém n sei como fazer para o cliente fazer isso de forma simples ... Obrigado

[@fabioverlaine7274]

QUERO PARTE 2 ⭐⭐⭐⭐⭐

[@weslleyfraguas5692]

eu uso o brackets, nao consegui fazer o circulo aparecer de jeito nenhum, alguma dica?

[@nascimento5398]

Onde está o pacote com as figuras, que não tem para download? Só quem é aluno, baixa?

[@FernandoRicardoMeira]

Professor, em primeiro lugar eu gostaria de parabeniza-lo pelo seu canal, não conhecia ele. Gostei muito do seu canal, ja me tornei inscrito. Tenho um trabalho para fazer, e estou sem saber como que faz. Eu gostaria muito da ajuda do senhor. Por favor, Vc poderia criar um video, de como faz um curriculo em html, css ? podendo usar também o javascript, e depois publicar o currículo em um site de domínio publico ? para ele ficar visivel, e ter o link pra abrir depois ? o currículo tem que ter pelo menos 4 link : pode ser o Sobre Mim, Formação profissional (idiomas), contato e Portfólio. ❖ Um link sobre sua formação educacional, idiomas; Link para contato - fazer a parte visual do formulário. (utilizar inputs: nome, email, mensagem). Por grande gentileza, o senhor poderia fazer um vídeo sobre esse assunto? Aguardo resposta e desde ja agradeço!

[@rodrigodesousa7160]

Dica: digitar no parágrafo lorem5, lorem50, etc ja tras um texto com a quantidade de palavras. Consegui fazer aqui, todo o projeto" SHOW!

[@LucasSantos-wg6yy]

eu tive a brilhante ideia de colocar lorem999999 e fudeu aqui, deu tela azul kkkk

[@TraderAtivo]

Cadê as imagens que estaria na descrição para download ? Só links para empurrar cursos.

[@LeoSantanaPQD]

Boa noite amigo, não vi o link para download da pasta assets, poderia me ajudar?

[@producedbycorbien]

como se mete o visual studio igual ao dele? aquela cor é magnifica

[@teoben1601]

Oi, amigo. Vc sabe me dizer com eu faço para impedir o download das fotos que eu postar na internet em html e css ?? Obrigado. Hoje é dia 10-fev-2022, quinta.

[@pedrovv]

alguém mais notou que a logo do facebook ficou maior que as demais ali do lado? 🤔

[@GuilhermePeres-x5p]

Eu n entedi nada ,mas quando eu começa a entende eu volto aqui

[@bl4ck-bro655]

cade as img!!?

[@monteiro1420]

Quero saber como colocar, imagens ou texto dentro do home.

[@RodrigoVieiraEufrasiodaSilva]

Realmente é disso que eu falo!

[@lucianomartinsolive]

a onde eu consigo as imagens que ele usou?

[@cezarmonteiro6254]

top demais!

[@rafaellang9]

Muito topp esse projeto. Guilherme, então 80% do site é CSS e 20% é estrutura (html)? Que loucura kkkkkkk

[@sinhuu.s2]

Sim

[@LucasSantos-wg6yy]

Porém sem html não adianta nada kkkk se não o protocolo HTTP não funciona e o navegador não consegue ler!

[@rafaellang9]

@@LucasSantos-wg6yy Sim, claro kkkkkk Eu me referi a um todo, tipo, html é o esqueleto e todo o resto é o CSS

[@adrian3592]

onde tá a pasta essets ?

[@yasmimrodrigues8537]

Aonde eu encontro essa pasta com todas as imagens usadas no projeto?? Não to conseguindo achar

[@thiagodias7650]

Tbm não achei tô procurando e nada

[@LucasAlves-hm3xh]

Opa, estou tentando criar esse projeto mais não tou conseguindo, quando eu faço a logo o nome home,etc vem pro meio e a mesma coisa e o quadrado verde ele fica muito bugado kk, qm conseguir me ajudar

[@emmaburkness7063]

Faz um vídeo ensinando a como criar e personalizar um site da rede onion pelo html & css!

[@barrosoliveira923]

alguém sabe dizer onde estão as imagens dos copos , até agora não enncontrei

[@davirodrigues1428]

Vai me ajudar no trabalho.

[@PedroGabrielPalmeiradeSouza]

onde ta o link da pasta assets na descrição ?

[@bieldouglas9020]

Qual o nome do theme que vc geralmente utiliza? Achei bem fluído o seu.

[@GustavoORMC]

onde ta a pasta assets?