-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
178 lines (166 loc) · 8.01 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ZGRAD - HOMIGRAD Garry's Mod Server Network</title>
<!-- SEO Meta Tags -->
<meta name="description" content="Join ZGRAD, a HOMIGRAD Garry's Mod server. Experience intense PvP battles, fun moments, custom gamemodes, and a thriving community. Features unique gamemodes, active staff, and daily updates.">
<meta name="keywords" content="ZGRAD, HOMIGRAD, Garry's Mod, GMod server, PvP, sandbox, gaming community, multiplayer, custom gamemodes, team battles, gaming network, GMOD servers, build and fight, zombie survival">
<meta name="author" content="ZGRAD Network">
<meta name="robots" content="index, follow">
<meta name="language" content="English">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/assets/logos/favicon.ico">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://zgrad.gg/">
<meta property="og:title" content="ZGRAD - HOMIGRAD Garry's Mod Server Network">
<meta property="og:description" content="Experience intense battles, fun moments, and team-based gameplay in HOMIGRAD. Join ZGRAD's unique Garry's Mod server network featuring varied gamemodes and an active community.">
<meta property="og:image" content="https://zgrad.gg/assets/logos/large-logo.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ZGRAD - HOMIGRAD Garry's Mod Server Network">
<meta name="twitter:description" content="Experience intense battles, fun moments, and team-based gameplay in HOMIGRAD. Join ZGRAD's unique Garry's Mod server network featuring varied gamemodes and an active community.">
<meta name="twitter:image" content="https://zgrad.gg/assets/logos/large-logo.png">
<!-- Stylesheets -->
<link rel="stylesheet" href="https://use.typekit.net/cya2xsd.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/cards.css">
<link rel="stylesheet" href="/css/loading.css">
<link rel="stylesheet" href="/css/shared.css">
<link rel="stylesheet" href="/css/bannerTransition.css">
<link rel="stylesheet" href="/css/indexDescription.css">
<link rel="stylesheet" href="/css/storePopup.css">
<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
<link rel="stylesheet" href="/css/guides.css">
</head>
<body>
<div class="loader-wrapper">
<div class="loader-container">
<div class="spinner"></div>
<div class="loading-text">Loading...</div>
</div>
</div>
<nav id="navbar">
<div class="logo-container">
<a href="/"><img src="assets/logos/logo-whiteout.png" alt="Logo" class="navbar-logo"></a>
</div>
<button class="hamburger" id="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</button>
<div class="menu-items right-menu" id="nav-menu">
<a href="/discord">Discord</a>
<a href="/rules">Guidelines</a>
<a href="/store">Store</a>
<a href="/servers">Servers</a>
<a href="/socials">Socials</a>
</div>
</nav>
<div class="banner">
<img src="/assets/logos/large-logo.png" alt="Large Logo" class="large-logo">
<div class="banner-buttons">
<a href="/store" class="banner-button store-button">
<span class="button-text">Store</span>
</a>
<a href="/discord" class="banner-button discord-button">
<span class="button-text">Discord</span>
</a>
</div>
<div class="down-arrow" id="downArrow">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: rgba(255, 255, 255, 1);">
<path d="M16.939 7.939L12 12.879l-4.939-4.94-2.122 2.122L12 17.121l7.061-7.06z"></path>
</svg>
</div>
</div>
<div class="indesc-description-section">
<div class="indesc-outer-container">
<div class="indesc-description-container">
<div class="indesc-description-content">
<div class="indesc-description-text">
<h2>Welcome to ZGRAD</h2>
<p>Experience the ultimate Homigrad experience built from the ground up. From funny moments to intense team battles, ZGRAD offers a unique blend of fun and competitive modes backed by a vibrant community.</p>
<div class="indesc-description-stats">
<div class="indesc-stat-item">
<span class="indesc-stat-number" id="totalPlayers">0</span>
<span class="indesc-stat-label">Active Players</span>
</div>
<div class="indesc-stat-item">
<span class="indesc-stat-number" id="totalServers">0</span>
<span class="indesc-stat-label">Servers</span>
</div>
</div>
</div>
<div class="indesc-servers-container">
<div class="indesc-servers-header">Popular Servers</div>
<div class="indesc-servers-list"></div>
</div>
</div>
</div>
</div>
</div>
<div class="store-promo-container">
<div class="store-promo">
<div class="promo-message-container">
<h2 class="promo-message"></h2>
</div>
<p class="promo-description"></p>
<div class="promo-actions">
<a href="/store" class="banner-button store-button">Visit Store</a>
<div class="coupon-code">
<span>Use Code:</span>
<code class="clickable-code"></code>
</div>
</div>
</div>
</div>
<!-- Guides Preview Section -->
<div class="guides-preview-section">
<div class="guides-preview-container">
<div class="guides-preview-header">
<h2>Latest Guides</h2>
</div>
<div class="swiper-container guides-swiper">
<div class="swiper-wrapper">
<!-- Guide cards will be dynamically populated here -->
</div>
<!-- Add Navigation -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<div class="guides-preview-actions">
<a href="/guides" class="view-guides-button">View All Guides</a>
</div>
</div>
</div>
<script src="/js/elements/nav.js"></script>
<script src="/js/elements/loading.js"></script>
<script src="/js/elements/arrow.js"></script>
<script src="/js/elements/bannerTransition.js"></script>
<script src="/js/elements/servers.js"></script>
<script src="/js/elements/storepromo.js"></script>
<script src="/js/elements/storePopup.js"></script>
<footer class="site-footer">
<div class="footer-content">
<div class="footer-links">
<a href="/servers">Servers</a>
<a href="/discord">Discord</a>
<a href="/store">Store</a>
<a href="/socials">Socials</a>
</div>
<div class="footer-info">
<p>© 2024 NPCZ, LLC DBA ZGRAD. All rights reserved.</p>
</div>
</div>
</footer>
<!-- Scripts -->
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="/js/guides.js"></script>
</body>
</html>