-
Notifications
You must be signed in to change notification settings - Fork 0
/
associacao-de-moradores.html
287 lines (287 loc) · 14.2 KB
/
associacao-de-moradores.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-BR" xml:lang="pt-BR">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<title>Associação de Moradores do Parque Santa Mônica</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css" />
<link rel="stylesheet" href="./src/stamonica.css" />
</head>
<body>
<img id= "logo" src="./src/logo.png" alt="Logotipo da Associação de Moradores do Parque Santa Mônica" class="logo" />
<header>
<h1 class="title">Associação de Moradores do Parque Santa
Mônica</h1>
<h2 class="subtitle">São Carlos - SP</h2>
<a href="./associacao-de-moradores.html#associe-se"><button type="submit">> Clique aqui e associe-se! <</button></a>
</header>
<nav id="menu" >
<details open=""><summary>Menu</summary>
<ol>
<li>
<a href="./index.html"><strong>Página inicial</strong>: apresentação e vídeo</a></li>
<li>
<a href="./sobre-o-bairro.html"><strong>O bairro</strong>: qualidade de vida e fotos</a></li>
<li>Sobre a Associação:
<ul>
<li><a href="#apresentacao">Apresentação e conquistas</a></li>
<li><a href="#administracao">Atividades administrativas</a></li>
<li><a href="#atuacao">Áreas de atuação</a></li>
<li><a href="#associe-se">Como se associar</a></li>
<li><a href="#diretoria">Estatuto e mesa diretora</a></li>
</ul></li>
<li class="morad-markers">
<a href="./para-moradores.html"><strong>Para moradores</strong>: utilidades e informações</a></li>
<li><a href="./contato.html"><strong>Contato</strong> e Mapa do site</a></li>
</ol>
</details>
</nav> <p><em>Na sessão sobre o bairro foi mostrado o
<strong>valor dos resultados</strong> das ações da associação,
enquanto nessa página mostra-se o <strong>valor do
trabalho</strong> e os custos envolvidos nas atividades para,
com isso, fomentar a participação e o investimento financeiro de
associados.</em></p>
<h2 id="apresentacao">Apresentação e principais conquistas</h2>
<p>A Associação, presente no bairro desde 2003, ocupa-se do
auxílio à manutenção e ações de melhoria no bairro visando
aprimorar a qualidade de vida dos moradores. O trabalho é feito
de modo voluntário pelos associados, os quais atuam nos projetos
de meio ambiente, manutenção, segurança e infraestrutura
organizados na associação. Além disso, visa unir forças para
representar os interesses dos moradores junto ao poder público.
Dentre suas conquistas estão:</p>
<ul>
<li>câmeras que aprimoraram a segurança do bairro;</li>
<li>infraestrutura no entorno dos bosques, como iluminação e
bancos, que modernizaram o bairro e provém mais uma opção de
lazer; e</li>
<li>pontos de coleta de lixo que favorecem a limpeza do
bairro.</li>
</ul>
<p>Atualmente cerca de 6 voluntarios desenvolvem os projetos e
atividades: venha ajudar para construirmos um bairro melhor!</p>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<h2 id="administracao">Atividades administrativas</h2>
<ul>
<li>Participação no Conselho Municipal de Desenvolvimento Urbano
(COMDUSC) e audiências públicas, interferindo quando os temas
possam afetar o bairro.</li>
<li>Realização rotineira de audiências com Secretários,
Vereadores e Prefeito, reivindicando benfeitorias, segurança e
manutenção do bairro.</li>
<li>Elaboração de ofícios à prefeitura e outros órgãos
competentes.</li>
<li>Reuniões da associação e suas comissões.</li>
<li>Contato com prestadores de serviço.</li>
<li>Elaboração e emissão de comunicados, assim como a
atualização do site.</li>
<li>Gestão financeira e pagamento de contas, como internet e luz
das câmeras, prestadores de serviço e outros.</li>
</ul>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<h2 id="atuacao">Áreas de atuação</h2>
<p>A Associação executa atividades e projetos nos eixos:</p>
<ul>
<li><a href="#ambiental">ambiental</a>;</li>
<li><a href="#manutencao">infraestrutura e manutenção</a>;
e</li>
<li><a href="#seguranca">segurança</a>.</li>
</ul>
<p>Veja detalhes abaixo.</p>
<h3 id="ambiental">Atividades ambientais</h3>
<p><img src="media/img/reciclagem.jpg"
title="Ponto de descarte consciente" class="responsive"
style="display: block; margin-left: auto; margin-right: auto; width: 70%;" /></p>
<ul>
<li>Recolhimento do material dos pontos fixos de descarte
consciente.</li>
<li>Reposição de saquinhos de recolhimento de dejetos de
pets.</li>
<li>Contratação de jardineiro para poda no perímetro dos bosques
e praças quando a solicitação não é atendida pela
prefeitura.</li>
</ul>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<h3 id="manutencao">Atividades de infraestrutura e
manutenção</h3>
<p><img src="media/img/bosque-banco.jpg"
title="Infraestrutura dos bosques, com bancos e lixeiras"
class="responsive"
style="display: block; margin-left: auto; margin-right: auto; width: 70%;" /></p>
<ul>
<li>Contratação de pintor para incluir nome das ruas nos
postes.</li>
<li>Solicitação junto à prefeitura de troca de lâmpada
queimada.</li>
</ul>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<h3 id="seguranca">Atividades de segurança</h3>
<p><img src="media/img/camera.jpg" title="Camera"
class="responsive"
style="display: block; margin-left: auto; margin-right: auto; width: 50%;" /></p>
<ul>
<li>Projeto de posicionamento das câmeras de segurança.</li>
<li>Contrato e supervisão com empresa prestadora de serviço da
vigilância motorizada.</li>
<li>Operação da câmeras.</li>
</ul>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<h2 id="associe-se">Como se associar</h2>
<p>Para se associar, por favor preencha a ficha abaixo e aguarde
contato da associação para colher sua assinatura. Obrigado pelo
interesse em se associar! Sua contribuição tornará o bairro
melhor!</p>
<form id="associar" action="https://formspree.io/f/xdobzzzn" method="POST" target="_blank">
<input type="hidden" name="_language" value="pt-BR">
<div class="form-left">
<p><label>Nome:<input type="text" name="name" style="width: 100%;" required="required"></label>
<label>Data de
nascimento:<input type="tel" name="bdate" style="width: 100%;"></label>
<label>Local de
nascimento:<input type="text" name="bplace" style="width: 100%;"></label>
<!-- <label>Nacionalidade:<input type="text" name="bcountry" style="width: 100%;"></label>-->
<label>CPF:<input type="tel" name="cpf" pattern="[0-9]{3}\.?[0-9]{3}\.?[0-9]{3}\-?[0-9]{2}" style="width: 100%;"></label>
<label>E-mail:<input type="email" name="mail" title="E-mail" style="width: 100%;" required="required"></label>
<!-- <label>RG:<input type="tel" name="rg" pattern="(^\d {1,2}).? (\d {3}).? (\d {3})-? (\d {1}|X|x$)" style="width: 100%;"></label>--></p>
</div>
<div class="form-right">
<p><label>Rua e nº da
residência:<input type="text" name="street" style="width: 100%;" title="Rua e nº da residência" required="required"></label>
<label>CEP:<input type="tel" name="cep" pattern="\d{5} \-? \d{3}" style="width: 100%;"></label>
<label>Celular com
DDD:<input type="tel" name="phone" style="width: 100%;" required="required"></label>
<!-- <label>Telefone fixo (se tiver):<input type="tel" pattern="\(?[1-9]{2}\)? (?:[2-8]|9[0-9])[0-9]{3}\-[0-9]{4}" name="altphone" style="width: 100%;"></label>-->
<label>Contato adicional
(nome):<input type="text" name="adcontact_name" style="width: 100%;"></label>
<label>Celular do contato
adicional:<input type="tel" name="adcontact_phone" style="width: 100%;"></label></p>
</div>
<br>
<input type="checkbox" name="agree" id="form_agree" required="required"><label for="form_agree" style="font-style: italic;">Desejo
fazer parte do quadro dos associados da Associação Amigos do
Bairro Parque Santa Mônica, manifestando-me ciente e
compromentendo-me a realizar fielmente o pagamento das
contribuições mensais associativas a fim de honrar os
compromissos da Associação, em forma de rateio entre todos os
associados para suprir todas as despesas. Na eventualidade do
desligamento do quadro associativo, comunicarei a minha decisão
por escrito à Diretoria da Associação com aviso prévio de 30
dias. Estou ciente que o valor a ser pago do primeiro ao último
mês como associado corresponderá ao mês inteiro, ou seja, não
cabendo pagamento proporcional sobre dias, independentemente da
data da assinatura do cadastro ou da data do cancelamento do
quadro associativo.</label><br>
<p>
Gostaria de receber o Boleto referente ao pagamento da
Contribuição Mensal através de:
</p>
<input type="radio" name="payment" id="form_radio1" required="required"><label for="form_radio1">Boleto
bancário via Correio</label><br>
<input type="radio" name="payment" id="form_radio2" required="required"><label for="form_radio2">Boleto
via e-mail</label><br>
<input type="radio" name="payment" id="form_radio3" required="required"><label for="form_radio3">PIX</label>
<br>
<p>
<a href="./media/convite-associacao.pdf">Carta convite aos
moradores</a>
</p>
<button type="submit" style="margin-right: auto; margin-top: 0.5em; display: block;">>
Enviar <</button>
</form>
<p>Caso prefira, é possível preencher a ficha manualmente:
<a href="./media/ficha-cadastro-associado.docx">clique para
baixar o arquivo</a>.</p>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<h2 id="diretoria">Estatuto e mesa diretora</h2>
<details style="margin-bottom: 1em;" open>
<summary>
Estatuto e outros documentos
</summary>
<ul>
<li>
<a href="./media/estatuto.pdf">Estatuto</a>
</li>
<li>
<a href="./media/convite-associacao.pdf">Carta convite aos
moradores</a>
</li>
<li>
<a href="./media/ficha-cadastro-associado.docx">Ficha de
cadastro de associado</a>
</li>
</ul>
</details>
<div class="table-diretoria">
<table style="width:58%;">
<colgroup>
<col style="width: 29%" />
<col style="width: 29%" />
</colgroup>
<thead>
<tr class="header">
<th style="text-align: left;">Diretoria</th>
<th></th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td style="text-align: left;">Presidente</td>
<td>Samir C. Cesaretti</td>
</tr>
<tr class="even">
<td style="text-align: left;">Vice-presidente</td>
<td>Rosely F. Pozzi</td>
</tr>
<tr class="odd">
<td style="text-align: left;">Secretária</td>
<td>Loren C. Rodrigues</td>
</tr>
<tr class="even">
<td style="text-align: left;">Tesoureiro</td>
<td>Marina C. Martinez</td>
</tr>
</tbody>
</table>
<table style="width:58%;">
<colgroup>
<col style="width: 29%" />
<col style="width: 29%" />
</colgroup>
<thead>
<tr class="header">
<th>Conselheiros fiscais</th>
<th></th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>Conselho</td>
<td>Claudio Policastro</td>
</tr>
<tr class="even">
<td>Conselho</td>
<td>Mauro M. G. Saldanha</td>
</tr>
<tr class="odd">
<td>Conselho</td>
<td>Jorge A. Achcar</td>
</tr>
<tr class="even">
<td>Suplente</td>
<td>Ricardo L. Silva</td>
</tr>
</tbody>
</table>
</div>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<footer style="text-align: justify;">
<p>© 2022-2024 Associação de Moradores do Parque Santa Mônica, porém uso disponível sob licença livre <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/deed.pt_BR">Creative Commons BY-SA 4.0</a>, exceto para os conteúdos não originais desse site.
Construído com <a href="https://pandoc.org/">pandoc</a> e <a href="https://github.com/kognise/water.css">water.css</a> pela própria Associação.</p><!--RRM-->
<details> <summary class="summary-closed">Aviso legal</summary>
<p>Os materiais contidos neste site são fornecidos apenas para fins de informação geral e não pretendem ser ou constituem conselhos legais ou outros profissionais e não devem ser invocados como tal. Não nos responsabilizamos por qualquer perda que possa surgir do acesso a este site nem pela dependência de informações encontradas no site. Na maior medida permitida pela lei, excluímos toda a responsabilidade por perdas ou danos diretos ou indiretos decorrentes do uso deste site.</p>
</details>
</footer> </body>
</html>