-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
293 lines (240 loc) · 13 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="description" content="Bienvenidos a xolosArmy Network, la comunidad global decentralizada de Xolos Ramirez">
<meta name="keywords" content="xolosArmy, criptomonedas, Bitcoin, Monero, Xolos Ramirez">
<meta property="og:title" content="Bienvenidos a xolosArmy Network State, la comunidad global decentralizada de Xolos Ramirez">
<meta property="og:description" content="xolosArmy Network State">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XolosArmy Network State</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YTZMJ41WMY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YTZMJ41WMY');
</script>
</head>
<body>
<header>
<div class="container">
<h1>XolosArmy Network State</h1>
<div id="google_translate_element"></div>
<nav>
<a href="#XolosRamirez">Xolos Ramirez</a>
<a href="#xoloitzcuintli-gospel">RMZgospel</a>
<a href="#whitepaper">RMZwhitepaper</a>
<a href="#vision">Our Vision</a>
<a href="#memo">Memos on the blockchain</a>
<a href="#section-below" class="scroll-down-arrow">↓</a>
</nav>
</div>
</header>
<main>
<section id="home">
<div class="container">
<!-- Wrapping the Imgur image in an anchor tag to make it clickable -->
<a href="https://cashtab.com/#/token/55116f3f995b05b54c062bdd78201c5d8fafbd18c2dc664d286faaff2d402e43" target="_blank" title="Acquire our NFT Collections" class="button-link">
<img src="https://i.imgur.com/hOyspmT.png" alt="XolosArmy NFT Collection" style="width:100%; max-width:600px;">
</a>
<h2>Bienvenido a XolosArmy Network</h2>
<p>Nuestra misión es crear una comunidad vibrante y sostenible para los amantes de Xolos Ramírez</p>
<p><strong>Haz clic para adquirir las colecciones de NFT de XolosArmy</strong></p>
<section id="xolos-rmz" style="padding: 50px 20px; background-color: #f9f9f9;">
<div class="container" style="text-align: center; max-width: 800px; margin: auto;">
<h2 style="font-family: 'Cinzel', serif; color: #333; margin-bottom: 20px;">Unete a la revolución de Xolos $RMZ</h2>
<p style="font-family: 'Lora', serif; font-size: 18px; color: #555; margin-bottom: 30px; line-height: 1.6;">
Xolos $RMZ es el token oficial de la Red XolosArmy. Asegura tu lugar en esta vibrante comunidad global y sé parte de un emocionante movimiento que redefine la forma en que interactuamos con el legado del Xoloitzcuintle a través de la innovación en blockchain.
</p>
<a href="https://cashtab.com/#/token/9e0a9d4720782cf661beaea6c5513f1972e0f3b1541ba4c83f4c87ef65f843dc" target="_blank" class="button-link"
style="
display: inline-block;
background: linear-gradient(45deg, #ff5733, #ff9966);
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
padding: 15px 40px;
text-decoration: none;
border-radius: 50px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
"
onmouseover="this.style.transform='scale(1.05)'; this.style.boxShadow='0px 6px 8px rgba(0,0,0,0.2)';"
onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='0px 4px 6px rgba(0,0,0,0.1)';">
Obtén Xolos $RMZ Ahora
</a>
</div>
</section>
<div class="video-container">
<h2>Evangelio del Xoloitzcuintli $RMZ: Mira la Historia</h2>
<iframe src="https://www.youtube.com/embed/mAgN4m_Tq1Y?si=rYXUkGHUw2FH5yNy" frameborder="0" allowfullscreen></iframe>
</div>
</section>
<!-- Dedicated Section for Xoloitzcuintli RMZ Gospel -->
<section id="xoloitzcuintli-gospel">
<div class="container" style="text-align: center; padding: 50px 20px;">
<h2 style="font-family: 'Cinzel', serif; color: #333; margin-bottom: 20px;">Eternal Guardians: The Xoloitzcuintli RMZ Gospel</h2>
<p style="font-family: 'Lora', serif; font-size: 18px; color: #555; margin-bottom: 30px;">
Explora "Guardianes Eternos: El Evangelio del Xoloitzcuintli RMZ," un manifiesto único que celebra el legado místico del Xoloitzcuintli.
</p>
<a href="assets/RMZGospel.pdf" target="_blank" class="button-link"
style="
display: inline-block;
background: linear-gradient(45deg, #ff5733, #ff9966);
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 15px 30px;
text-decoration: none;
border-radius: 50px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
"
onmouseover="this.style.transform='scale(1.05)'; this.style.boxShadow='0px 6px 8px rgba(0,0,0,0.2)';"
onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='0px 4px 6px rgba(0,0,0,0.1)';">
Lee el PDF del Evangelio RMZ
</a>
</div>
</section>
<!-- Dedicated Section for RMZ Whitepaper -->
<section id="whitepaper" style="padding: 50px 20px; text-align: center; background-color: #f9f9f9;">
<div class="container">
<h2 style="font-family: 'Cinzel', serif; margin-bottom: 20px;">Whitepaper del Token Xolos $RMZ</h2>
<p style="font-family: 'Lora', serif; font-size: 18px; margin-bottom: 30px; color: #555;">
Conoce más sobre la visión y la tecnología detrás del token Xolos $RMZ explorando nuestro Whitepaper oficial a continuación.
</p>
<iframe src="assets/XolosRMZ_Whitepaper.pdf" width="100%" height="600px" style="border: none;"></iframe>
<p style="font-family: 'Lora', serif; font-size: 16px; margin-top: 20px; color: #777;">
También puedes <a href="assets/XolosRMZ_Whitepaper.pdf" target="_blank" style="color: #ff5733; text-decoration: none;">descargar el Whitepaper</a> para leerlo más tarde.
</p>
</div>
</section>
>
<!-- Xolos Ramirez Section -->
<section id="XolosRamirez" style="background-color: #f2f2f2; padding: 50px 20px;">
<div class="container" style="text-align: center; max-width: 800px; margin: auto;">
<h2 style="font-family: 'Cinzel', serif; font-size: 32px; color: #333; margin-bottom: 20px; text-transform: uppercase;">Explora Xolos Ramirez Online</h2>
<p style="font-family: 'Lora', serif; font-size: 18px; color: #555; margin-bottom: 40px; line-height: 1.6;">
Descubre el mundo de Xolos Ramírez y conéctate con nosotros en línea para aprender más sobre nuestro legado, cultura y comunidad.
</p>
<!-- Carrusel de imágenes -->
<div id="xolosCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<!-- Imagen 1 -->
<div class="carousel-item active">
<img src="https://i.imgur.com/AOU4vXm.png" class="d-block w-100" alt="Xoloitzcuintli 1">
<div class="carousel-caption d-none d-md-block">
<h5>Xoloitzcuintli Huapango Ramírez</h5>
</div>
</div>
<!-- Imagen 2 -->
<div class="carousel-item">
<img src="https://i.imgur.com/r0kgBWC.png" class="d-block w-100" alt="Xoloitzcuintli 2">
<div class="carousel-caption d-none d-md-block">
<h5>Xoloitzcuintli Pandero Ramírez</h5>
</div>
</div>
<!-- Imagen 3 -->
<div class="carousel-item">
<img src="https://i.imgur.com/5rzret8.png" class="d-block w-100" alt="Xoloitzcuintli 3">
<div class="carousel-caption d-none d-md-block">
<h5>Xoloitzcuintli Bolero Ramírez</h5>
</div>
</div>
</div>
<p></p>
<!-- Controles del carrusel -->
<button class="carousel-control-prev" type="button" data-bs-target="#xolosCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#xolosCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<ul id="business-list" style="list-style: none; padding: 0;">
<!-- Example Items -->
<li style="margin-bottom: 20px;">
<a href="https://www.xolosramirez.com" target="_blank" style="
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #ff5733;
text-decoration: none;
background: #ffffff;
padding: 10px 20px;
border-radius: 25px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;">
Somos Xolos Ramirez, El Mejor Criadero Xoloitzcuintle en México.
</a>
</li>
</ul>
</div>
</section>
<!-- Vision Section -->
<section id="vision" class="vision-section">
<div class="container">
<h2>Our Vision for the XolosArmy Network State</h2>
<p>Compartimos la visión, los objetivos y los planes futuros de la Red XolosArmy.</p>
<!-- Card Layout for the Recording -->
<div class="card">
<!-- Embed Twitter Space recording (use actual embed link if available) -->
<iframe src="https://www.youtube.com/embed/wNbtPHKinu0?si=LUBxnsRCD6O26orD" width="100%" height="200" allow="autoplay" frameborder="0"></iframe>
<!-- Alternative: Use a button link if embed is not supported -->
<!-- <a href="https://www.youtube.com/embed/n6zpHyaTBC8?si=VzqDWq2jM1ChSfa2" target="_blank" class="listen-button">Listen Now</a> -->
<!-- Brief summary of key points discussed -->
<div class="summary">
<h3>Aspectos Clave</h3>
<ul>
<li>Nuestra misión de construir una Red XolosArmy impulsada por la comunidad.</li>
<li>Planes para NFTs, participación comunitaria y desarrollos futuros.</li>
<li>Oportunidades para que los seguidores se involucren y contribuyan.</li>
</ul>
</div>
</div>
</div>
</section>
<section id="memo">
<div class="px-5">
<div class="col-lg-6 mx-auto">
<h1>Memo Cash Posts</h1>
<div id="memo-feed"></div>
</div>
</div>
</div>
</div>
</section>
<p></p>
</main>
<footer>
<div class="container">
<p>© 2024 XolosArmy Network</p>
<div class="social-icons">
<a href="https://www.youtube.com/channel/UCKtNKCavbBmxtcdHSDd9BsA" target="_blank" aria-label="YouTube">
<i class="fab fa-youtube"></i>
</a>
<a href="https://x.com/xolosArmy" target="_blank" aria-label="Twitter">
<i class="fab fa-twitter"></i>
</a>
<a href="https://t.me/xolosramirez" target="_blank" aria-label="Telegram">
<i class="fab fa-telegram"></i>
</a>
</div>
</div>
</footer>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Custom Script -->
<script src="script.js"></script>
<!-- ElevenLabs Integration -->
<elevenlabs-convai agent-id="ao2s5Z7zdZPW9gthoihX"></elevenlabs-convai>
<script src="https://elevenlabs.io/convai-widget/index.js" async type="text/javascript"></script>
</body>
</html>