-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathacheron.html
158 lines (148 loc) · 8.48 KB
/
acheron.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- opengraph tags -->
<meta property="og:type" content="website">
<meta property="og:title" content="Acheron | Honkai: Star Rail | zenridev" />
<meta property="og:description" content="a really cool website that i made :3" />
<meta property="og:url" content="https://zenri.dev/" />
<meta property="og:image" content="logo_transparent.png" />
<!-- remixicons.com icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css">
<!-- adobe fonts -->
<link rel="stylesheet" href="https://use.typekit.net/tch2cyw.css">
<link rel="icon" href="images/browser_image.png" type="image/png" />
<link rel='stylesheet' type='text/css' media='screen' href='./styles/style.css'>
<title>Acheron | zenridev</title>
</head>
<body>
<header class="header">
<nav class="nav container">
<div class="nav__data">
<a href="./" class="nav__logo">
<i class="ri-sword-fill"></i> zenridev
</a>
<div class="nav__toggle" id="nav-toggle">
<i class="ri-menu-line nav__burger"></i>
<i class="ri-close-line nav__close"></i>
</div>
</div>
<!--=============== NAV MENU ===============-->
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li><a href="./" class="nav__link">Home</a></li>
<li><a href="./characters" class="nav__link">Characters</a></li>
<li><a href="./tierlist" class="nav__link">Tier List</a></li>
<!--=============== DROPDOWN 1 ===============-->
<li class="dropdown__item">
<div class="nav__link">
Tools <i class="ri-arrow-down-s-line dropdown__arrow"></i>
</div>
<ul class="dropdown__menu">
<li>
<a href="https://honkai.asagi-game.com/" class="dropdown__link" target="_blank">
<i class="ri-hammer-fill"></i> Character Builder
</a>
</li>
<li>
<a href="https://www.prydwen.gg/star-rail/team-builder" class="dropdown__link"
target="_blank">
<i class="ri-group-3-fill"></i> Team Builder
</a>
</li>
<li>
<a href="https://pom.moe/" class="dropdown__link" target="_blank">
<i class="ri-database-fill"></i> Pom Database
</a>
</li>
</ul>
</li>
<li><a href="./credits" class="nav__link">Credits</a></li>
</ul>
</div>
</nav>
</header>
<section class=dataTabs>
<div class="tabs snipcss-2aqin">
<div class="single-tab Lightning active">
<div class="top-icon"><svg aria-hidden="true" focusable="false" data-prefix="fas"
data-icon="circle-info" class="svg-inline--fa fa-circle-info " role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="18">
<path fill="currentColor"
d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z">
<!-- this is the icon -->
</path>
</svg></div>
<p>Profile</p>
</div>
<div class="single-tab Lightning ">
<div class="top-icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book"
class="svg-inline--fa fa-book " role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512" width="18">
<path fill="currentColor"
d="M448 336v-288C448 21.49 426.5 0 400 0H96C42.98 0 0 42.98 0 96v320c0 53.02 42.98 96 96 96h320c17.67 0 32-14.33 32-31.1c0-11.72-6.607-21.52-16-27.1v-81.36C441.8 362.8 448 350.2 448 336zM143.1 128h192C344.8 128 352 135.2 352 144C352 152.8 344.8 160 336 160H143.1C135.2 160 128 152.8 128 144C128 135.2 135.2 128 143.1 128zM143.1 192h192C344.8 192 352 199.2 352 208C352 216.8 344.8 224 336 224H143.1C135.2 224 128 216.8 128 208C128 199.2 135.2 192 143.1 192zM384 448H96c-17.67 0-32-14.33-32-32c0-17.67 14.33-32 32-32h288V448z">
<!-- this is the icon -->
</path>
</svg></div>
<p>Review</p>
</div>
<div class="single-tab Lightning ">
<div class="top-icon"><svg aria-hidden="true" focusable="false" data-prefix="fas"
data-icon="diagram-project" class="svg-inline--fa fa-diagram-project " role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="18">
<path fill="currentColor"
d="M0 80C0 53.49 21.49 32 48 32H144C170.5 32 192 53.49 192 80V96H384V80C384 53.49 405.5 32 432 32H528C554.5 32 576 53.49 576 80V176C576 202.5 554.5 224 528 224H432C405.5 224 384 202.5 384 176V160H192V176C192 177.7 191.9 179.4 191.7 180.1L272 288H368C394.5 288 416 309.5 416 336V432C416 458.5 394.5 480 368 480H272C245.5 480 224 458.5 224 432V336C224 334.3 224.1 332.6 224.3 331L144 224H48C21.49 224 0 202.5 0 176V80z">
<!-- this is the icon -->
</path>
</svg></div>
<p>Build & Teams</p>
</div>
</section>
<footer>
<section class="footerBar">
<div class="footerRow">
<div class="footerColumn">
<h4>zenridev</h4>
<p>all rights reserved to me and the stuff i used from google and youtube</p>
</div>
<div class="footerColumn">
<h4>Links</h4>
<ul>
<li><a href="./">Home</li></a>
<li><a href="./characters">Characters</li></a>
<li><a href="./tierlist">Tier List</li></a>
<li><a href="./credits">Credits</li></a>
</ul>
</div>
<div class="footerColumn">
<h4>Contact</h4>
<ul>
<li><a href="mailto:[email protected]"><i class="ri-mail-fill"></i>
[email protected]</li></a>
<li><a href="https://youtu.be/Jp02zEGc3cM?si=0Ob3xCm0bV9MZkeQ" target="_blank"><i
class="ri-discord-fill"></i> @znri</li></a>
</ul>
</div>
<div class="footerColumn">
<h4>Support Us</h4>
<div class="footerSupport">
<a href="https://github.com/zequen/zenridev" target="_blank"><i class="ri-github-fill"></i></a>
<a href="https://youtu.be/UIp6_0kct_U?si=q_-FVGL1VO5ZKW8Y" target="_blank"><i
class="ri-patreon-fill"></i></a>
<a href="https://www.reddit.com/r/HonkaiStarRail/" target="_blank"><i
class="ri-reddit-fill"></i></a>
<a href="https://twitter.com/honkaistarrail" target="_blank"><i
class="ri-twitter-x-fill"></i></a>
</div>
</div>
</div>
</section>
</footer>
<!-- scroll reveal effect -->
<script src="https://unpkg.com/scrollreveal"></script>
<!-- custom javascript link -->
<script src="script.js"></script>
</body>