-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
251 lines (198 loc) · 12.1 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
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
<!DOCTYPE html>
<html>
<head>
<title>RPG PARK</title>
<meta charset="UTF-8"/>
<!-- ÍCONE -->
<link rel="shortcut icon" href="img/logo.ico" type="image/x-icon">
<!--CSS-->
<link href="css/style.css" rel="stylesheet"/>
<!--Fonts-->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="center">
<div class="logo">
<img src="img/logo.png" alt="Logo do site"/>
</div><!--logo-->
<nav class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav><!--menu-->
</div><!--center-->
</header><!--cabeçalho-->
<div class="faixa"></div><!--faixa-->
<section class="first-content">
<div class="painel">
<h2>RPG PARK</h2>
<p>Não somos um estacionamento. Somos um projeto pensado para propocionar ao nosso cliente o que ele realmente merece.<p>
</div><!--painel-->
</section>
<section class="device">
<div class="clear"></div><!--clear-->
<div class="center">
<div class="device-text">
<h2>Inúmeros argumentos a favor dessa ideia!</h2>
<p>Os benefícios que você terá:</p>
<div class="lista">
<ul>
<li>Mais segurança</li>
<li>Mais conforto</li>
<li>Mais agilidade</li>
<li>Mais praticidade</li>
<li>Mais acessibilidade</li>
<li>Menos Filas</li>
</ul>
</div><!--lista-->
<div class="botao"><a href="#contato">Entre em contato</a></div><!--botao-->
</div><!--text-->
<div class="device-image"></div><!--image-->
<div class="clear"></div><!--clear-->
</div><!--center-->
</section><!--Device-->
<section class="template">
<div class="center">
<div id="sobre" class="container">
<h2>Sobre nós e o Projeto</h2>
<p></p>
<div><img src="" alt=""/></div>
</div><!--container-->
</div><!--center-->
</section><!--template-->
<section class="team">
<div class="message">
<div class="wraper">
<h2>O time</h2>
<p>Nossa equipe é formada por três universitários interessados a conquistar cada vez mais conhecimento e melhorar nossas skills.
Somos parceiros de projeto, amigos dentro e fora da vida academica.
E assim seguiremos levando nossos projetos de forma leve e extrovertida para que assim possamos tornar tudo mais fácil.
</p>
</div><!--wraper-->
</div><!--Mensagem do time-->
<div class="partners">
<div class="member">
<div class="member-name">
<h2>Robson Ceia</h2>
<p>Fundador e CEO</p>
</div><!--name-->
<div class="member-photo"></div><!--photo-->
<p>Meu nome é Robson Ceia de Oliveira, cursando graduação de engenharia de software na Universidade de Vassouras, terceiro período.
Funcionário público na Prefeitura Municipal de Maricá, atuante na área administrativa da saúde.
Sou focado, determinado e persistente naquilo que me motiva, e a engenharia faz parte disso.
Sou caseiro e meus hobbies são ver filme, praticar esportes e curtir os amigos e família.
Quero adquirir conhecimento e experiência nessa área tão desafiadora e inovadora.</p>
<div class="social">
<a href="https://www.facebook.com/robson.ceia" target="_blank">facebook</a>
<a href="https://www.instagram.com/robsonceia/" target="_blank">instagram</a>
<a href="https://github.com/Robsonceia" target="_blank">github</a>
</div><!--social-->
</div><!--member-->
<div class="member">
<div class="member-name">
<h2>Priscila Tristão</h2>
<p>Fundadora e CEO</p>
</div><!--name-->
<div class="member-photo"></div><!--photo-->
<p>Sou a Priscila, aluna do curso de engenharia de software da universidade de Vassouras, cursando o terceiro período.
Sou mãe, aluna, esposa e uma pessoa que ama novos desafios.
Encontrei no meu curso algo que me fizesse querer mais e me lancei de cabeça nessa aventura digital.
Nas horas vagas, gosto de ver série e filmes, ficar com a família e passear.
Gosto de me reinventar e estou em buscar de novos conhecimentos.</p>
<div class="social">
<a href="https://www.facebook.com/priscila.lima.12139" target="_blank">facebook</a>
<a href="https://www.instagram.com/prilimarj/" target="_blank">instagram</a>
<a href="https://github.com/priscilatristao" target="_blank">github</a>
</div><!--social-->
</div><!--member-->
<div class="member">
<div class="member-name">
<h2>Gabriel Costa</h2>
<p>Fundador e CEO</p>
</div><!--name-->
<div class="member-photo"></div><!--photo-->
<p>Meu nome é Gabriel Costa, tenho 20 anos, sou estudante de Engenharia de Software pela Universidade de Vassouras e estagiário da Universidade prestando serviço à DMS Logistics.
Tenho muita satisfação pelo que faço e pretendo seguir aprendendo cada dia mais.
Nas horas vagas gosto de sair com amigos e com minha namorada, ir à praia, jogar futebol e correr na orla, às vezes jogo um CSGO com amigos do game.
</p>
<div class="social">
<a href="https://www.facebook.com/gabriel.provietti" target="_blank">facebook</a>
<a href="https://www.instagram.com/provietti_gabriel/" target="_blank">instagram</a>
<a href="https://github.com/g4b-dev" target="_blank">github</a>
</div><!--social-->
</div><!--member-->
<div class="slider-bullets">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div><!--slider-bullets-->
</div><!--Partners-->
<div class="clear"></div><!--clear-->
</section><!--team-->
<section class="contact"><!--FORMULÁRIO INÍCIO-->
<div class="center">
<div id="contato" class="form">
<h2>Entre em contato</h2>
<p>Tire suas dúvidas, envie sugestões ou faça elogios ou críticas. Gostariamos de saber sua opnião.</p>
<form>
<input type="text" id="nome" name="nome" placeholder="Nome*" required/>
<input type="email" id="email" name="email" placeholder="Email*" required/>
<textarea id="mensagem" name="mensagem" placeholder="Mensagem*" required></textarea>
<button type="button" onclick="generatePDF()">Gerar PDF</button>
</form>
</div><!--FORMULÁRIO FIM-->
<div class="container-map">
<h2>Faça uma visita</h2>
<div class="box">
<div class="box2">
<div id="map" class="map">
<iframe id="gmap_canvas" src="https://maps.google.com/maps?q=Av.%20Roberto%20Silveira,%20437%20-%20Centro,%20Maric%C3%A1%20-%20RJ,%2024900-440&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
<a href="https://google-map-generator.com">html google map</a>
</div><!--map-->
</div><!--box-->
<div class="box2">
<div id="map" class="map">
<iframe width="520" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" id="gmap_canvas" src="https://maps.google.com/maps?width=520&height=400&hl=en&q=Av.%20Roberto%20Silveira,%201954%20-%20Flamengo,%20Maric%C3%A1%20-%20RJ,%2024903-815%20Maric%C3%A1+(Estacionamento%202)&t=&z=12&ie=UTF8&iwloc=B&output=embed"></iframe><a href='https://maps-generator.com/'>Maps Generator</a>
<a href="https://google-map-generator.com">html google map</a>
</div><!--map-->
</div><!--box-->
<div class="box2">
<div id="map" class="map">
<iframe id="gmap_canvas" src="https://maps.google.com/maps?width=520&height=400&hl=en&q=Rua%20Antonio%20Foster%20de%20Moura%20Filho%20Maric%C3%A1+(Estacionamento%202)&t=&z=12&ie=UTF8&iwloc=B&output=embed"></iframe>
<a href='https://maps-generator.com/'>Maps Generator</a>
</div><!--map-->
</div><!--box-->
</div><!--box2-->
</div><!--container map-->
<div class="slider-bullets-2">
<span class="dot2" onclick="currentSlide2(1)"></span>
<span class="dot2" onclick="currentSlide2(2)"></span>
<span class="dot2" onclick="currentSlide2(3)"></span>
</div><!--slider-bullets-->
<div class="clear"></div><!--clear-->
</div><!--center-->
</section><!--contact-->
<footer>
<div class="center">
<div class="info">
<p>© Site produzido por Gabriel Costa, Priscila Lima e Robson Ceia.</p>
</div><!--info-->
<div class="clear"></div><!--clear-->
</div><!--center-->
<div class="whats">
<a href="https://wa.me/552120428589" target="_blank">
<img src="img/whatsapp.png" width="75" alt="Fale conosco pelo Whatsapp" title="Fale conosco pelo Whatsapp"/>
</a>
</div>
</footer>
<script src="js/slider_member.js"></script>
<script src="js/slider_map.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
<script src="script.js"></script>
</body>
</html>