Skip to content

RickHardBR/Mundo-Invertido-Dio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Construindo um Landing Page com HTML CSS e JS

Endereço surge: Mundo Invertido

Endereço gitPage: Mundo Invertido

▶️ Semana Front-end



💻 Tecnologias

  • HTML
  • CSS
  • JavaScript

💬 Assuntos abordados

  • HTML
    • Estruturação da página
    • Semântica
    • Acessibilidade
    • Web Scraping
    • SEO
  • CSS
    • Posicionamentos
    • Pseudo-elementos
    • Pseudo-classes
    • Flexbox
    • Animações
  • JavaScript
    • Introdução ao JavaScript
    • Manipulação do DOM
    • Introdução ao Firebase
    • Integração com o Firebase


Extra

Acrescetei o id="scrollbar" para estilizar a barra de rolagem

<body class="light-theme" aria-label="O site está utilizando o tema light" role="body" id="scrollbar">

e na estilização ficou assim:

body::-webkit-scrollbar {
  width: 12px;
  background-color: rgba(0, 0, 0, 0.6);
  };

body::-webkit-scrollbar-track  {
  background-color: rgba(131, 5, 5, 0.6);
  }

body::-webkit-scrollbar-thumb {
  background-color: rgb(31, 1, 1);
  border-bottom-left-radius: 50px; 
  border-bottom-right-radius: 50px; 
  }

Também criei um favicon para a página

Imagens

About

Construindo um Landing Page com HTML CSS e JS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published