-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
227 lines (205 loc) · 10.7 KB
/
Copy pathindex.html
File metadata and controls
227 lines (205 loc) · 10.7 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Espada Negra</title>
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-nav-demo" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="" class="navbar-brand">Espada Negra</a>
</div>
<div class="collapse navbar-collapse" id="bs-nav-demo">
<ul class="nav navbar-nav">
<li> <a href="#acerca">Acerca</a></li>
<li> <a href="#contactos">Contactos</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://www.youtube.com/channel/UC1lXkxKkoYxUBKiCD_YQgcA"><i class="fa fa-youtube fa-2x" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://www.facebook.com/EspadaNegraHEMA/"><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron parallax">
<div id="bodypage1">
<h1>Espada Negra</h1>
<div class="container">
<h3>Grupo De Estudo HEMA</h3>
</div>
<hr>
<a href="#acerca"><button class="btn btn-default btn-lg"><strong>Descobre mais!</strong></button></a>
</div>
</div>
<section class="about" id="acerca">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 id="qSomos">Quem somos?</h2>
<hr class="light">
<div id="pAbout" class="text-faded">
<p>A Espada Negra – Grupo de Estudo HEMA tem como fim a prática, estudo, pesquisa, investigação, divulgação e ensino de Esgrima Histórica, comumente denominada Artes Marciais Históricas Europeias de sigla internacional HEMA – Historical European Martial Arts.</p>
<p>O grupo aposta ainda na investigação, tendo os seus membros, num esforço coletivo, transcrito e traduzido diversas obras portuguesas relacionadas com a temática.</p>
<p>Os instrutores da Espada Negra consistem nos membros mais experientes que se focam no ensino dos membros mais recentes; membros cujo trabalho, dedicação e empenho são exemplos e merecedores de reconhecimento. Acima de tudo, respeito e camaradagem estão na base do nosso grupo e acreditamos que cada um é livre de estudar e procurar aprender sempre mais, e estamos sempre dispostos a partilhar o conhecimento.</p>
<p>Procuramos ser um grupo coeso e inclusivo, que não vira as costas a ninguém. Assim, todos são bem-vindos às nossas sessões, a debater, a praticar, mas, acima de tudo, a partilhar a nossa paixão pelas HEMA.</p>
</div>
<a href="#services" class="btn btn-default btn-lg" id="participa"><strong>Participa!</strong></a>
</div>
</div>
</div>
</section>
<section id="services">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Como podes participar?</h2>
</div>
</div>
</div>
<div class="container box">
<div class="row">
<div class="col-sm-4 text-center">
<div class="service-box" id="sb1">
<i class="serviceIcons fa fa-4x fa-map text-primary sr-icons"></i>
<h3>Encontra-nos!</h3>
<p class="text-muted">R. Prof. Simões Raposo nº8 - Telheiras</p>
</div>
</div>
<div class="col-sm-4 text-center">
<div class="service-box" id="sb2">
<i class="serviceIcons fa fa-4x fa-paper-plane text-primary sr-icons"></i>
<h3>Experimenta!</h3>
<p class="text-muted">Tens direito a cinco aulas grátis! Traz fato de treino e vem divertir-te connosco! </p>
</div>
</div>
<div class="col-sm-4 text-center">
<div class="service-box" id="sb3">
<i class="serviceIcons fa fa-4x fa-newspaper-o text-primary sr-icons"></i>
<h3>Junta-te a nós!</h3>
<p class="text-muted">Vem fazer parte do nosso grupo de estudo e juntos iremos explorar a <i>craft</i>! É só falares connosco e facilmente tratamos do processo de inscrição</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="hema">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 id = "whatHema">O que é HEMA?</h1>
</div>
</div>
</div></section>
<div class="container box" id="hemaLis">
<div class="row">
<div class="col-sm-6 list">
<ul>
<li id="liOne">A sigla HEMA significa “Historical European Martial Arts”, ou Artes Marciais Históricas Europeias, sendo também utilizada a sigla WMA (“Western Martial Arts”) para designar esta actividade.</li>
<li id="liTwo">Trata-se de uma reconstrução das artes de combate utilizadas na antiguidade Europeia, e que deixaram de ser praticadas. Neste sentido HEMA abrange um largo número de sistemas de luta que existiram ao longo de muitos séculos. Na prática existe documentação que permite reconstruir os sistemas marciais a partir da Idade Média e do Renascentismo.</li>
</ul>
</div>
<div class="col-sm-6 list">
<ul>
<li id="liThree">O nosso grupo conta com três instrutores, um deles com currículo internacional, que ministram e dirigem as aulas em torno da prática de armas compreendidas entre o séc. XVI e XIX, sendo as mais populares Espada Longa, Rapier e Sabre, de acordo com os manuais de Meyer (1570), Capo Ferro (1610) e Roworth (1804).</li>
<li id="liFour">Contudo, isto não invalida que os nossos membros possam pesquisar e estudar outras armas, sistemas e tratados paralelamente às aulas. De facto, faz parte do espírito do grupo fomentar esse mesmo interesse.</li>
</ul>
</div>
</div>
</div>
<div class="parallax" id="horarioParallax">
<div class="container horarioEPreço">
<div class="row" style="text-align: left">
<div class="col-sm-6"></div>
<div class="col-sm-6">
<h3> <strong>Horário e Preço</strong></h3>
<p >3ª e 5ª – 19h00 às 21h00</p>
<p ><strong>Quotas</strong> 15€ de 6 em 6 meses</p>
<p ><strong>Mensalidades:</strong>15€ todos os meses</p>
<p ><strong>Inscrição:</strong>2€ feita apenas uma vez no acto da inscrição.</p>
</div>
</div>
</div>
</div>
<section class="about" id="contactos">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 style="text-align: center; margin-bottom: 50px;">Contacta-nos!</h2>
</div>
<div class="col-md-6">
<ul>
<li><p id="localização"><i class="fa fa-location-arrow" aria-hidden="true"></i> Lisboa, Portugal</p></li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li><p id="email"><i class="fa fa-envelope-o" aria-hidden="true"></i> hema.espadanegra@gmail.com</p></li>
</ul>
</div>
<!-- <div class="col-sm-12" style="text-align: right">
<form class="form-inline">
<div class="form-group">
<input type="text" class="form-control" id="exampleInputName" placeholder="Name" required>
</div>
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail" placeholder="Email" required>
</div>
<div style="margin-top: 10px">
<textarea class="form-control" rows="2" cols="43" placeholder="Message" required></textarea>
</div>
<div>
<button class="btn btn-default sendButton">Send</button>
</div>
</form> -->
</div>
</div>
</div>
</section>
<div id="map"></div>
<div class = "parallax copyrightDiv">
<p id="copyright">© 2018 João Machado</p>
</div>
<script>
function initMap() {
var uluru = {lat: 38.760804, lng: -9.173823};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 17,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBMMtJlxs7Qbn-hDsZDdRj4TSpI_6VsbDU&callback=initMap">
</script>
<script src="scripts/script.js"></script>
<script
src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous"></script>
<script src="scripts/bootstrap.js"></script>
</body>
</html>