-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
188 lines (158 loc) · 9.72 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
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
<!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">
<meta name="description" content="Festa de Natal da ONG Sonhar Acordado">
<meta name="author" content="Hacklab">
<title>Festa de Natal | Escola de Super Heróis</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Custom CSS -->
<link href="css/one-page-wonder.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top main-menu">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img src="img/logo-medio.png" alt="">
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav pages-links">
<li><a href="#about">A Festa</a></li>
<li><a href="#services">A ONG</a></li>
<li><a href="#duvidas">Duvidas</a></li>
<li><a href="#contact">Fale Conosco</a></li>
</ul>
<ul class="nav navbar-nav navbar-right social-links">
<li><a href="https://www.facebook.com/ONGSonharAcordadoSP/" title="Nos acompanhe no facebook" target="_blank"><i class="fa fa-facebook-official fa-2x"></i></a></li>
<li><a href="https://twitter.com/Sonhar_Acordado" title="Nos siga no Twitter" target="_blank"><i class="fa fa-twitter fa-2x"></i></a></li>
<li><a href="https://www.youtube.com/user/sonharacordadosp" title="Inscreva-se no nosso canal do YouTube" target="_blank"><i class="fa fa-youtube fa-2x"></i></a></li>
</ul>
</div>
</div>
</nav>
<!-- Full Width Image Header -->
<header class="header-image">
<div class="headline text-left">
<div class="container sr-only">
<h1>Festa de Natal</h1>
<h2>Escola de Super Heróis</h2>
</div>
</div>
</header>
<!-- Page Content -->
<div class="container">
<hr class="featurette-divider">
<!-- First Featurette -->
<div class="featurette" id="about">
<img class="featurette-image img-responsive img-circle pull-right" src="img/herois_small.png">
<h2 class="featurette-heading">A Festa</h2>
<p class="lead">Um dia especial onde 1300 crianças de 5 a 11 anos de idade,
de diferentes instituições de São Paulo podem ter tudo que merecem: brincadeiras,
comidas gostosas e claro, um Papai Noel para dar presentes.</p>
<p class="lead neg"><b class="text-info">Data:</b> 13 de Dezembro de 2015 (Domingo)<br/>
<b class="text-info">Horário:</b> das 9h às 17h<br/>
<b class="text-info">Local:</b> Colégio Pio XII (R. Colégio Pio XII, 233) - Morumbi</p>
</div>
<hr class="featurette-divider">
<!-- Second Featurette -->
<div class="featurette" id="services">
<img class="featurette-image img-circle img-responsive pull-left" src="img/logo-grande.png">
<h2 class="featurette-heading">A ONG</h2>
<p class="lead">Fundada em 1998 em Monterrey no Méxio, a ONG Sonhar Acordado
tem como objetivo agregar pessoas dispostas a fazer o bem, criar elos de
responsabilidade social e ajudar na formação e no desenvolvimento da sociedade
em bebefício da infância mais necessitada.</p>
<p class="lead">A ONG atua junto a institiuções, orfanatos, casas de apoio e
hospitais e busca transformar a vida de crianças carentes por meio de uma
relação de amizade com os jovens voluntários através de atividades culturais,
esportivas e recreativas.</p>
</div>
<hr class="featurette-divider" id="duvidas">
<div class="duvidas">
<h2 class="featurette-heading text-center">Dúvidas</h2>
<br />
<h3>De onde são as crianças?</h3>
<p>As crianças são de mais de 10 instituições de São Paulo. Essas instituições ficam em regões como: Paraisópolis, Capão Redondo, Itapecerica da Serra, Taboão, dentre outras</p>
<h3>Como faço o pagamento?</h3>
<p>O pagamento pode ser feito no dia do treinamento em dinheiro ou cartão de débito. Você também poderá fazer o pagamento da contribuição no momento da inscrição.</p>
<h3>O que devo fazer no evento?</h3>
<p>No evento você vai ficar responsável por uma criança e acompanhá-la durante um dia de muita diversão.</p>
<h3>Qual o motivo da contribuição</h3>
<p>A contribuição é neccessária para cobrir parte dos custos da festa. São mais de R$20 mil em camisetas, R$23 mil em ônibus das crianças, R$2 mil em alimentação, entre outros custos.</p>
<h3>Posso participar apenas durante um período do evento?</h3>
<p>Infelizmente não. Precisamos que cada voluntário esteja comprometido e participe durante todo o evento.</p>
<h3>Posso levar amigos/familiares?</h3>
<p>Todo jovem de 15 a 35 anos pode ser voluntário desse grande dia. Como nosso objetivo é fazer um dia inesquecível para as crianças carentes, não é permitida a entrada de outras crianças na festa, como sobrinhos ou irmãos.</p>
<h3>Já participei da festa, posso faltar no treinamento?</h3>
<p>Não. Todos os voluntários precisam comparecer ao treinamento, mesmo já tendo participado em um ano anterior. Também não haverá treinamento online.</p>
</div>
<div class="text-center featurette" id="contact">
<h2 class="featurette-heading">Fale Conosco</h2>
<p class="lead">Perguntas? Dúvidas? Comentários? Envie aqui.</p>
</div>
<form name="contactForm" id="contactForm" ng-submit="submit(contactForm.$valid)" ng-controller="ContactFormCtrl" novalidate>
<div class="row">
<div class="col-sm-6 form-group" ng-class="{'has-error': errors.name}">
<label>Nome Completo</label>
<input class="input-lg form-control" type="text" name="name" ng-model="contactFormData.name" required/>
<p class="text-danger" ng-repeat="error in errors.name">{{ error }}</p>
</div>
<div class="col-sm-6 form-group" ng-class="{'has-error': errors.email}">
<label>E-mail</label>
<input class="input-lg form-control" type="email" name="email" ng-model="contactFormData.email" required/>
<p class="text-danger" ng-repeat="error in errors.email">{{ error }}</p>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group" ng-class="{'has-error': errors.rg}">
<label>Telefone</label>
<input class="input-lg form-control" type="text" name="phone" ng-model="contactFormData.phone" />
<p class="text-danger" ng-repeat="error in errors.rg">{{ error }}</p>
</div>
<div class="col-sm-6 form-group" ng-class="{'has-error': errors.birthdate}">
<label>Assunto</label>
<input class="input-lg form-control" type="text" name="subject" ng-model="contactFormData.subject" required/>
<p class="text-danger" ng-repeat="error in errors.birthdate">{{ error }}</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 form-group" ng-class="{'has-error': errors.phone}">
<label>Mensagem</label>
<textarea class="input-lg form-control" rows="10" name="content" ng-model="contactFormData.content" required/></textarea>
<p class="text-danger" ng-repeat="error in errors.phone">{{ error }}</p>
</div>
</div>
<div class="text-right">
<button class="btn btn-lg btn-info">Envie</button>
</div>
</form>
<br />
</div>
<!-- /.container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-resource.min.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/services.js"></script>
</body>
</html>