Um desafio proposto por Gustavo Guanabara de fazer um site usando HTML e CSS, estilizando e responsivando-o. Possui a história do mascote do Android como o conteúdo principal, além de mostrar um vídeo já postado no youtube e um conteúdo extra.
Clique aqui para acessar o website
- Barra horizontal de navegação por dentro da página
- Mais acessibilidade usando a tecla "tab"
- Efeitos de "hover" e de "active" nos elementos clicáveis
- Botão de voltar ao topo da página
android/
├── css/ # Arquivos CSS
│ ├── reset.css
│ ├── responsive.css
│ ├── style.css
├── docs/ # Arquivos de documentação do projeto
│ ├── preview.mp4
├── fonts/ # Arquivos das fontes utilizadas
│ ├── idroid.otf
├── img/ # Imagens utilizadas
├── js/ # Arquivos JavaScript
│ ├── topo.js
├── index.html # Arquivo principal de renderização
├── LICENSE # Arquivo de licença do projeto
├── README.md
- Clone o repositório
No terminal, rode o seguinte comando:
git clone https://github.com/Enne-Amore/android.git-
Entre no arquivo "index.html"
-
Rode o arquivo principal de renderização:
Clique com o botão direito do mouse e selecione a seguinte opção:
Open with Live Server| Cor | Hexadecimal |
|---|---|
| Verde Clara 1 | #bcffda |
| Verde Clara 2 | #84E1AD |
| Verde Neutra | #3BD27F |
| Verde Escura | #195B38 |
| Cinza Escura | #222222 |
- Idroid
Exemplo de uso:
font-family: "android, sans-serif";oufont-family: var(--fonte-android); - Bebas Neue
Exemplo de uso:
font-family: "Bebas Neue, sans-serif";oufont-family: var(--fonte-destaque); - Arial, Helvetica, Sans-Serif
Exemplo de uso:
font-family: Arial, Helvetica, sans-serif;oufont-family: var(--fonte-padrao);
- Desafio Proposto Por Gustavo Guanabara
- Dan Morrill
- Inkscape (software livre para vetorização de imagens)
- Irina Blok
- História Do Android
Para me contatar como suporte, o meu email é Enne.Pessoa@gmail.com