-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
263 lines (260 loc) · 10.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="https://vantenoxid.web.app/apple-touch-icon"
sizes="180x180"
href="https://vantenoxid.web.app/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="https://vantenoxid.web.app/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="https://vantenoxid.web.app/favicon-16x16.png"
/>
<link rel="manifest" href="https://vantenoxid.web.app/site.webmanifest" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./index.css" />
<link
rel="stylesheet"
href="https://lib-vantenox.web.app/assets/tenox/css/tenox.min.css"
/>
<link
rel="stylesheet"
href="https://lib-vantenox.web.app/assets/tenox/css/fonts.css"
/>
<link
rel="stylesheet"
href="https://lib-vantenox.web.app/assets/tenox/css/icons.css"
/>
<title>Vantenox Linktree</title>
</head>
<body class="w-100% h-mx d-fx fx-clm al-ctr ff-figtree p-1rem">
<section
class="bg-rgba(0,0,0,0.7) t-0px b-0px r-0px l-0px fixed z--1px"
></section>
<header>
<nav
class="bg-rgba(0,0,0,0.5) d-fx j-sb al-ctr p-1rem pt-0.5rem pb-0.5rem fixed t-0px l-0px r-0px z-99x"
>
<a class="tc-fff fs-1rem fw-600 fx-ctr">
<i
class="vic vi-icon-vtx tg-light-green vac-5s fs-1.5rem mr-5px"
href="https://vantenoxid.web.app/"
></i>
Vantenox ID
</a>
<div class="nav br-50p p-0.5rem fx-ctr">
<span class="mi-sharp fs-1.5rem tc-aaa">more_horiz</span>
</div>
</nav>
</header>
<div class="nav-menu fx-ctr w-mx fx-ctr fx-clm p-0.5rem">
<div class="fx-ctr fx-clm w-mx bg-rgba(30,30,30,0.7) br-8px">
<p class="tc-fff mv-0.5rem">get the code on:</p>
<div class="fx-ctr fx-wrap w-mx">
<a
class="fx-ctr bg-rgba(0,0,0,0.7) tc-aaa fx-50px p-0.5rem m-0.5rem br-5px"
href="https://github.com/vantenox"
>
<i class="vic vi-icon-github fs-0.8rem mr-3px"></i>
<p class="fw-500 fs-0.8rem">Github</p>
</a>
<a
class="fx-ctr bg-rgba(0,0,0,0.7) tc-aaa fx-50px p-0.5rem m-0.5rem br-5px"
href="https://vantenoxid.web.app/public.zip"
download="vtxlink ( Vantenox Community ).zip"
>
<span class="mi-sharp fs-0.9rem mr-3px">download</span>
<p class="fw-500 fs-0.8rem">Download code</p>
</a>
</div>
</div>
<!--a
class="link d-fx j-sb al-ctr w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="https://tenoxcss.web.app"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-web tc-fff fs-1.5rem"></i>
</div>
<p class="fw-500 fs-1rem">Tenox CSS</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a-->
</div>
<main class="fx-ctr fx-clm p-2rem mt-3rem bg-rgba(30,30,30,0.5) br-10px">
<div class="avatar">
<img
src="https://vantenoxid.web.app/image/vantenox_logo.jpg"
alt="Vantenox Logo"
class="w-1000x h-100px br-50p"
/>
</div>
<div class="username relative fx-ctr">
<h1 class="tc-fff tg-grey vac-5s">Vantenox ID</h1>
<span class="mi absolute tg-light-green vac-5s r--1.6rem fs-1.3rem"
>verified</span
>
</div>
<p class="desc tc-aaa fs-0.8rem ta-c">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita,
quidem, esse. Esse nulla consequuntur, obcaecati itaque.
</p>
<div class="link-wrap fx-ctr fx-wrap w-mx mt-1rem">
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="https://tenoxcss.web.app"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-web tc-fff fs-1.5rem"></i>
</div>
<p class="fw-500 fs-1rem">Tenox CSS</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-facebook_solid tc-fff fs-1.2rem"></i>
</div>
<p class="fw-500 fs-1rem">Facebook</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-github tc-fff fs-1.2rem"></i>
</div>
<p class="fw-500 fs-1rem">Github</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-instagram tc-fff fs-1.2rem"></i>
</div>
<p class="fw-500 fs-1rem">Instagram</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-twitter tc-fff fs-1.2rem"></i>
</div>
<p class="fw-500 fs-1rem">Twitter</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-deviantart tc-fff fs-1.2rem"></i>
</div>
<p class="fw-500 fs-1rem">Deviant Art</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-tiktok tc-fff fs-1.2rem"></i>
</div>
<p class="fw-500 fs-1rem">Tiktok</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-telegram tc-fff fs-1.2rem"></i>
</div>
<p class="fw-500 fs-1rem">Telegram</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="open fx-ctr br-50p bg-rgba(22,22,22,0.5) p-0.5rem">
<i class="vic vi-icon-whatsapp tc-fff fs-1.2rem"></i>
</div>
<p class="fw-500 fs-1rem">Whatsapp</p>
<div class="open bg-rgba(22,22,22,0.5) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<!--a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="fx-ctr br-50p p-0.5rem">
<img
src="https://nys-cdn.web.app/assets/icons/NYX/html_5.svg"
alt="shopee"
class="w-1.5rem h-1.5rem"
/>
</div>
<p class="fw-500 fs-1rem">HTML</p>
<div class="open bg-rgba(22,22,22,0.727) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a>
<a
class="link d-fx j-sb al-ctr fx-100mx w-mx bg-rgba(0,0,0,0.7) br-10px p-1rem pt-0.5rem pb-0.5rem m-0.5rem tc-fff"
href="#"
>
<div class="fx-ctr br-50p p-0.5rem">
<img
src="https://nys-cdn.web.app/assets/icons/NYX/css3.svg"
alt="shopee"
class="w-1.5rem h-1.5rem"
/>
</div>
<p class="fw-500 fs-1rem">CSS</p>
<div class="open bg-rgba(22,22,22,0.727) br-50p fx-ctr p-0.5rem">
<span class="mi-sharp fs-1rem tc-aaa">open_in_new</span>
</div>
</a-->
</div>
</main>
<footer class="mt-1rem">
<p class="tc-aaa fs-0.7rem">©Vantenox 2023. All Rights Reserved.</p>
</footer>
<script src="https://lib-vantenox.web.app/assets/tenox/js/all.min.js"></script>
<script src="./index.js"></script>
</body>
</html>