-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
181 lines (166 loc) · 12.6 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
<!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">
<title>Cred Guild Gaming Website</title>
<link rel="shortcut icon" href="assets/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Tapestry&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="header">
<a href="/"><img src="./assets/full hd_jpg_logo_white.jpg" class="nav-logo"></a>
<!-- <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span
class="navbar-toggler-icon"></span></button> -->
<div class="navbar-collapse collapse navbar" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a href="./badges.html">BADGES</a></li>
<li class="nav-item"><a href="/" class="nav-link-custom">CRED GUILD</a></li>
<li class="nav-item"><a href="./inventory.html" class="nav-link-custom">INVENTORY</a></li>
</ul>
</div>
</div>
<div class="body-content">
<div class="intro">
<h1>GET, SET, PLAYYY !</h1><br>
<div class="flex-container">
<p>We are a guild of gamers with a passion to unlock future economies to gamers.</p>
<img src="https://images.unsplash.com/photo-1539716947714-3295e1074d33?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTJ8fGdhbWVyfGVufDB8fDB8fA%3D%3D&w=1000&q=80"
id="gamer-img" alt="gamer-img"><br>
</div><br>
<a href="/" target="_blank" rel="" class=""><button id="join">JOIN OUR GUILD NOW</button></a>
</div>
<div class="content1">
<h2>Unleash an exciting gaming experience!</h2><br>
<div class="flex-container">
<img src="https://wallpapercave.com/wp/wp5579436.jpg" id="gaming" alt="gaming"> <br>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Magni modi id vitae, porro commodi
alias
iste amet? Voluptas voluptatum dolores tempora, enim accusamus minima vitae, rerum odio debitis,
nemo officiis sunt cum in molestiae sed nisi neque impedit similique? Fugiat ipsum mollitia
possimus
sit praesentium harum voluptatum consequuntur repellendus tenetur nobis, optio consectetur earum
ab
provident laboriosam dolor incidunt. Illo, commodi quaerat, officiis vitae libero pariatur
excepturi
fugiat omnis nam, alias quibusdam eaque rem recusandae soluta impedit tempora quisquam rerum sed
dolorum temporibus suscipit. Nihil magni itaque assumenda voluptate, ex pariatur tempora tenetur
minus facere harum perspiciatis voluptatem doloremque! Quibusdam!</p>
</div>
</div>
<div class="content2">
<h2>MINT YOUR GUILD BADGE</h2><br>
<div class="flex-container">
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi dolores, nulla adipisci,
voluptatum
eum quos assumenda molestiae est vitae officiis dicta voluptas corrupti facilis hic, repellendus
ipsa quasi minima minus? Quisquam accusamus adipisci excepturi amet aliquid aliquam praesentium
illo
dicta, consectetur autem dolorum iure error explicabo animi consequuntur quis, qui corrupti.
Explicabo cum quo recusandae saepe quidem accusamus quasi? Totam ea corporis suscipit harum
veritatis. Libero ut qui quo nulla dicta, eos, accusamus sint accusantium maxime impedit optio
dolore repellat officia sequi illum voluptatem atque eum. Officiis ad provident, quo cum velit
aperiam necessitatibus tempore voluptatem maiores tempora vero vel.</p><br>
<img src="./assets/mockup.jpg" id="badge" alt="guild-badge"><br>
</div>
<a class="mx-auto" href="/"><button class="about">LEARN ABOUT CRED BUILD</button></a>
</div>
<div class="content3">
<h2>GET YOUR RANKER</h2><br>
<div class="flex-container">
<div style="display: flex; justify-content: center;">
<img src="./assets/full hd_jpg_logo.jpg" alt="logo"><br>
</div>
<div class="group">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae accusantium incidunt aperiam
deserunt
illum. At deleniti atque quas ipsa reprehenderit est dicta aspernatur sunt commodi
similique. Cumque
reprehenderit sequi quasi minima. Aperiam accusamus autem eligendi facere, sit placeat
asperiores
nobis culpa at veniam molestiae, molestias accusantium. Deserunt magnam consectetur adipisci
est
fugit nobis aliquid quos. Quos molestias nisi doloremque iste commodi voluptates praesentium
blanditiis animi aliquam. A nostrum, quas alias fuga exercitationem sunt deleniti blanditiis
labore?
Nesciunt a hic molestias voluptatum odit blanditiis sequi, harum tempora repellat rerum
optio, earum
deserunt eos tempore inventore? Mollitia minima esse dicta. Sint, impedit.</p>
<!-- <div class="btn-grp">
<button type="button" class="btn"><a href="/" class="link" target="_blank" rel="">
<img src="./assets/hd_transparent_logo_black.png" alt="link" class="image"></a><br>
</button><br>
<button type="button" class="btn"><a href="/" class="link" target="_blank" rel="">
<img src="./assets/full hd_transparent_logo_white.png" alt="link"
class="image"></a><br>
</button><br>
<button type="button" class="btn"><a href="/" class="link" target="_blank" rel="">
<img src="./assets/full hd_transparent_logo_black.png" alt="link"
class="image"></a><br>
</button><br>
</div> -->
</div>
</div>
</div>
<div class="social">
<h2>SOCIAL-FI STRONG</h2>
<div class="flex-container">
<img src="./assets/greyscale_logo.jpg" alt="logo">
<div class="text">
<p>Start your adventure together! Our community is ready to strategize, practice and formulate new
ideas!</p>
<p>Compete in the highest level of gaming against other guilds, and fellow rankers. Good luck, have
fun!
</p>
<p>As we grow, we will implement more SocialFi features such as in house tournaments and other
exciting activities and portfolios!</p>
</div>
</div>
</div>
<div class="friends">
<h2>OUR FRIENDS</h2>
<div class="flex-container">
<img src="./assets/wall.jpg"><br>
<img src="./assets/hd_jpg_logo.jpg"><br>
</div>
</div>
</div>
<div class="footer">
<div class="flex-container">
<div class="footer-logo"><a href="/">
<img src="./assets/hd_transparent_logo_white.png" alt="logo"><br>
</div>
<div class="info">
<h2>CONNECT WITH US-</h2>
<div class="col"><a name="TELEGRAM" link="https://telegram.org/" target="_blank" rel="telegram-link"
href="https://telegram.org/">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a>
</div>
<div class="col"><a name="TELEGRAM" link="https://telegram.org/" target="_blank" rel="telegram-link"
href="https://telegram.org/">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></a>
</div>
<div class="col"><a name="TELEGRAM" link="https://telegram.org/" target="_blank" rel="telegram-link"
href="https://telegram.org/">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a>
</div>
</div>
</div>
<br>
<p class="bold-15 mt-5 d-none d-sm-block">© CRED BUILD. All Rights Reserved 2022</p>
</div>
</div>
</body>
</html>