-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
173 lines (169 loc) · 7.03 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Subway Surfers</title>
<link rel="icon" href="./assets/images/icon.jpg">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Jolly+Lodger:wght@400&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Jockey+One:wght@400&display=swap" />
<link rel="stylesheet" href="./assets/CSS/bootstrap.min.css" <script src="./assets/JS/bootstrap.bundle.js">
<link rel="stylesheet" href="./assets/CSS/home.css" />
</script>
</head>
<body class="mx-auto">
<div class="bg-subway">
<dic class="container-fluid px-3 d-block z-1 position-relative">
<div class="column col-7 d-flex z-1 mx-auto">
<a href="/sign/signup" class="d-flex login">
<span class="btn-log mt-5 text-center py-1">CADASTRE-SE OU FAÇA LOGIN</span>
</a>
</div>
<img src="./assets/images/elipse.png" class="position-absolute elipse">
<div class="column col-6 mt-3 d-flex justify-content-end z-1 mx-auto">
<a href="/" class="w-100 z-1">
<img src="./assets/images/logo.png" class="logo">
</a>
</div>
<div class="d-flex justify-content-center">
<div class="column col-10 mt-4 z-1">
<img src="./assets/images/boy1.png" class="boy1">
</div>
</div>
<div class="font-jolly vamos text-center z-1">
VAMOS SURFAR <br>ESSA<span class="text-green"> NOVA ONDA?</span>
</div>
<a href="/sign/signup" class="row d-flex justify-content-center">
<div class="column col-9">
<div class="btn-main rounded-4 text-center font-jockey mt-2 ">JOGAR AGORA</div>
</div>
</a>
<div class="row mt-2">
<div class="column col-3 px-3">
<img src="./assets/images/star.png" class="star w-100" />
</div>
<div class="column col-3 px-3">
<img src="./assets/images/star.png" class="star w-100" />
</div>
<div class="column col-3 px-3">
<img src="./assets/images/star.png" class="star w-100" />
</div>
<div class="column col-3 px-3">
<img src="./assets/images/star.png" class="star w-100" />
</div>
</div>
<div class="row mt-4">
<img src="./assets/images/boy2.png" class="star w-100" />
</div>
<div class="font-jolly text-white text-center corra">
CORRA BASTANTE<br />DESVIE RÁPIDO<br />E GANHE MUITO
</div>
<a href="/sign/signup" class="row d-flex justify-content-center">
<div class="column col-9 pb-4">
<div class="btn-main rounded-4 text-center font-jockey mt-2 mb-5 ">JOGAR AGORA</div>
</div>
</a>
</div>
</div>
<div class="bg-bluer">
<div class="container-fluid text-center px-3 position-relative">
<img src="./assets/images/bluestar.png" class="w-25 position-absolute bluestar" />
<img src="./assets/images/boys.png" class="boys w-100" />
<div class="font-jolly text-white text-center corra">
JÁ SOMOS<br>MAIS DE 10 MILHÕES<br>DE USUÁRIOS ATIVOS
</div>
<a href="/sign/signup" class="row d-flex justify-content-center">
<div class="column col-9 pb-4">
<div class="btn-main rounded-4 text-center font-jockey mt-3 box-bottom">JOGAR AGORA</div>
</div>
</a>
</div>
</div>
<div class="bg-green">
<div class="container-fluid text-center px-3 position-relative">
<img src="./assets/images/coinbox.png" class="w-75 position-absolute coinbox" />
<div class="font-jolly text-white text-center corra nossos">
NOSSOS USUÁRIOS<br>JÁ SACARAM MAIS DE<br>7 MILHÕES, E VOCÊ?
</div>
<a href="/sign/signup" class="row d-flex justify-content-center">
<div class="column col-9 pb-4">
<div class="btn-main rounded-4 text-center font-jockey mt-3 train-bottom">JOGAR AGORA</div>
</div>
</a>
</div>
</div>
<div class="bg-pink">
<div class="container-fluid text-center px-3 position-relative">
<img src="./assets/images/train.png" class="w-50 position-absolute train" />
<img src="./assets/images/number1.png" class="train-top number">
<div class="font-jolly text-white text-center corra mt-3">
DESVIE DO GUARDA
</div>
<img src="./assets/images/game1.png" class="game1 mt-3">
<img src="./assets/images/number2.png" class="mt-4 number">
<div class="font-jolly text-white text-center corra mt-3">
PEGUE O MÁXIMO<br>DE MOEDAS
</div>
<img src="./assets/images/game2.png" class="game2 mt-3">
<img src="./assets/images/number3.png" class="mt-4 number">
<div class="font-jolly text-white text-center corra mt-3">
DESVIE DOS TRENS<br>E DOS OBSTÁCULOS
</div>
<img src="./assets/images/game2.png" class="game2 mt-3">
<a href="/sign/signup" class="row d-flex justify-content-center">
<div class="column col-9 pb-4">
<div class="btn-main rounded-4 text-center font-jockey mt-3 mb-5">JOGAR AGORA</div>
</div>
</a>
</div>
</div>
<div class="bg-sky">
<div class="container-fluid text-center px-3 position-relative">
<img src="./assets/images/dollarsymbol.png" class="w-50 position-absolute dollarsymbol" />
<div class="font-jolly text-white text-center corra indique">
INDIQUE E GANHE
</div>
<div class="font-jolly text-white text-center corra mt-5">
Você pode ganhar até<br>20 reais por indicação
</div>
<div class="row d-flex justify-content-center mt-5">
<a href="/sign/signup" class="column col-9 pb-4">
<div class="btn-main rounded-4 text-center font-jockey mt-3 mb-5">JOGAR AGORA</div>
</a>
</div>
</div>
</div>
<div class="bg-blacker">
<div class="container-fluid text-center px-3 position-relative">
<img src="./assets/images/money.png" class="mt-5 money">
<div class="font-jockey text-white text-center display-1 receba">
RECEBA NO PIX<br>EM POUCOS MINUTOS
</div>
<div class="row d-flex justify-content-center mt-5">
<a href="/sign/signup" class="column col-9 pb-4 mb-sm-5">
<div class="btn-main rounded-4 text-center font-jockey mt-3 mb-5">JOGAR AGORA</div>
</a>
</div>
</div>
</div>
<div class="bg-subway">
<div class="container-fluid text-center px-3 position-relative">
<img src="./assets/images/boy3.png" class="w-50 position-absolute boy3" />
<div class="font-jockey text-white text-center display-1 esperando">
TÁ ESPERANDO<br>O QUE? CORRE!
</div>
<div class="row d-flex justify-content-center mt-4">
<a href="/sign/signup" class="column col-9 pb-4">
<div class="btn-main rounded-4 text-center font-jockey mt-3 mb-5">JOGAR AGORA</div>
</a>
</div>
</div>
</div>
<div class="bg-black text-center">
<div class="font-jockey text-white py-3">
Subway Money - Todos os direitos reservados
</div>
</div>
</div>
</body>
</html>