Inteliogia - Dev's Insights
Inteliogia - Dev's Insights
  • 92
  • 803 179
Como criar um Site Responsivo com HTML e CSS pt. 11 - O menu mobile
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn
Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁
✅ LINKS CITADOS:
➡️ Baixe as imagens usadas neste projeto: bit.ly/4bDNwqx
💡 Seu projeto ficou pronto? Coloque ele no ar com a Hostinger e ganhe até 20% de desconto:
hostinger.com.br?REFERRALCODE=1BRUNO76
✅ ALGUNS VÍDEOS QUE RECOMENDO PARA VOCÊ:
➡️ Como configurar o Visual Studio Code: ua-cam.com/video/UOGkWo58FxM/v-deo.html
➡️ Como configurar as fontes do seu site: ua-cam.com/video/V1uN8beSc04/v-deo.html
✅ ME SIGA NAS REDES SOCIAIS
➡️ Instagram: bit.ly/3DHrMdj
➡️ GitHub: bit.ly/3tVboSS
➡️ X (Twitter): bit.ly/3PLk5KJ
💡 Torne-se membro do Inteliogia e tenha acesso antecipado aos vídeo e projetos exclusivos:
bit.ly/programmakerspro
✉️ E-MAIL PARA CONTATO EMPRESARIAL (não tiro dúvidas por aqui):
➡️ contato@inteliogia.com
💡 É isso #programMaker, seguimos por aqui, codando 👨🏼‍💻
Переглядів: 363

Відео

Como criar um Site Responsivo com HTML e CSS pt. 10 - Botão do menu mobile
Переглядів 45614 днів тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 9 - Responsividade
Переглядів 74821 день тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 8 - Efeito de rolagem do menu
Переглядів 652Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 7 - Criando o Rodapé
Переглядів 569Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 6 - Seção "Como funciona"
Переглядів 609Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 5 - Seção hospedagem
Переглядів 643Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 4 - Seção Contato
Переглядів 739Місяць тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 3 - Seção vantagens
Переглядів 1,2 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 2 - Seção Hero (introdução do site)
Переглядів 1,5 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 Nessa parte vamos criar a hero do nosso site, ou seja, a introd...
Como criar um Site Responsivo com HTML e CSS pt. 1 - Header (menu) - pt.2
Переглядів 1,9 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 Nessa parte vamos criar um menu com efeito de rolagem dividido ...
Como criar um Site Responsivo com HTML e CSS - Apresentação do projeto
Переглядів 1,8 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 ✅ LINKS CITADOS: ➡️ Baixe as imagens usadas neste projeto: bit....
Como criar um Site Responsivo com HTML e CSS pt. 1 - Header (menu) - pt.1
Переглядів 1,9 тис.2 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesta série vamos desenvolver um site responsivo do zero, muito útil para você desenvolver suas habilidades, rechear ainda mais o seu portfólio ou então vender para um cliente né? Por que não? 😁 Nessa parte vamos criar um menu com efeito de rolagem dividido ...
Como criar um Card 3D com HTML, CSS e JavaScript
Переглядів 3,2 тис.4 місяці тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Nesse vídeo vamos criar o efeito de card 3D ou também podemos chamar de efeito Tilt. E vamos utilizar HTML, CSS e um biblioteca de JS para fazer esse efeito funcionar. ✅ LINKS CITADOS: ➡️ Vanlla-tilt: cdnjs.com/libraries/vanilla-tilt 💡 Seu projeto ficou pron...
Como criar um POP-UP de saída estiloso usando a Tag Dialog (HTML e CSS) - Parte 2/2
Переглядів 9225 місяців тому
💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: bit.ly/3KY8mpn Quer adicionar um toque de elegância e interatividade ao seu site? Este tutorial vai te mostrar como criar um POP-UP de saída estiloso utilizando a Tag Dialog do HTML, CSS e JavaScript! Aprenda passo a passo como implementar essa funcionalidade incrível que ...
Como criar um POP-UP de saída estiloso usando a Tag Dialog (HTML e CSS)
Переглядів 1 тис.5 місяців тому
Como criar um POP-UP de saída estiloso usando a Tag Dialog (HTML e CSS)
Como criar um Carrossel de Testemunho Infinito com HTML, CSS e JS - Parte 02/02
Переглядів 1,4 тис.5 місяців тому
Como criar um Carrossel de Testemunho Infinito com HTML, CSS e JS - Parte 02/02
Como criar um Carrossel de Testemunho Infinito com HTML, CSS e JS - Parte 01/02
Переглядів 1,6 тис.5 місяців тому
Como criar um Carrossel de Testemunho Infinito com HTML, CSS e JS - Parte 01/02
Como criar botões de redes sociais estilosos com HTML e CSS
Переглядів 2,2 тис.6 місяців тому
Como criar botões de redes sociais estilosos com HTML e CSS
Como criar um menu com submenu com HTML e CSS - Parte 2/2
Переглядів 2,7 тис.6 місяців тому
Como criar um menu com submenu com HTML e CSS - Parte 2/2
Como criar um menu com submenu com HTML e CSS - Parte 1/2
Переглядів 3,7 тис.6 місяців тому
Como criar um menu com submenu com HTML e CSS - Parte 1/2
Projeto Portfólio #1 - Apresentação do projeto EXCLUSIVO PARA MEMBROS
Переглядів 3,6 тис.7 місяців тому
Projeto Portfólio #1 - Apresentação do projeto EXCLUSIVO PARA MEMBROS
Como configurar o Visual Studio Code
Переглядів 2,1 тис.9 місяців тому
Como configurar o Visual Studio Code
Como criar o efeito de Scroll Reveal com HTML, CSS e JavaScript
Переглядів 6 тис.9 місяців тому
Como criar o efeito de Scroll Reveal com HTML, CSS e JavaScript
Como criar o efeito Skills Bars com HTML e CSS
Переглядів 2,2 тис.10 місяців тому
Como criar o efeito Skills Bars com HTML e CSS
Como criar o efeito Hover Dinâmico no menu com HTML e CSS
Переглядів 3,7 тис.10 місяців тому
Como criar o efeito Hover Dinâmico no menu com HTML e CSS
Como criar Modo Dark e Modo Light com HTML, CSS e JavaScript
Переглядів 6 тис.11 місяців тому
Como criar Modo Dark e Modo Light com HTML, CSS e JavaScript
Como criar o efeito de Texto sendo Digitado com HTML e CSS
Переглядів 8 тис.11 місяців тому
Como criar o efeito de Texto sendo Digitado com HTML e CSS
Como criar um efeito Hover incrível com HTML e CSS
Переглядів 4,4 тис.11 місяців тому
Como criar um efeito Hover incrível com HTML e CSS
Como criar um menu mobile lateral - Portfólio com HTML e CSS - Bônus
Переглядів 15 тис.11 місяців тому
Como criar um menu mobile lateral - Portfólio com HTML e CSS - Bônus

КОМЕНТАРІ

  • @ezaucastilho2587
    @ezaucastilho2587 17 годин тому

    Como consigo botar um link no projeto?

  • @alexdognini4977
    @alexdognini4977 День тому

    Parabéns, e obrigado pelo conteúdo

  • @alexdognini4977
    @alexdognini4977 День тому

    Muito obrigado pelo conteudo

  • @fernandocardoso6130
    @fernandocardoso6130 2 дні тому

    Você é zika, mano.

  • @SLAROK_
    @SLAROK_ 2 дні тому

    Mano, essa foi a única parte do projeto inteiro que não funcionou. Quando abro o menu no mobile, não aparece conteudo nenhum, ta tudo preto. Só aparece quando está na tela grande de desktop, não consigo resolver.

  • @nelsonjosesilvajunior3817
    @nelsonjosesilvajunior3817 4 дні тому

    Muito obrigado pela ajuda, estou inciando agora e estou procurando meios para aprimorar meu conhecimentos, graças ao seu trabalho estou aprendendo muito e se divertindo e ficando ainda mais confiante no que sou capaz de fazer e criar. eternamente grato

  • @offpedro
    @offpedro 5 днів тому

    qual o tema que vc usa no vscode? achei bonito

  • @offpedro
    @offpedro 5 днів тому

    seu canal é perfeito

  • @lourencomonjane698
    @lourencomonjane698 5 днів тому

    E o Botão contacto, como fica na versão mobile?

  • @jorgebittencourt7054
    @jorgebittencourt7054 6 днів тому

    Muito bom. Simples e prático. Parabéns !!!

  • @andersonsilva857
    @andersonsilva857 6 днів тому

    Boa tarde, só uma dúvida isso também funcionaria usando divs com classes ao invés da tag article né??

  • @jeanrodrigues2905
    @jeanrodrigues2905 6 днів тому

    Eu já assistir varias vezes do começo e os meus botões de fechar e abrir o menu não funcionar! Da um help aqui.

  • @rezengeek
    @rezengeek 7 днів тому

    Muito bom!! Ótimo canal. +1 Inscrito

  • @isllanrx
    @isllanrx 7 днів тому

    Muito obrigado pelo conteúdo, ótima explicação! Por gentileza, poderia me informar qual tema você utiliza no vscode?

  • @ImovelMedia
    @ImovelMedia 7 днів тому

    Perfeito deu certo !!

  • @gabrielbernardo5732
    @gabrielbernardo5732 8 днів тому

    This video is a true gem! I thought it would take me all day to figure it out, but I got exactly what I needed in just 5 minutes, thanks to your clear and concise explanation. Your content is always top-notch-keep up the great work! +1 subscriber.

  • @aprendizdefunileiro9281
    @aprendizdefunileiro9281 8 днів тому

    Muito o brigado por compartilhar seus conhecimentos gratuitamente! Deus te abençoe!

  • @pachecoulisses4148
    @pachecoulisses4148 8 днів тому

    blz meu amigo ? boa noite ! tenho uma dúvida : por que vc ao invés de adicionar display: inline-block; e transition: .2s; direto no link vc não colocou direto no link estado hover ?

  • @vitaobrabo
    @vitaobrabo 9 днів тому

    Que projeto incrível. Gostei demais de fazer, desde o início até o fim. Obrigado por esse conteúdo riquíssimo, que Deus abençoe sua vida sempre professor!

  • @DevNety
    @DevNety 9 днів тому

    Gostei sim, meu caro! Simplicidade, eu gosto disso 😊 Sou do backEnd, mas como estou buscando conteúdos para construir meu portfólio de maneira simples e profissional, vasculhei aqui no UA-cam e achei seu vídeo! Sucesso e parabéns

  • @alexmacol228
    @alexmacol228 10 днів тому

    Show garoto!!! Gostei do projeto e o utilizarei modificado em meu portfólio. Gosto dos projetos que vc propõem e vc tem uma excelente didática! Espero que consiga muitos alunos!👍🏻👍🏻

  • @junior_Spayce_Jr
    @junior_Spayce_Jr 10 днів тому

    Saudações ProgramMaker! Não consigo ter acesso para fazer parte da comunidade. Quero tanto fazer parte, podem ajudar-me?

    • @InteliogiaDev
      @InteliogiaDev 9 днів тому

      Oi Junior, se você não está conseguindo abrir o botão SEJA MEMBRO certamente pq essa funcionalidade não está disponível em seu país 🫤

  • @roggervieira
    @roggervieira 11 днів тому

    Parabéns! Aula perfeita

  • @rafaeljorge6291
    @rafaeljorge6291 12 днів тому

    professor, e para fechar o menu quando eu clicar em algum desses link como faz?

    • @InteliogiaDev
      @InteliogiaDev 9 днів тому

      Fala Rafa. Mano dá uma olhada no Javascript desse vídeo aqui: ua-cam.com/video/gekJwNUaq0E/v-deo.html Nele é ensino como criar o código que ao clicar fecha o menu automaticamente 😁

  • @SLAROK_
    @SLAROK_ 13 днів тому

    depois que eu adicionei as especialidades ai a tela desceu, e a cor do fundo não esta mais tomando a tela toda, o que faço?

  • @rodrigo8189
    @rodrigo8189 13 днів тому

    GRATIDÃO

  • @falavinihp
    @falavinihp 14 днів тому

    Sensacional, muito explicativo, estou começando na área de tecnologia da informação na qual eu amo e seu conteúdo é demais, parabéns!

  • @junior_Spayce_Jr
    @junior_Spayce_Jr 14 днів тому

    A partir do link não consigo ter acesso a adesão ao membro.

  • @SLAROK_
    @SLAROK_ 15 днів тому

    Que vídeo incrivel irmão, didática muito boa

  • @DamperCube
    @DamperCube 15 днів тому

    te amo irmão

  • @lucassoares4044
    @lucassoares4044 16 днів тому

    Ficou muito bom curto muito as suas aulas

  •  17 днів тому

    Cara ... Muito bom! Sua didática é excelente. Estou estudando CSS. Minha grande dificuldade é saber como ir colocando as classes. Tem momentos que tu coloca somente uma classe pai, tem hora que coloca o nome do objeto, tem hora que coloca uma classe depois um > e outra classe, assim: .classe > .outraClasse ! Tem hora que tem espaço, outras não, como por exemplo quando tu criou a classe dinâmica ATIVO ! Fico perdido nisso... As propriedades (que são trocentas) eu meio que sei que usando a gente vai aprendendo, mas essa forma como coloca que eu apanho. Tu ensina isso no treinamento ou é só com prática mesmo?

    • @InteliogiaDev
      @InteliogiaDev 16 днів тому

      Fala meu mano. Então vou te garantir que no começo é muito normal isso kkkkkkkk eu msm ficava muito perdido, mas ia estudando e praticando e com o tempo fui pegando a prática. Dentro no treinamento eu ensino isso tudo detalhadamente. Desde como declarar classes e id's e como cada propriedade funciona. É perfeito pra vc que tem essas dificuldades 😁

  • @user-md4sm6mq7n
    @user-md4sm6mq7n 17 днів тому

    Muito legal, como eu edito a imagem do projeto para ficar assim inteira e completa?

    • @InteliogiaDev
      @InteliogiaDev 17 днів тому

      Oi Sueli! Então vc pode instalar no seu navegador uma extensão chamada Go Fullpage. Aí vc abre o projeto q vc quer tirar print completo e aí só ativar a extensão que ela fará tudo pra vc. Aí vc escolhe se quer salvar como PNG ou PDF. Para colocar no site aconselho usar PNG

  • @soazcoder
    @soazcoder 17 днів тому

    O daora desta hora, que cada tag css há uma explicado sobre

  • @Sucuri011
    @Sucuri011 20 днів тому

    Esses site vc copiou de algum lugar e refez ou vc fez tudo do 0 ?? Mano fico top dmais

    • @InteliogiaDev
      @InteliogiaDev 20 днів тому

      Fala meu mano! Aí é tudo do zero kkkkkkk elaborei o layout do início ao fim

  • @PastaObscura
    @PastaObscura 20 днів тому

    esse cara é top, aprendendo muito com seus videos

  • @1lorenzin
    @1lorenzin 20 днів тому

    otimo video! só queria tirar uma dúvida, não estou conseguindo acessar os botões com ícones, não sei se por que, ja coloquei links, mas n vai, poderia ajudar?

  • @user-xr6cz1cz5y
    @user-xr6cz1cz5y 20 днів тому

    alguém tem os códigos digitados por favor? O gênio aqui anotou tudo tava lindo ai deu reset no notebook e sumiu tudo não tem nada mais no meu Vs nem na área de trabalho

  • @JuniorQualidade
    @JuniorQualidade 20 днів тому

    top

  • @Vinicius-ik3he
    @Vinicius-ik3he 21 день тому

    Otimo muito obrigado.

  • @moisesferreira9781
    @moisesferreira9781 21 день тому

    Bom dia amigos, alguém poderia me ajudar?? Estou com uma dúvida, ja tenho as section's com as class adicionei o id e somente no meu menu responsivo funcionou kkk

    • @moisesferreira9781
      @moisesferreira9781 21 день тому

      Ele funcionou perfeitamente no meu menu interativo, mas no principal não

  • @pedro047g
    @pedro047g 22 дні тому

    Gostei muito da sua abordagem nesse vídeo. Foi muito interessante e me deixou querendo saber mais. Faça mais vídeos assim!

  • @pedro047g
    @pedro047g 22 дні тому

    Investimento certeiro, não tenho do que reclamar.

  • @pedro047g
    @pedro047g 22 дні тому

    Estou contando os minutos para o lançamento do novo vídeo!

  • @pedro047g
    @pedro047g 22 дні тому

    Eu seria capaz de passar dias inteiros Maratonando seus vídeos

  • @pedro047g
    @pedro047g 22 дні тому

    Continue na pegada você vai longe, valeu mesmo!

  • @pedro047g
    @pedro047g 22 дні тому

    Jesus é maravilhoso.

  • @pedro047g
    @pedro047g 22 дні тому

    Este vídeo me deu uma nova perspectiva sobre o assunto.

  • @pedro047g
    @pedro047g 22 дні тому

    Esse conteúdo merece ser compartilhado para que mais pessoas possam se beneficiar dessas dicas incríveis. Não perca a oportunidade de ajudar alguém compartilhando também!