Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/marina-barbosa/html-landingpage-electricalservices

Landing page para atividade pratica do curso da +PraTi
https://github.com/marina-barbosa/html-landingpage-electricalservices

css dark-mode font-awesome googlemaps html javascript maisprati

Last synced: 1 day ago
JSON representation

Landing page para atividade pratica do curso da +PraTi

Awesome Lists containing this project

README

        

# Energia Pura

Este projeto faz parte de uma atividade prática do curso Fullstack Jr da '+PraTi' e é dedicado a fornecer uma interface amigável e profissional para uma empresa de serviços elétricos. Além disso, o projeto foi desenvolvido sob a restrição de não utilizar Flexbox, Bootstrap ou outras bibliotecas de layout, sendo permitido apenas o uso das ferramentas aprendidas nas aulas até o momento.

Deploy -> https://marina-barbosa.github.io/html-landingpage-electricalservices/

## Índice

- [Introdução](#introdução)
- [Funcionalidades](#funcionalidades)
- [Proximos Passos](#próximos-passos)
- [Tecnologias Utilizadas](#tecnologias-utilizadas)
- [Execução](#execução)
- [Contato](#contato)

## Screenshots

Screenshot do Site




Screenshot do Site

## Introdução

Este projeto foi criado para oferecer um site completo para uma empresa de serviços elétricos. O site inclui seções como "Sobre Nós", "Serviços", "Depoimentos" e "Contato", com um design moderno.

## Funcionalidades

- **Página Inicial:** Apresentação da empresa com chamadas para ação.
- **Sobre Nós:** Informações sobre a empresa e sua equipe.
- **Serviços:** Lista de serviços oferecidos.
- **Depoimentos:** Feedbacks dos clientes.
- **Por que Nos Escolher:**
- **Contato:** Formulário para os clientes entrarem em contato.

## Próximos Passos

1. **Responsividade do Site**:
- Usar media queries para ajustar o layout em diferentes tamanhos de tela.
- Testar o site em dispositivos móveis, tablets e desktops.
- Ajustar imagens e elementos interativos para serem responsivos.

## Tecnologias Utilizadas

- **HTML5**
- **CSS3**
- **JavaScript**
- **Font Awesome** (para ícones)
- **Google Fonts** (Lato e Merriweather Sans)
- **Figma** (para design de interface)

## Execução

1. Clone o repositório para sua máquina local:
```bash
git clone [email protected]:marina-barbosa/html-landingpage-electricalservices.git
2. Navegue até o diretório do projeto:
```bash
cd html-landingpage-eletricalservices

3. Abra a pasta do projeto no VSCode:
```bash
code .

4. Instale a extensão "Live Server" no VSCode se ainda não tiver.
Clique com o botão direito no arquivo index.html e selecione "Open with Live Server".

## Contato

Se você tiver alguma dúvida ou sugestão, sinta-se à vontade para entrar em contato:

- **Email:** [email protected]