Este repositório contém o código-fonte do site oficial do Ciep 089 Graciliano Ramos, uma escola estadual localizada em Duque de Caxias, RJ. O objetivo deste projeto é criar uma presença online moderna e responsiva para a escola, apresentando informações sobre os cursos, notícias, eventos e formas de contato.
- HTML5: Estrutura básica do site.
- Bootstrap 5: Framework CSS utilizado para criar um layout responsivo e estilizado.
- Google Fonts: Fontes externas para melhorar a tipografia do site.
- Material Icons: Ícones utilizados no menu mobile e em outras áreas do site.
- JavaScript: Script para alternar entre o menu desktop e mobile.
A estrutura de arquivos deste projeto é a seguinte:
/ciep089
│
├── /images # Imagens utilizadas no site
│ └── favicon.png # Favicon da página
│
├── /css
│ └── styles.css # Estilos customizados
│
├── index.html # Página principal do site
├── README.md # Este arquivo
└── .gitignore # Arquivos ignorados pelo git
- A navegação do site é responsiva e utiliza o framework Bootstrap para alternar entre o menu para desktops e o menu mobile (hambúrguer).
- Para o ícone do menu mobile, foi utilizado o ícone
menu
da biblioteca Material Icons.
- Uma seção dedicada para exibir os cursos oferecidos pela escola, como Ensino Fundamental, Ensino Médio, Correção de Fluxo e NEJA.
- Uma área de destaque onde serão exibidas notícias e eventos relevantes para alunos, responsáveis e a comunidade escolar.
- Informações de contato, como email, telefone e links para redes sociais.
-
Clone o repositório:
git clone https://github.com/wolfdeveloper01/ciep089.git
-
Acesse o diretório do projeto:
cd ciep089
-
Abra o arquivo
index.html
no navegador:- Para visualizar o site localmente, basta abrir o arquivo
index.html
em qualquer navegador web moderno.
- Para visualizar o site localmente, basta abrir o arquivo
O arquivo index.html
é dividido em várias seções:
- Cabeçalho (Header): Contém a navegação principal, o logo da escola e o botão de menu mobile.
- Seção de Destaque (Home): Um banner de boas-vindas com o nome da escola e um botão de ação.
- Seção Sobre (Sobre): Uma breve descrição da missão da escola.
- Seção de Cursos (Cursos): Exibição de cartões com os cursos oferecidos.
- Seção de Notícias (Notícias): Exibe eventos e notícias recentes da escola.
- Seção de Contato (Contato): Informações de email, telefone e redes sociais.
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues para sugerir melhorias ou reportar bugs, ou submeter pull requests para novas funcionalidades ou correções.
Este projeto está licenciado sob a Licença.
© 2024 Ciep 089 Graciliano Ramos. Todos os direitos reservados.