-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontactEXT.html
235 lines (232 loc) · 13.6 KB
/
contactEXT.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- PAGE settings -->
<link rel="icon" href="brand/favicon/favicon.ico">
<title>Formulari per centres educatius · Aula Rural Mas Fabrera</title>
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="description" content="Formulari de contacte per els centres educatius. Pregunta'ns els teus dubtes o contacta'ns per preparar una sortida única adaptada a les preferències del teu centre i infants.">
<meta name="keywords" content="contacte, escoles, excursio, natura, granja, nens, casa colonies, aula rural, lloguer, lloguer d'espais, festes, sales, centres educatius">
<meta name="author" content="L. Orri">
<!-- Good shared link on Social Media -->
<meta property="og:title" content="Aula Rural Mas Fabrera">
<meta property="og:url" content="https://www.masfabrera.cat">
<meta property="og:description" content="L'aula rural t'ofereix activitats a la natura i lloguer d'espais per a festes, famílies i grups.">
<meta property="og:image" content="http://www.masfabrera.cat/objects/logo-masfabrera.png">
<meta property="og:type" content="article">
<meta property="og:locale" content="ca_ES">
<meta property="og:locale:alternate" content="es_ES">
<!-- CSS dependencies -->
<link rel="stylesheet" href="aquamarine.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<!-- Script: Make my navbar transparent when the document is scrolled to top -->
<script src="js/navbar-ontop.js"></script>
<!-- Script: Animated entrance -->
<script src="js/animate-in.js"></script>
</head>
<body class="text-center">
<!-- Navbar -->
<nav class="navbar navbar-expand-md bg-dark navbar-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">
<img src="brand/logo_inv.png" width="30" height="30" class="d-inline-block mx-1 align-top" alt="">
<b>Aula Rural Mas Fabrera</b>
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbar2SupportedContent">
<ul class="navbar-nav">
<li class="nav-item mx-2">
<a class="nav-link" href="index.html">Torna a l'inici</a>
</li>
</ul>
<div class="btn-group navbar-btn mx-2 text-white btn-outline-light">
<a href="images.html" class="btn btn-outline-light">Imatges</a>
</div>
</div>
</div>
</nav>
<!-- Cover -->
<!-- Parallax section -->
<!-- Speakers -->
<!-- Schedule -->
<!-- Sponsor logos -->
<!-- Call to action -->
<!-- Footer -->
<div class="py-5 inset-shadowed section-aquamarine" style="background-image: url('pics/min/jocs_exteriors/collintPatates_min.jpg');background-position:center center;">
<div class="px-5 container-fluid">
<div class="row">
<div class="col-md-12 text-white align-self-center py-2">
<h3 class="display-4">Formulari per a <b>centres educatius</b>
</h3>
<p class="lead">Completa aquest formulari de la forma més completa que puguis i ens posarem en contacte amb el teu centre el més aviat possible!</p>
</div>
</div>
</div>
<div class="container-fluid">
<!-- Codi d'enviament -->
<form action="https://formspree.io/f/xvodorrn" method="POST" class="form-horizontal">
<input type="hidden" name="_subject" value="Formulari d'interès de l'Aula: ESCOLES">
<div class="row">
<div class="col-md-6 align-self-center">
<div class="card">
<div class="card-body p-4">
<h3 class="pb-3 text-primary">
<i class="fa fa-fw fa-address-card pull-left"></i>Dades personals</h3>
<div class="form-group text-dark">
<label>Nom de contacte*</label>
<input type="text" class="form-control" required="required" placeholder="Nom de la persona de contacte" name="Nom"> </div>
<div class="form-group">
<label class="text-dark">Centre educatiu*</label>
<input type="text" class="form-control" name="Escola" placeholder="Nom del centre" required="required"> </div>
<div class="form-group">
<label for="exampleInputEmail1" class="text-dark">CIF</label>
<input type="text" class="form-control" id="inlineFormInput" placeholder="Codi del centre" name="CIF"> </div>
<div class="form-group">
<label for="exampleInputEmail1" class="text-dark">Població i CP*</label>
<input type="text" class="form-control" id="inlineFormInput" placeholder="Població i codi postal" name="Població" required="required"> </div>
<div class="form-group">
<label for="exampleInputEmail1" class="text-dark">Medis de contacte*</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">
<i class="fa align-self-center fa-lg fa-at"></i>
</span>
</div>
<input type="email" class="form-control" id="inlineFormInputGroup" placeholder="Correu electrònic" required="required" name="email">
</div>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">
<i class="fa align-self-center fa-lg fa-phone"></i>
</span>
</div>
<input type="number" class="form-control" id="inlineFormInputGroup" placeholder="Telèfon" required="required" name="Telèfon">
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-body p-4">
<h3 class="pb-3 text-primary">
<i class="fa fa-fw pull-left fa-tasks"></i>Dades sobre la visita</h3>
<div class="form-group">
<label for="exampleInputEmail1" class="text-dark">Descripció del <b>grups</b>(s), nombre de <b> nens</b> i <b>cursos</b>
</label>
<textarea class="form-control" id="exampleTextarea" rows="3" placeholder="Explicació del nombre de grups de nens interessats, nombre d'alumnes per grup i de quin curs o cursos són." name="Descripció del grup"></textarea>
</div>
<div class="form-group">
<label for="exampleInputEmail1" class="text-dark">Dates aproximades d'interès per ordre de preferència*</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">
<i class="fa align-self-center fa-lg fa-calendar-check-o"></i>
</span>
</div>
<input type="date" class="form-control" id="inlineFormInputGroup" required="required" name="Data 1">
</div>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">
<i class="fa align-self-center fa-lg fa-calendar-o"></i>
</span>
</div>
<input type="date" class="form-control" id="inlineFormInputGroup" required="required" name="Data 2">
</div>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">
<i class="fa align-self-center fa-lg fa-calendar-minus-o"></i>
</span>
</div>
<input type="date" class="form-control" id="inlineFormInputGroup" required="required" name="Data 3">
</div>
</div>
<div class="form-group text-dark">
<label>Preferències trimestrals:</label>
<div class="form-group">
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="customCheck1" value=" primer trimestre" name="Puc venir el">
<label class="custom-control-label" for="customCheck1">1r Trimestre</label>
</div>
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="customCheck2" value=" segon trimestre" name="Puc venir el">
<label class="custom-control-label" for="customCheck2">2n Trimestre</label>
</div>
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="customCheck3" value=" tercer trimestre" name="Puc venir el">
<label class="custom-control-label" for="customCheck3">3r Trimestre</label>
</div>
</div>
</div>
<div class="form-group text-dark">
<label>Preferències de dia de setmana:</label>
<div class="form-group">
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="customCheck4" value=" Dilluns" name="De la setmana, vull venir els">
<label class="custom-control-label" for="customCheck4">Dilluns</label>
</div>
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="customCheck5" value=" Dimarts" name="De la setmana, vull venir els">
<label class="custom-control-label" for="customCheck5">Dimarts</label>
</div>
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="customCheck6" value=" Dimecres" name="De la setmana, vull venir els">
<label class="custom-control-label" for="customCheck6">Dimecres</label>
</div>
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="customCheck7" value=" Dijous" name="De la setmana, vull venir els">
<label class="custom-control-label" for="customCheck7">Dijous</label>
</div>
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="customCheck8" value=" Divendres" name="De la setmana, vull venir els">
<label class="custom-control-label" for="customCheck8">Divendres</label>
</div>
</div>
</div>
<div class="form-group">
<label for="exampleInputEmail1" class="text-dark">Comentaris, preguntes i preferències <br> </label>
<textarea class="form-control" id="exampleTextarea" rows="3" placeholder="Altres comentaris" name="Comentari"></textarea>
</div>
<button type="submit" class="btn mt-2 btn-outline-dark">Envia</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<footer class="text-md-left text-center bg-dark text-light p-2">
<div class="container">
<div class="row">
<div class="align-self-center col-md-2" style="transition: all 0.25s;">
<a href="https://www.facebook.com/aularural" target="_blank">
<i class="fa fa-facebook-square text-muted fa-2x"></i>
</a>
<a target="_blank" href="https://www.google.es/search?q=mas+fabrera">
<i class="fa text-muted fa-2x mx-2 fa-google"></i>
</a>
<a href="mailto:[email protected]">
<i class="fa text-muted fa-envelope fa-2x"></i>
</a>
</div>
<div class="col-md-10" style="transition: all 0.25s;">
<p class="text-left text-muted">© Copyright 2018 · <b>Aula Rural Mas Fabrera</b> · En memòria al meu pare Joan <br> </p>
</div>
</div>
</div>
</footer>
<!-- JavaScript dependencies -->
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!-- Script: Smooth scrolling between anchors in a same page -->
<script src="js/smooth-scroll.js"></script>
</body>
</html>