Agri_serta/index.html at main · bremendes99/Agri_serta · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Site Agrinho</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Sono&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header class="cabecalho">
        <h1 class="cabecalho_titulo"><img class="cabecalho_imagem" src="sertaneja.jpg" alt="cidade de sertaneja"></h1>
         <div>
         <h2>Sertaneja</h2>

         </div>
    </header>

    <main>

         <section class="cidade">
            <p class="cidade_paragrafo">     Localizada no Norte do Paraná, sul do Brasil, no terceiro planalto paranaense, e com o solo do tipo "Latossolo Roxo" que é fértil e favorece a agricultura. O município é banhado por três rios, cito: Rio Congonhas, Rio Tibagi e Rio Paranapanema que favorecem a piscicultura.</p>

        </section>

        <section class="fotos">

          <div class="fotos_div">
            <img class="fotos_div-imagem" src="soja.jpg" alt="foto do soja">
            <h2 class="fotos_div-titulo">Soja</h2>
            <p class="fotos_div-paragrafo"> O clima e o solo favorecem seu cultivo no nosso município.</p>
          </div>

          <div class="fotos_div">
            <img class="fotos_div-imagem" src="Latossolo Roxo.png" alt="foto do solo">
            <h2 class="fotos_div-titulo">Latossolo Roxo</h2>
            <p class="fotos_div-paragrafo"> O solo de nosso município é muito fértil, o que favorece a agricultura, pois ele é resistente à erosão.</p>
          </div>

          <div class="fotos_div">
            <img class="fotos_div-imagem" src="ipe.jpg" alt="foto do ipe">
            <h2 class="fotos_div-titulo">Ipê Amarelo</h2>
            <p class="fotos_div-paragrafo"> Estampado no brasão do município e presente em nossas ruas, símbolo da cidade que encanta a todos.</p>
          </div>

          <div class="fotos_div">
            <img class="fotos_div-imagem" src="peixe.jpg" alt="foto do peixe">
            <h2 class="fotos_div-titulo">Peixe</h2>
            <p class="fotos_div-paragrafo"> Os rios que banham o município são ricos em peixes.</p>
          </div>

        </section>
    </main>

    <footer class="rodape">
      <p>
        Localizada a 443 km de Curitiba, venha conhecê-la!!
      </p>
    </footer>
</body>
</html>