├── CodePark-04 └── src │ ├── script.js │ ├── img │ ├── enseada_cananeia_sp.jpg │ ├── bom_abrigo_cananeia_sp.jpg │ ├── ilha_cardoso_cananeia_sp.jpg │ └── baia_dos_golfinhos_cananeia_sp.jpg │ ├── style.css │ └── index.html └── README.md /CodePark-04/src/script.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /CodePark-04/src/img/enseada_cananeia_sp.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/profRobsonPMartins/CodePark-04/HEAD/CodePark-04/src/img/enseada_cananeia_sp.jpg -------------------------------------------------------------------------------- /CodePark-04/src/img/bom_abrigo_cananeia_sp.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/profRobsonPMartins/CodePark-04/HEAD/CodePark-04/src/img/bom_abrigo_cananeia_sp.jpg -------------------------------------------------------------------------------- /CodePark-04/src/img/ilha_cardoso_cananeia_sp.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/profRobsonPMartins/CodePark-04/HEAD/CodePark-04/src/img/ilha_cardoso_cananeia_sp.jpg -------------------------------------------------------------------------------- /CodePark-04/src/img/baia_dos_golfinhos_cananeia_sp.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/profRobsonPMartins/CodePark-04/HEAD/CodePark-04/src/img/baia_dos_golfinhos_cananeia_sp.jpg -------------------------------------------------------------------------------- /CodePark-04/src/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: 'Arial', sans-serif; 3 | margin: 0; 4 | padding: 0; 5 | background-color: #f4f4f4; 6 | } 7 | 8 | header { 9 | background-color: rgb(76, 129, 44); 10 | color: white; 11 | text-align: center; 12 | padding: 20px; 13 | } 14 | 15 | main { 16 | max-width: 800px; 17 | margin: 20px auto; 18 | padding: 20px; 19 | background-color: rgb(76, 129, 44); 20 | border-radius: 8px; 21 | box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); 22 | } 23 | 24 | section { 25 | margin-bottom: 30px; 26 | border: 1px solid #33333300; 27 | border-radius: 5px; 28 | box-shadow: 0 0 10px rgba(247, 246, 246, 0.747); 29 | padding: 4px; 30 | background-color: #f4f4f4; 31 | } 32 | 33 | h2 { 34 | color: #0258f8b4; 35 | } 36 | 37 | img { 38 | width: 50%; 39 | border-radius: 8px; 40 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 41 | margin-top: 20px; 42 | } 43 | 44 | p { 45 | color: #555; 46 | } 47 | 48 | footer { 49 | text-align: center; 50 | padding: 10px; 51 | background-color: rgb(76, 129, 44); 52 | color: white; 53 | position: fixed; 54 | bottom: 0; 55 | width: 100%; 56 | } 57 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | **CodePark-04 - README** 2 | 3 | **TURMA 2ºB - E.E YOLLANDA ARAUJO SILVA PAIVA - 2023 - E.M** 4 | 5 | # Projeto Desenvolvimento 4 #97742 - Lugares Favoritos na Minha Cidade 🏙️ 6 | 7 | Bem-vindo ao repositório CodePark-04! Neste projeto, você encontrará informações sobre os lugares que mais gosto de frequentar na minha cidade. Para explorar esses locais, siga o link abaixo: 8 | 9 | [**🌆 Explore meus Lugares Favoritos**](link_para_sua_nova_pagina.html) 10 | 11 | ## Requisitos do Projeto 12 | 13 | 1. **Nova Página:** 14 | - Foi criada uma nova página HTML para falar sobre os lugares favoritos na cidade. 15 | 16 | 2. **Link de Direcionamento:** 17 | - Adicionado um link no README que direciona para a nova página. 18 | 19 | 3. **Imagens:** 20 | - Foram incluídas imagens para proporcionar uma visualização atraente dos lugares favoritos. 21 | 22 | ## Como Contribuir 23 | 24 | 1. Faça um fork deste repositório. 25 | 2. Clone o fork para a sua máquina local. 26 | 3. Crie uma nova branch para realizar as alterações. 27 | 4. Adicione o código HTML e as imagens necessárias à nova página. 28 | 5. Faça commit das alterações. 29 | 6. Envie um pull request para análise. 30 | 31 | Espero que você aproveite a exploração dos meus lugares favoritos na cidade. Fique à vontade para contribuir ou fornecer feedback! 32 | 33 | Boa jornada no desenvolvimento do CodePark-04! 🌟🏞️ 34 | -------------------------------------------------------------------------------- /CodePark-04/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Lugares Favoritos na Minha Cidade 7 | 8 | 9 | 10 | 11 |
12 |

Meus Lugares Favoritos em Cananéia-SP

13 |
14 | 15 |
16 |
17 |

Ilha do Bom Abrigo

18 | Imagem do Lugar 1 19 |

A ilha do Bom Abrigo faz parte do complexo Lagamar, região que se estende até a baía de Paranaguá, 20 | englobando as ilhas do Cardoso, do Mel e Superagüi, constituindo-se numa das mais importantes áreas do Brasil. 21 |

22 |
23 | 24 |
25 |

Baia dos Golfinhos

26 | Imagem do Lugar 2 27 |

A Baía dos Golfinhos é um passeio imperdível na região de Cananeia. Os barcos, 28 | escunas e lanchas partem do cais e em poucos minutos chegam à Baía onde 29 | é possível avistar vários golfinhos que são tão dóceis que até se aproximam das embarcações. 30 |

31 |
32 | 33 |
34 |

Enseada da Baleia

35 | Imagem do Lugar 2 36 |

A Enseada da Baleia é uma comunidade caiçara situada na Ilha do Cardoso, 37 | em Cananéia/SP, no ano de 1845 estabeleceu-se a primeira família, 38 | onde o local apresentava grande potencial para produção de peixe seco. 39 |

40 |
41 | 42 |
43 |

Ilha do Cardoso

44 | Imagem do Lugar 2 45 |

A Ilha do Cardoso localiza-se no litoral sul de São Paulo, no município de Cananéia, a 272 Km da cidade de São Paulo. 46 | Tem como ponto de referência o extremo sul da Ilha Comprida e a Ilha de Cananéia, das quais se separa pela Bahia de Trapandé. 47 | Abrange uma área de 13,6 mil hectares, onde são encontrados vários tipos de vegetação da Mata Atlântica, que proporcionam 48 | variedade extraordinária de ambientes e alta diversidade biológica 49 |

50 |
51 | 52 | 53 | 54 |
55 | 56 | 59 | 60 | 61 | 62 | --------------------------------------------------------------------------------