https://github.com/monicaquintal/agenda14_dsi_fichario
Resolução da atividade proposta no Fichário da Agenda 14 (disciplina DSI) da ETEC, utilizando W3.CSS.
https://github.com/monicaquintal/agenda14_dsi_fichario
css etec html w3css
Last synced: 4 months ago
JSON representation
Resolução da atividade proposta no Fichário da Agenda 14 (disciplina DSI) da ETEC, utilizando W3.CSS.
- Host: GitHub
- URL: https://github.com/monicaquintal/agenda14_dsi_fichario
- Owner: monicaquintal
- Created: 2022-11-06T18:02:16.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-06T18:09:09.000Z (over 2 years ago)
- Last Synced: 2025-01-06T08:23:07.990Z (6 months ago)
- Topics: css, etec, html, w3css
- Language: HTML
- Homepage: https://monicaquintal.github.io/agenda14_dsi_fichario/
- Size: 977 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
Agenda 14: FRAMEWORK W3.CSS
Disciplina Desenvolvimento de Sistemas I
EaDTEC - Centro Paula Souza
## 🗨 Enunciado:
Criar um site com fotos e informações sobre atrativos turísticos da cidade em que mora.
### Para este projeto, seguir as seguintes solicitações:
1. No título (aba) da página Atrativos Turísticos - NOME DA CIDADE
2. No corpo da página:
Deverá ser dividido em colunas com no mínimo seis atrativos turísticos da cidade.
### Atenção:
Fique atento para colocar o link correto das imagens na codificação da página e, caso a opção seja usar as imagens localmente no dispositivo, você deve criar uma pasta contendo o arquivo HTML da atividade e as devidas imagens. ENVIAR ESSA PASTA COMPACTADA.
### Dicas:
- Colocar título da página nas entre a tag <title> e </title>;
- Usar a tag <h2> para título de cada coluna/linha;
- Colocar a imagem dos atrativos turísticos na mesma pasta do arquivo html ou criar uma pasta apenas para imagens;
- Pesquisar links interessantes para achar fotos de atrativos turísticos;
- Para os efeitos utilizar w3-hover-opacity ou acesse o [link](https://www.w3schools.com/w3css/w3css_animate.asp) e veja mais tipos de animações.
Obs.: Não esqueça de colocar a referência das fotos.
### Exemplo:
Segue abaixo um exemplo para demonstrar a divisão de colunas do layout de uma imagem.
