-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
326 lines (285 loc) · 11.6 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
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
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Portfolio oficial da equipe Synko.">
<title>Synko Developers</title>
<link rel="icon" type="image/x-icon" href="img/favicon.png">
<meta name="theme-color" content="#EE6E73">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="css/font-awesome.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="css/animate.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="css/main.css" type="text/css" rel="stylesheet" media="screen,projection" />
</head>
<body>
<div class="navbar-fixed blue">
<nav id="nav_f" class="blue hoverable" role="navigation">
<div class="container">
<div class="nav-wrapper">
<a id="logo-container" href="#top" class="brand-logo">
<img src="img/logo.png" width="32px" height="32px">
</a>
<ul class="right hide-on-med-and-down">
<li><a href="#bots" class="white-text">Bot</a></li>
<li><a href="#gc" class="white-text">Canais</a></li>
<li><a href="#equipe" class="white-text">Equipe</a></li>
<li><a href="#contato" class="white-text">Contato</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons white-text">menu</i></a>
</div>
</div>
</nav>
</div>
<ul id="nav-mobile" class="side-nav blue"> <!-- menu para mobile -->
<li><a href="#bots" class="white-text">Bot</a></li>
<li><a href="#gc" class="white-text">Canais</a></li>
<li><a href="#equipe" class="white-text">Equipe</a></li>
<li><a href="#contato" class="white-text">Contato</a></li>
</ul>
<div class="fixed-action-btn">
<a class="btn-floating btn-large red">
<i class="fa fa-chevron-up wow rotateIn"></i>
</a>
</div>
<div id="index-banner" class="blue">
<div class="section no-pad-bot">
<div class="container text-banner">
<h1 class="wow bounceInDown">Synko - Developers</h1>
<div class="row text-row">
<h5 class="col s12 light wow rubberBand">Os melhores bots do telegram estão aqui!</h5>
</div>
</div>
</div>
</div>
<div class="section" id="bots">
<div class="container">
<div class="row">
<div class="col s12">
<span><h2 class="center light-blue-text wow fadeIn thin">Nossos Bot's</h2></span>
</div>
<div class="col s12 m4">
<div class="card hoverable wow fadeInLeft" data-wow-delay="0.4s"> <!-- @EDRobotc-->
<div class="card-image">
<img src="img/bots/ed.jpg" class="activator responsive-img">
<a href="https://t.me/EdRobot" class="btn-floating halfway-fab waves-effect waves-light blue"><i class="fa fa-paper-plane-o"></i></a>
</div>
<div class="card-content">
<span class="card-title">Robô ED</span>
<p> <em>Meu nome é <strong> Robô ED</strong>, fui criado pra tornar seu grupo mais divertido e organizado.</em></p>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card hoverable wow fadeInLeft" data-wow-delay="0.6s"> <!-- @SimiRobot -->
<div class="card-image">
<img src="img/bots/simi.jpg" class="activator responsive-img">
<a href="" class="btn-floating halfway-fab waves-effect waves-light blue"><i class="fa fa-paper-plane-o"></i></a>
</div>
<div class="card-content">
<span class="card-title">Robô SimSimi</span>
<p><em>Meu nome é <strong>SimSimi</strong>, fui criado para bater papo com você.</em></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper hoverable">
<div class="section no-pad-bot">
<div class="container">
<div class="row center"> </div>
</div>
</div>
<div class="parallax"><img src="img/parallax/paralax.jpg"></div>
</div>
<div class="container" id="gc">
<div class="section">
<div class="row">
<div class="col s12">
<span><h2 class="center light-blue-text wow bounceInDown thin">Grupos e Canais Oficiais</h2></span>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable"> <!-- Canal ED -->
<div class="card-image waves-effect waves-block waves-light">
<img src="img/gc/CanalOficial.jpg" class="activator responsive-img" width="100%" height="auto">
</div>
<div class="card-content">
<span class="card-title">Fã Clube</span>
<p>Este canal foi feito para informar como anda meu desenvolvimento.</p>
</div>
<div class="card-action">
<a href="https://t.me/RoboED">Veja as últimas novidades</a>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable"> <!-- Canal Dvulgações -->
<div class="card-image waves-effect waves-block waves-light">
<img src="img/gc/Divulga.jpg" class="activator responsive-img" width="100%" height="auto">
</div>
<div class="card-content">
<span class="card-title">Divulgações</span>
<p>Para saber como divulgar aqui, entre em contato com o suporte do Robô Ed, solicitando informações sobre o assunto em questão.</p>
</div>
<div class="card-action">
<a href="https://t.me/DivulgaED">Veja as últimas novidades</a>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable"> <!-- Grupo ED -->
<div class="card-image waves-effect waves-block waves-light">
<img src="img/gc/GrupoOficial.jpg" class="activator responsive-img" width="100%" height="auto">
</div>
<div class="card-content">
<span class="card-title">Fã Clube</span>
<p>Este grupo foi feito para informar como anda meu desenvolvimento, tirar dúvidas, e bater papo com os membros.</p>
</div>
<div class="card-action">
<a href="https://t.me/joinchat/BAcnSD_yPuo6vNii5lKfzQ">Faça parte do Fã Clube</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center"> </div>
</div>
</div>
<div class="parallax"><img src="img/parallax/paralax.jpg"></div>
</div>
<section class="container" id="equipe">
<div class="row">
<div class="col s12">
<span><h2 class="center light-blue-text wow thin bounceIn">Equipe</h2></span>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="responsive-img activator" src="img/equipe/tiago.jpg" alt="">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Tiago Danin</span>
<div class="center">
<a href="https://t.me/TiagoEDGE"><i class="fa fa-2x fa-telegram black-text"></i></a>
<a href="https://tiagodanin.github.io/"><i class="fa fa-2x fa-eye black-text"></i></a>
<a href="https://twitter.com/_TiagoEDGE"><i class="fa fa-2x fa-twitter black-text"></i></a>
<a href="https://github.com/TiagoDanin"><i class="fa fa-2x fa-github black-text"></i></a>
</div>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Tiago Danin <i class="fa fa-times right" aria-hidden="true"></i></span>
<p>I'm 19 years old, genius, developer, I love volleyball, musics and series.</p>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="responsive-img activator" src="img/equipe/wesley.jpg" alt="">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Wesley Henr</span>
<p class="center">
<a href="https://t.me/Wesley_Henr"><i class="fa fa-2x fa-telegram black-text"></i></a>
<a href="https://github.com/Synk0"><i class="fa fa-2x fa-github black-text"></i></a>
</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Wesley Henr <i class="fa fa-times right" aria-hidden="true"></i></span>
<p>Veni, Vidi, Vici.</p>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card hoverable">
<div class="card-image waves-effect waves-block waves-light">
<img class="responsive-img activator" src="img/equipe/yan.jpg" alt="">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Yan Minari</span>
<p class="center">
<a href="https://t.me/yangm97"><i class="fa fa-2x fa-telegram black-text"></i></a>
<a href="https://br.linkedin.com/in/yangm97"><i class="fa fa-2x fa-linkedin black-text"></i></a>
<a href="https://twitter.com/yangm97"><i class="fa fa-2x fa-twitter black-text"></i></a>
<a href="https://github.com/yangm97"><i class="fa fa-2x fa-github black-text"></i></a>
</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Yan Minari <i class="fa fa-times right" aria-hidden="true"></i></span>
<p>Imposto é roubo.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="page-footer blue">
<div class="container" id="contato">
<div class="row">
<div class="col s12" id="contatos">
<h5 class="white-text">Contato</h5>
<div class="col s12">
<form class="contatoForm">
<div class="row">
<div class="input-field col s6">
<input class="validate" id="name" name="nome" type="text">
<label class="white-text" for="name">Nome</label>
</div>
<div class="input-field col s6">
<input class="validate" id="usuario" name="usuario" type="text">
<label class="white-text" for="email">Usuário do Telegram</label>
</div>
<div class="input-field col s12">
<input class="validate" id="assunto" name="assunto" type="text">
<label class="white-text" for="assunto">Assunto</label>
</div>
<div class="input-field col s12">
<textarea name="texto" id="texto" class="materialize-textarea"></textarea>
<label class="white-text" for="texto">Texto</label>
</div>
<div class="input-field col s6">
<button class="btn light-blue darken-4 waves-effect waves-light" type="button" name="contatoBtn" onclick="sendTelegram()">Enviar
<i class="material-icons right">send</i>
</button>
</div>
<div class="input-field col s6">
<label class="white-text" id="textSending"></label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="footer-copyright hoverable">
<div class="container">© 2012-2018 Synko, Todos os direitos reservados.
<a class="white-text right" href="/contributors.txt">Site desenvolvido por Synko Developers</a>
</div>
</div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script src="js/wow.js"></script>
<script async src="js/top.js"></script>
<script async src="js/contact.js"></script>
<script>
new WOW().init();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-82620210-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-82620210-1');
</script>
</body>
</html>