-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (117 loc) · 6.59 KB
/
index.html
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSA - Cajazeiras</title>
<link rel="stylesheet" href="./css/index.css">
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>
<!-- Barra de navegação principal (Navbar) -->
<nav class="navbar bg-opacity-10">
<div role="navigation" class="container">
<a class="navbar-brand" href="#">
<span class="font-weight-bold orange-text"><span class="green-text">CSA</span> | Cajazeiras</span>
</a>
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="./html/sobre.html">Sobre</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./html/quemsomos.html">Quem somos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./html/contatos.html">Contato</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./html/projetos.html">Projeto</a>
</li>
</ul>
<button onclick="location.href='/'" class="btn btn-success">Tela Inicial</button>
</div>
</nav>
<!-- Cabeçalho (Header) -->
<header class="text-center">
<h1 class="font-weight-bold display-6 mt-5 green-text">CSA - Comunidade que sustenta a agricultura</h1>
<p class="lead text-muted">Venha você também fazer parte desse movimento</p>
<button class="btn btn-success">Participar</button>
</header>
<!-- Conteúdo Principal (Main) -->
<main class="main-container">
<section class="image-container mx-auto d-block">
<img class="image rounded" src="./assets/images/CSAPeoples.png" alt="Colaboradores do CSA">
<img class="leaf" src="./assets/images/leaf.svg" alt="">
</section>
<hr class="hr">
<section class="section-container">
<h2 class="green-text">Você é um consumidor?</h2>
<div class="text-container">
<p>Por que você compra os seus alimentos no supermercado? Você não sabe que o agricultor ganha muito pouco por estes alimentos maravilhosos? Procure um agricultor perto de você, e busque mais gente para criar um projeto de uma CSA (Comunidade que Sustenta a Agricultura) na sua localidade. Você vai receber alimentos saudáveis, orgânicos, mais frescos direto do seu amigo agricultor. Assim você estará se tornando um corresponsável pelo seu alimento, tornando-se um Co agricultor, salvando a si mesmo, a sua família, a agricultura, o meio ambiente e o futuro da agricultura familiar com respeito e responsabilidade.</p>
</div>
</section>
<section class="section-container">
<h2 class="green-text">Você é um agricultor?</h2>
<div class="text-container">
<p>Por que você vende para o mercado se não pode concorrer com os supermercados? Procure pessoas que gostem de você e do seu trabalho, que vão sustentar o seu organismo agrícola. Tenha um papel importante alimentando estas famílias. Você como agricultor, que não usa agrotóxico, que salva o meio ambiente, considerado um artista no campo no seu local de trabalho, sim você cura as pessoas! Por que você não pode ser remunerado como um médico? Inicie a sua [r]evolução, convide amigos para juntos criarem uma CSA, uma Comunidade que Sustenta a Agricultura. </p>
</div>
</section>
<button class="btn btn-success">Aprenda a fazer parte da csa</button>
</main>
<!-- Rodapé (Footer) -->
<div class="container">
<footer class="row row-cols-1 row-cols-sm-2 row-cols-md-5 pt-5 my-3 border-top">
<!-- Primeira Coluna -->
<div class="col mb-3">
<p class="font-weight-bold green-text">CSA</p>
<p class="orange-text">CAJAZEIRAS</p>
</div>
<!-- Segunda Coluna -->
<div class="col mb-3">
<h5 class="green-text">Termos e políticas</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Termos de serviço</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Políticas de privacidade</a></li>
</ul>
</div>
<!-- Terceira Coluna -->
<div class="col mb-3">
<h5 class="green-text">Navegue</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Sobre nós</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Projetos</a></li>
</ul>
</div>
<!-- Quarta Coluna -->
<div class="col mb-3">
<h5 class="green-text">Contato</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">(83) 98815-5741</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">cactus.cz@ifpb.edu.br</a></li>
</ul>
</div>
<!-- Quinta Coluna -->
<div class="col mb-3">
<h5 class="green-text">Localização</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">A definir</a></li>
</ul>
</div>
<!-- Informações adicionais -->
<div class="info pt-1 mt-1">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="icon nav-item mx-2 p-2"><img src="./assets/images/facebookIcon.svg" alt=""></li>
<li class="icon nav-item mx-2 p-2"><img src="./assets/images/instagramIcon.svg" alt=""></li>
<li class="icon nav-item mx-2 p-2"><img src="./assets/images/mailIcon.svg" alt=""></img></li>
</ul>
<p class="text-center text-muted">Copyright @ 2023 CSA - Cajazeiras. Todos os direitos reservados</p>
</div>
</footer>
</div>
<!-- Importando scripts Javascript -->
<script src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<script src="./node_modules/@popperjs/core/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
</body>
</html>