https://github.com/elis-vasconcelos/welovedogs-landing-page

It is a veterinary service site. The project uses only html and css with a static multipage format. It has 4 pages in total that are navigated to through the menu links.
https://github.com/elis-vasconcelos/welovedogs-landing-page

css frontend html

Last synced: 3 months ago
JSON representation

It is a veterinary service site. The project uses only html and css with a static multipage format. It has 4 pages in total that are navigated to through the menu links.

• Host: GitHub
• URL: https://github.com/elis-vasconcelos/welovedogs-landing-page
• Owner: Elis-Vasconcelos
• Created: 2024-12-04T18:41:20.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-12-05T23:53:48.000Z (6 months ago)
• Last Synced: 2025-02-07T18:17:08.991Z (4 months ago)
• Topics: css, frontend, html
• Language: HTML
• Homepage:
• Size: 344 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WeLoveDogs

## Descrição

O projeto **WeLoveDogs** é uma aplicação web estática multipágina, desenvolvida utilizando HTML e CSS. Ela tem como objetivo apresentar o grupo social **WeLoveDogs**, com informações sobre o grupo e um blog para os visitantes interagirem. A aplicação é composta por quatro páginas: **Home**, **Quem Somos**, **Blog** e **Contato**. A navegação entre as páginas é feita através de um menu intuitivo, garantindo uma experiência de usuário simples e direta.

## Funcionalidades em prática

### Home:

- Apresenta uma visão geral sobre o grupo social **WeLoveDogs**, com links rápidos para as outras páginas.

![Tela1](screenshots/home.png?raw=true)

### Quem Somos:

- Exibe informações detalhadas sobre o grupo, sua missão e história.

![Tela2](screenshots/quem-somos.png?raw=true)

### Blog: 

- Apresenta posts sobre o grupo e suas atividades, com conteúdo dinâmico e interessante para os visitantes.

![Tela3](screenshots/blog.png?raw=true)

### Contato:

- Permite que os visitantes entrem em contato com o grupo, oferecendo um formulário de contato.

![Tela4](screenshots/contato.png)

## Requisitos Implementados

- As páginas **Home**, **Quem Somos**, **Blog** e **Contato** estão completas e implementadas conforme o design proposto no **mockup**.

- Todos os links de navegação (no menu e no botão da home) redirecionam corretamente para as páginas correspondentes.

- A logo da página redireciona para a **Home**.

- O layout é responsivo e ajustado para diferentes tamanhos de tela.

- Animações adicionadas, como efeitos de **hover** nos links, proporcionando uma experiência de navegação mais interativa.

## Como Usar

1. Clone este repositório no seu computador.

2. Abra o arquivo `Home.html` em um navegador para visualizar a aplicação.

3. Navegue pelas páginas usando o menu de navegação.