Bootstrap 5 Tutorial: Crie um website responsivo com HTML e CSS


https://i.ytimg.com/vi/ItwUZ4fK6hQ/hqdefault.jpg



Construa uma landing page do zero com HTML 5, CSS e Bootstrap. Aprenda como usar os componentes e classes do Bootstrap 5 (versão alpha) para criar seus sites.

Link do repositório (imagens e código): https://github.com/maikelneris/bootstrap-5-homepage

Veja online: https://bootstrap5-marketing.netlify.app/

Introdução: (0:00)
Iniciando e Header: (3:28)
Slider: (37:05)
Bloco Sobre: (54:06)
Serviços: (1:03:48)
Fixed Header: (1:17:35)
Clientes: (1:23:54)
Serviços Recentes: (1:45:09)
Depoimento: (2:12:33)
Rodapé e Contato: (02:29:57)
Obrigado!: (2:55:14)

Original source

15 thoughts on “Bootstrap 5 Tutorial: Crie um website responsivo com HTML e CSS

  • January 1, 2021 at 23:00
    Permalink

    Estava a dias procurando por um ensino nesse nível e graças a Deus conseguir achar, parabéns meu amigo muito agradecido pela forca de vontade e pelo tempo dedicado a esse momento de ensino! Agora vou apenas mim aperfeiçoar nos estudos.

  • January 1, 2021 at 23:00
    Permalink

    Muitoo top, me ajudou muito!! Comecei agora neste mundo da programação e estava com maior perrengue pra fazer um site responsivo. Esse vídeo me ensinou bastante coisa que agora vou utilizar muito! Obrigado de verdade e parabéns! +1inscrito rsrs

  • January 1, 2021 at 23:00
    Permalink

    Eu não tenho o Adobe XD no computador… vc não consegue disponibilizar o layout do site em Illustrator? (serve .cdr .eps. svg), pois a outra opção disponível é apenas o arquivo PNG e está em 72px de resolução, até para vetorizar complica =(

  • January 1, 2021 at 23:00
    Permalink

    Estou com um problema no Google Chrome, tanto no meu projeto quanto no seu (baixado do Github).
    Testei no Firefox e não acontece.
    O Isotope não ajusta a grid ao carregar a página, mas se eu limpo a cache ele carrega normal.
    Quando clico para filtrar outra tag ele volta a ajustar a grid corretamente.
    No site que está online isso não acontece.

    Saberia me dizer se tem algo diferente do site que está online?

    Obs: Já inseri o trecho de JS que deveria corrigir este problema, mas não resolveu.

  • January 1, 2021 at 23:00
    Permalink

    Mais alguém teve problemas com o comando justify-content-between, para levar o menu para a direita e
    que não funciona nem fudendo?

Leave a Reply