├── CodePark-03 └── src │ ├── script.js │ ├── img │ └── Ilha do cardoso.jpg │ ├── style.css │ └── index.html └── README.md /CodePark-03/src/script.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /CodePark-03/src/img/Ilha do cardoso.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/profRobsonPMartins/CodePark-03/HEAD/CodePark-03/src/img/Ilha do cardoso.jpg -------------------------------------------------------------------------------- /CodePark-03/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: #333; 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: white; 20 | border-radius: 8px; 21 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 22 | } 23 | 24 | h1{ 25 | color: #f4f4f4; 26 | } 27 | 28 | h2 { 29 | color: #070707; 30 | } 31 | 32 | img { 33 | width: 100%; 34 | border-radius: 8px; 35 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 36 | margin-top: 20px; 37 | } 38 | 39 | p { 40 | color: #555; 41 | } 42 | 43 | footer { 44 | text-align: center; 45 | padding: 10px; 46 | background-color: #333; 47 | color: white; 48 | position: fixed; 49 | bottom: 0; 50 | width: 100%; 51 | } -------------------------------------------------------------------------------- /CodePark-03/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Ponto Turístico de Cananéia-SP 7 | 8 | 9 | 10 | 11 |
12 |

Explorando o Parque estadual da Ilha do Cardoso

13 |
14 | 15 |
16 |

Descubra a Beleza Natural

17 |

Bem-vindo a Cananéia, onde a natureza se encontra com a história. 18 | Explore nosso ponto turístico destacado, Parque Estadual da Ilha do Cardoso, 19 | que é um verdadeiro tesouro local. 20 |

21 | 22 | Imagem da Cachoeira da Serenidade 23 | 24 |

Localizada ao mar do sul da cidade, a Ilha do Cardoso oferece uma experiência única, 25 | proporcionando momentos inesquecíveis para visitantes e moradores locais. 26 |

27 |
28 | 29 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | **CodePark-03 - README** 2 | 3 | **Turma 2ºB - E.E YOLLANDA ARAUJO SILVA PAIVA - 2023 - E.M** 4 | 5 | # Projeto Desenvolvimento 3 #97740 - Ponto Turístico da Minha Cidade 🏞️ 6 | 7 | Bem-vindo ao repositório CodePark-03! Este projeto tem como objetivo criar uma página HTML para apresentar um ponto turístico da minha cidade. Siga os requisitos abaixo para desenvolver a página: 8 | 9 | ## Requisitos do Projeto 10 | 11 | 1. **Estrutura da Página:** 12 | - A página deve ser composta por cabeçalho, conteúdo e rodapé para garantir uma organização clara e eficiente. 13 | 14 | 2. **Imagens:** 15 | - Inclua imagens na página para proporcionar uma visualização envolvente do ponto turístico escolhido. 16 | 17 | 3. **Tags Utilizadas:** 18 | - Faça uso das tags HTML aprendidas até o momento para estruturar a página. Utilize ``, ``, ``, ``, `<header>`, `<main>`, `<footer>`, `<p>`, `<img>` e outras tags conforme necessário. 19 | 20 | ## Instruções Adicionais 21 | 22 | - Personalize o conteúdo da página para destacar as características e a beleza do ponto turístico escolhido. 23 | - Forneça informações relevantes e interessantes para que os visitantes da página possam ter uma experiência completa. 24 | 25 | ## Como Contribuir 26 | 27 | 1. Faça um fork deste repositório. 28 | 2. Clone o fork para a sua máquina local. 29 | 3. Crie uma nova branch para realizar as alterações. 30 | 4. Adicione o código HTML e as imagens necessárias. 31 | 5. Faça commit das alterações. 32 | 6. Envie um pull request para análise. 33 | 34 | Esperamos que este projeto seja uma oportunidade emocionante para compartilhar e explorar as maravilhas do seu ponto turístico local. Apreciamos a sua participação no desenvolvimento do CodePark-03! 35 | 36 | Boa criação! 🌆✨ 37 | --------------------------------------------------------------------------------