-
Notifications
You must be signed in to change notification settings - Fork 0
/
styleguide.html
238 lines (235 loc) · 27.5 KB
/
styleguide.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Styleguide</title>
<meta name="baidu-site-verification" content="code-0sVVnH5RH5">
<meta name="yandex-verification" content="b38d69c9adfb4f31">
<meta name="keywords" content="sustainable, blockchain, crypto, minable, HDD, greencoin, singa, SIGNA">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
<meta property="og:image" content="https://signum.network/assets/img/seo/Signum_blue.png">
<meta property="og:type" content="website">
<meta name="description" content="The Signum is not just a blockchain. It is a visual system and language made up of many parts that work together to convey the core of what Signum is and what it stands for.">
<meta name="twitter:title" content="Signum - Styleguide">
<meta property="og:title" content="Signum - Styleguide">
<meta property="og:description" content="The Signum is not just a Blockchain. It is a visual system and language made up of many parts that work together to convey the core of what Signum is and what it stands for.">
<meta name="twitter:card" content="">
<meta name="twitter:description" content="The Signum is not just a blockchain. It is a visual system and language made up of many parts that work together to convey the core of what Signum is and what it stands for.">
<link rel="icon" type="image/png" sizes="256x256" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="256x256" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="256x256" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="256x256" href="assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="256x256" href="assets/img/favicon.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/Cookie-Banner-1.css">
<link rel="stylesheet" href="assets/css/Cookie-Banner.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="ajax/libs/Swiper/6.4.8/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/nav2.css">
<link rel="stylesheet" href="assets/css/navigation.css">
<link rel="stylesheet" href="assets/css/Simple-Slider.css">
<link rel="stylesheet" href="assets/css/slidecalc.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="shortcut icon" href="assets/img/SignumLogo33.png">
<!-- Global site tag (gtag.js) - Google Analytics -->
</head>
<body>
<nav class="navbar navbar-light navbar-expand-xl fixed-top bg-white" style="box-shadow: 0px 5px 10px rgba(0,0,0,0.16);width: 100%;height: 80px;padding-left: 20px;padding-bottom: 4px;padding-top: 0px;">
<div class="container-fluid"><a class="navbar-brand" href="index.html"><img src="assets/img/SignumBrandBlack.svg" alt="Signum"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse nav stroke" id="navcol-1">
<ul class="navbar-nav" style="text-align: center;margin-right: auto;margin-left: auto;">
<li class="nav-item" style="text-align: left;padding-right: 5px;padding-left: 5px;padding-top: 10px;font-size: 18px;"><a class="nav-link" href="discover.html" style="text-align: left;">DISCOVER</a></li>
<li class="nav-item dropdown" style="padding-top: 10px;text-align: left;padding-left: 5px;padding-right: 5px;font-size: 18px;"><a class="nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#" style="text-align: left;">FEATURES</a>
<div class="dropdown-menu" style="padding-top: 10px;text-align: left;"><a class="dropdown-item" href="pocplus.html" style="padding-top: 10px;text-align: left;font-size: 18px;">PoC+</a><a class="dropdown-item" href="payments.html" style="padding-top: 10px;text-align: left;font-size: 18px;">Payment Solutions</a><a class="dropdown-item" href="smartcontracts.html" style="padding-top: 10px;text-align: left;font-size: 18px;">Smart Contracts</a><a class="dropdown-item" href="tokens.html" style="padding-top: 10px;text-align: left;font-size: 18px;">Tokens</a><a class="dropdown-item" href="messaging.html" style="padding-top: 10px;text-align: left;font-size: 18px;">Messaging</a><a class="dropdown-item" href="aliases.html" style="padding-top: 10px;text-align: left;font-size: 18px;">Aliases</a></div>
</li>
<li class="nav-item" style="padding-top: 10px;text-align: left;padding-right: 5px;padding-left: 5px;font-size: 18px;"><a class="nav-link" href="mining.html" style="text-align: left;">MINING</a></li>
<li class="nav-item dropdown" style="padding-right: 5px;padding-left: 5px;font-size: 18px;padding-top: 10px;text-align: left;"><a class="nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#" style="color: rgba(0,0,0,0.55);font-size: 18px;">EXCHANGES</a>
<div class="dropdown-menu" style="font-size: 18px;"><a class="dropdown-item" href="pancakeswap.html" style="padding-top: 20px;padding-right: 16px;padding-bottom: 4px;padding-left: 16px;font-size: 18px;">WSIGNA</a><a class="dropdown-item" href="exchanges.html" style="padding-top: 20px;padding-right: 16px;padding-bottom: 4px;padding-left: 16px;font-size: 18px;">DEX + CEX</a></div>
</li>
<li class="nav-item" style="padding-top: 10px;text-align: left;padding-right: 5px;padding-left: 5px;font-size: 18px;background: #ffffff;"><a class="nav-link" href="news.html" style="color: rgba(0, 0, 0, 0.55);">NEWS</a></li>
<li class="nav-item" style="padding-top: 10px;text-align: left;padding-right: 5px;padding-left: 5px;font-size: 18px;"><a class="nav-link" href="https://www.sna.signum.network/">SNA</a></li>
</ul><a class="btn btn-outline-light d-flex justify-content-center align-items-center" role="button" href="wallet.html" style="color: rgb(51,51,51);border-width: 2px;border-color: rgb(51,51,51);width: 266px;height: 56px;margin-left: auto;border-radius: 4px;font-size: 18px;margin-top: 5px;">Download Wallets</a>
</div>
</div>
</nav>
<section class="center text-white" style="background: radial-gradient(rgb(0,153,255), rgb(0,102,255)), #0099ff;padding-right: 0px;padding-left: 0px;">
<div class="container-fluid d-flex justify-content-center align-items-center" style="min-height: 400px;padding: 0px;background: url("assets/img/SignumChain5pt.svg") center / auto no-repeat;margin-top: 60px;">
<h1><strong>Styleguide</strong></h1>
</div>
</section>
<div class="container-fluid d-flex justify-content-center bg-treangle_ds" style="padding-top: 70px;">
<div class="row d-flex flex-row flex-fill justify-content-center" style="max-width: 1169px;margin-right: 0px;margin-left: 0px;;z-index: 2;padding-bottom: 80px;width: 100%;">
<div class="col-xxl-12" style="padding-right: 20px;padding-left: 20px;padding-bottom: 20px;">
<h3><strong>Introduction</strong></h3>
<p>The Signum is not just a Blockchain. It is a visual system and language made up of many parts that work together to convey the core of what Signum is and what it stands for.</p>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6" style="padding-right: 20px;padding-left: 20px;">
<h3 style="padding-bottom: 40px;">Logomark<br></h3>
<div class="d-flex flex-column justify-content-center align-items-center" style="background: #ffffff;border-radius: 20px;padding-top: 60px;padding-bottom: 60px;box-shadow: 0px 20px 20px rgba(0,62,156,0.1);z-index: 2;width: 100%;min-height: 275px;"><img src="assets/img/SignumLogoBlack.svg" style="width: 154px;"></div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6" style="padding-right: 20px;padding-left: 20px;">
<h3 style="padding-bottom: 40px;">Wordmark<br></h3>
<div class="d-flex flex-column justify-content-center align-items-center" style="background: #ffffff;border-radius: 20px;padding-top: 60px;padding-bottom: 60px;z-index: 2;width: 100%;min-height: 275px;box-shadow: 0px 20px 20px rgba(0,62,156,0.1);">
<h1 class="center"><strong>Signum</strong></h1>
</div>
</div>
</div>
</div>
<div class="container-fluid d-flex justify-content-center" style="padding-top: 70px;">
<div class="row d-flex flex-row flex-fill justify-content-center" style="max-width: 1169px;margin-right: 0px;margin-left: 0px;;z-index: 2;padding-bottom: 80px;width: 100%;">
<div class="col-xxl-12" style="padding-right: 20px;padding-left: 20px;padding-bottom: 20px;padding-top: 20px;">
<h3><strong>Clear Space and Logo Sizing</strong><br></h3>
<p>The Signum wordmark should always be surrounded by a minimum area of space. A margin of clear space equivalent to the height of the 'n’ is drawn around the wordmark to create the invisible boundary of the area of isolation. The logomark has a clearspace of 1/4 of its size. These areas of separation are a minimum and should be increased wherever possible.</p>
</div>
<div class="col-sm-12 col-md-9 col-lg-8 col-xl-6 col-xxl-6" style="padding-right: 20px;padding-left: 20px;">
<h3 style="padding-bottom: 40px;">Logomark<br></h3>
<p>Minimum Size<br>Digital 25px width - Print 15mm width</p>
<div class="d-flex flex-column justify-content-center align-items-center" style="background: #ffffff;border-radius: 20px;padding-top: 60px;padding-bottom: 60px;box-shadow: 0px 20px 20px rgba(0,62,156,0.1);z-index: 2;width: 100%;min-height: 350px;"><img src="assets/img/SignumLogoStyle.svg"></div>
</div>
<div class="col-sm-12 col-md-9 col-lg-8 col-xl-6 col-xxl-6" style="padding-right: 20px;padding-left: 20px;">
<h3 style="padding-bottom: 40px;">Wordmark<br></h3>
<p>Minimum Size<br>Digital 25px width - Print 15mm width<br></p>
<div class="d-flex flex-column justify-content-center align-items-center" style="background: #ffffff;border-radius: 20px;padding-top: 60px;padding-bottom: 60px;z-index: 2;width: 100%;min-height: 350px;box-shadow: 0px 20px 20px rgba(0,62,156,0.1);"><img src="assets/img/SignumNameStyle.svg" style="max-width: 100%;"></div>
</div>
</div>
</div>
<div class="container-fluid d-flex justify-content-center" style="padding-top: 70px;">
<div class="row d-flex flex-row flex-fill justify-content-center" style="max-width: 1169px;;z-index: 2;padding-bottom: 80px;width: 100%;padding-top: 20px;margin-right: 0px;margin-left: 0px;">
<div class="col-xxl-12" style="padding-right: 20px;padding-left: 20px;padding-bottom: 20px;padding-top: 20px;">
<h3><strong>Primary Colors</strong><br></h3>
<p>Color is a powerful means of identification. Consistent use of Signum primary colors will help build visibility and recognition for the Signum brand and will set us apart from our competitors. Our Signum-Blue is the iconic element of our color palette. Other colors consist of Signum-Dark-Blue and Signum-Light-Green but should be used sparingly.</p>
</div>
<div class="col-11 col-sm-11 col-md-11 col-lg-11 col-xl-11 col-xxl-12 d-flex flex-row align-items-center" style="padding-top: 20px;background: #0099ff;min-height: 140px;padding-right: 20px;padding-left: 20px;">
<h4 class="text-white" style="margin-right: auto;"><strong>Signum-Blue</strong></h4>
<p class="text-white">HEX #0099ff</p>
</div>
<div class="col-11 col-sm-11 col-md-11 col-lg-11 col-xl-11 col-xxl-12 d-flex flex-row align-items-center" style="padding-right: 20px;padding-left: 20px;padding-top: 20px;background: #0066ff;min-height: 140px;">
<h4 class="text-white" style="margin-right: auto;"><strong>Signum-Dark-Blue</strong><br></h4>
<p class="text-white" style="background: rgba(255,255,255,0);">HEX#0066ff</p>
</div>
<div class="col-11 col-sm-11 col-md-11 col-lg-11 col-xl-11 col-xxl-12 d-flex flex-row align-items-center" style="padding-right: 20px;padding-left: 20px;padding-top: 20px;background: #00ff88;min-height: 140px;">
<h4 style="margin-right: auto;"><strong>Signum-Light-Green</strong><br></h4>
<p style="background: rgba(255,255,255,0);">HEX#00FF88</p>
</div>
</div>
</div>
<div class="container-fluid d-flex justify-content-center" style="padding-top: 70px;">
<div class="row d-flex flex-row flex-fill justify-content-center" style="max-width: 1169px;margin-right: 0px;margin-left: 0px;;z-index: 2;padding-bottom: 80px;width: 100%;">
<div class="col-xxl-12" style="padding-right: 20px;padding-left: 20px;padding-bottom: 20px;padding-top: 20px;">
<h3><strong>Secondary Web Colors</strong><br></h3>
<p>The secondary web colors core palette will cover the majority of all needs. It’s intentionally small in variety so as to not dilute the brand visuals, which adds confusion.</p>
</div>
<div class="col-11 col-md-11 col-lg-11 col-xl-11 col-xxl-12 d-flex flex-row align-items-center" style="padding-right: 20px;padding-left: 20px;padding-top: 20px;background: #e8f3ff;min-height: 140px;">
<h4 style="margin-right: auto;"><strong>Signum-Acqua</strong><br></h4>
<p>HEX#E8F3FF</p>
</div>
<div class="col-11 col-md-11 col-lg-11 col-xl-11 col-xxl-12 d-flex flex-row align-items-center" style="padding-right: 20px;padding-left: 20px;padding-top: 20px;background: #eaf0f6;min-height: 140px;">
<h4 style="margin-right: auto;"><strong>Signum-Light-Acqua</strong><br></h4>
<p style="background: rgba(255,255,255,0);"> HEX#EAF0F6</p>
</div>
<div class="col-11 col-md-11 col-lg-11 col-xl-11 col-xxl-12 d-flex flex-row align-items-center" style="padding-right: 20px;padding-left: 20px;padding-top: 20px;background: #021851;min-height: 140px;">
<h4 class="text-white" style="margin-right: auto;"><strong>Signum-Midnight-Blue</strong><br></h4>
<p class="text-white" style="background: rgba(255,255,255,0);">HEX#021851</p>
</div>
</div>
</div>
<div class="container-fluid d-flex flex-column justify-content-center align-items-center" style="padding-bottom: 200px;">
<div class="row d-flex flex-row flex-fill justify-content-center" style="max-width: 1169px;margin-right: 0px;margin-left: 0px;;z-index: 2;padding-bottom: 40px;width: 100%;">
<div class="col-lg-12 col-xxl-12" style="padding-right: 20px;padding-left: 20px;padding-bottom: 20px;padding-top: 20px;">
<h3><strong>Typography</strong><br></h3>
<p>The Montserrat type family is the official Signum font. While Montserrat Bold and Regular are the primary fonts, the whole typeface may be used if necessary.</p>
<h3 style="padding-top: 40px;"><strong>Montserrat Bold</strong><br></h3>
<p>Use for headlines, callouts and taglines.</p>
</div>
<div class="col-sm-11 col-md-4 col-lg-3 col-xl-3 d-flex justify-content-center align-content-center">
<h1 style="font-size: 150px;color: rgb(0,153,255);"><strong>Aa</strong></h1>
</div>
<div class="col-sm-11 col-md-8 col-lg-9 col-xl-9 col-xxl-9 d-flex justify-content-start align-items-center">
<h6 style="color: rgb(0,153,255);"><strong>ABCDEFGHIJKLMNOPQRSTUVWXYZ</strong><br><strong>abcdefghijklmnopqrstuvwxyz</strong><br><strong>0123456789!@#%&*(,.:”?)</strong></h6>
</div>
</div>
<div class="row d-flex flex-row flex-fill justify-content-center" style="max-width: 1169px;margin-right: 0px;margin-left: 0px;;z-index: 2;padding-bottom: 80px;width: 100%;">
<div class="col-xxl-12" style="padding-right: 20px;padding-left: 20px;padding-bottom: 20px;padding-top: 20px;">
<h3 style="padding-top: 40px;">Montserrat Regular<br></h3>
<p>Use for headlines, callouts and taglines.</p>
</div>
<div class="col-sm-11 col-md-4 col-lg-3 col-xl-3 d-flex justify-content-center align-content-center">
<h1 style="font-size: 150px;color: rgb(0,153,255);">Aa</h1>
</div>
<div class="col-12 col-sm-11 col-md-8 col-lg-9 col-xl-9 col-xxl-9 d-flex align-items-center">
<h6 style="color: rgb(0,153,255);">ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>abcdefghijklmnopqrstuvwxyz<br>0123456789!@#%&*(,.:”?)</h6>
</div>
</div>
</div>
<section id="Close" style="background: rgb(26,26,38);padding-top: 20px;padding-bottom: 100px;font-size: 14px;">
<div class="container" style="width: 90%;max-width: 1110px;color: rgb(51, 51, 51);background: #003e9c;border-radius: 5px;border-width: 1px;border-color: rgb(112,112,112);min-height: 400px;">
<h3 style="margin-top: -220px;color: #ffffff;padding-top: 100px;text-align: center;"><strong>Download Assets</strong><br></h3>
<p class="center" style="color: #ffffff;padding: 20px;padding-bottom: 40px;">Please follow Signum styleguide requirements for a good look.</p>
<div class="d-flex flex-row justify-content-center flex-column_sm"><a class="btn btn-light d-flex justify-content-center align-items-center align-content-center" role="button" style="margin: 20px;padding-right: 20px;padding-left: 20px;height: 64px;width: 260px;" href="https://signum.network/styleguide/Signum_Logo.zip"><strong>Download Logo</strong></a><a class="btn btn-light d-flex justify-content-center align-items-center align-content-center" role="button" style="margin: 20px;max-width: -4px;padding-right: 20px;padding-left: 20px;width: 260px;height: 64px;" href="https://fonts.google.com/specimen/Montserrat" target="_blank"><strong>Download Font</strong></a></div>
</div>
</section>
<footer>
<div class="container-fluid d-flex justify-content-center" style="background: #1a1a26;padding-top: 70px;padding-bottom: 100px;">
<div class="row" style="max-width: 1169px;width: 100%;margin-right: 0px;margin-left: 0px;">
<div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 d-flex flex-column">
<h6 style="color: #ffffff;margin-top: 40px;">Resources</h6><span class="line" style="width: 40px;margin-bottom: 20px;"></span><a class="link_grey" href="wallet.html">Wallets & Node</a><a class="link_grey" href="mining.html" style="margin-top: 10px;">Mining</a><a class="link_grey" href="exchanges.html" style="margin-top: 10px;">Exchanges</a><a class="link_grey" href="styleguide.html" style="margin-top: 10px;padding-bottom: 10px;">Styleguide</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 d-flex flex-column">
<h6 style="color: #ffffff;margin-top: 40px;">Development</h6><span class="line" style="width: 40px;margin-bottom: 20px;"></span><a class="link_grey" href="https://github.com/signum-network" target="_blank" rel="noopener">GitHub Signum</a><a class="link_grey" href="https://github.com/btdex" style="margin-top: 10px;" target="_blank" rel="noopener">GitHub BTDEX</a><a class="link_grey" href="https://github.com/signum-network/signum-smartj" style="margin-top: 10px;" target="_blank" rel="noopener">GitHub Signum SmartJ<br></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 d-flex flex-column">
<h6 style="color: #ffffff;margin-top: 40px;">Signum-Network</h6><span class="line" style="width: 40px;margin-bottom: 20px;"></span><a class="link_grey" href="https://signum.community" target="_blank" rel="noopener">Wiki</a><a class="link_grey" href="https://medium.com/signum-network" style="margin-top: 10px;" target="_blank" rel="noopener">Medium</a><span class="line" style="width: 40px;margin-bottom: 20px;margin-top: 10px;"></span>
<div style="font-size: 24px;color: #888890;"><a class="link_grey" href="https://t.me/signumnetwork" target="_blank" rel="noopener"><i class="fab fa-telegram-plane" style="padding-right: 10px;padding-left: 10px;"></i></a><a class="link_grey" href="https://twitter.com/signum_official" target="_blank" rel="noopener"><i class="fab fa-twitter" style="padding-right: 10px;padding-left: 10px;"></i></a><a class="link_grey" href="https://discord.gg/QHZkF4KHDS" target="_blank" rel="noopener"><i class="fab fa-discord" style="padding-right: 10px;padding-left: 10px;"></i></a></div>
<div style="font-size: 24px;color: #888890;"><a class="link_grey" href="https://www.reddit.com/r/Signum/" target="_blank" rel="noopener"><i class="fab fa-reddit" style="padding-right: 10px;padding-left: 10px;width: 41px;"></i></a><a class="link_grey" href="https://www.youtube.com/c/SignumNetwork" target="_blank" rel="noopener"><i class="fab fa-youtube" style="padding-right: 10px;padding-left: 10px;width: 44px;"></i></a></div>
</div>
<div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 d-flex flex-column">
<h6 style="color: #ffffff;margin-top: 40px;">Explorer</h6><span class="line" style="width: 40px;margin-bottom: 20px;"></span>
<p style="font-size: 16px;color: rgb(252,248,248);margin-bottom: 0px;">Mainnet</p><a class="link_grey" href="https://explorer.signum.network/" target="_blank" rel="noopener">Explorer I (EU)</a><a class="link_grey" href="https://explorer.notallmine.net/" target="_blank" rel="noopener" style="margin-top: 10px;">Explorer II (US)</a><a class="link_grey" href="https://explore.signumcoin.ro/" target="_blank" rel="noopener" style="margin-top: 10px;">Explorer III (EU) </a><span class="line" style="width: 40px;margin-bottom: 20px;margin-top: 10px;"></span>
<p style="font-size: 16px;color: rgb(252,248,248);margin-bottom: 0px;">Testnet</p><a class="link_grey" href="https://testnet.explorer.signum.network" target="_blank" rel="noopener">t-chain.explorer</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 d-flex flex-column">
<h6 style="color: #ffffff;margin-top: 40px;">Association</h6><span class="line" style="width: 40px;margin-bottom: 20px;"></span><a class="link_grey" href="https://sna.signum.network/" style="padding-bottom: 10px;">SNA</a><a class="btn btn-secondary btn-sm" role="button" href="https://sna.signum.network/donation.html" style="max-width: 200px;">Donate to SNA</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-2 d-flex flex-column">
<h6 style="color: #ffffff;margin-top: 40px;">Legal</h6><span class="line" style="width: 40px;margin-bottom: 20px;"></span><a class="link_grey" href="privacypolicy.html">Privacy Policy</a><a class="link_grey" href="disclaimer.html" style="margin-top: 10px;">Legal Disclaimer</a>
</div>
</div>
</div>
<div class="container-fluid" style="background: rgba(17,17,25,0.95);padding-top: 40px;padding-bottom: 40px;">
<div class="row d-flex flex-row justify-content-center align-items-center align-content-center" style="margin-right: 0px;margin-left: 0px;color: #111119;">
<div class="col d-flex justify-content-center align-items-center align-content-center"><a href="https://indodax.com/market/SIGNAIDR" target="_blank" rel="noopener"><img src="assets/img/Footer/Indodax.svg" style="padding: 10px;width: 210px;height: auto;" alt="Indodax" loading="lazy"></a></div>
<div class="col d-flex justify-content-center align-items-center align-content-center"><a href="https://global.bittrex.com/Market/Index?MarketName=BTC-SIGNA" target="_blank" rel="noopener"><img src="assets/img/Footer/Bittrex.svg" style="padding: 10px;" alt="Bittrex" loading="lazy"></a></div>
<div class="col d-flex justify-content-center align-items-center align-content-center"><a href="https://app.stex.com/en/trading/pair/BTC/SIGNA/1D" target="_blank" rel="noopener"><img src="assets/img/Footer/STEX.svg" style="padding: 10px;" alt="STEX" loading="lazy"></a></div>
</div>
<div class="row d-flex flex-row justify-content-center align-items-center align-content-center" style="margin-right: 0px;margin-left: 0px;color: #111119;">
<div class="col d-flex justify-content-center"><a href="https://coinmarketcap.com/currencies/signum/" target="_blank" rel="noopener"><img src="assets/img/Footer/CoinMarketCap.svg" style="padding: 10px;" alt="CoinMarketCap" loading="lazy"></a></div>
<div class="col d-flex justify-content-center align-items-center align-content-center"><a href="https://www.coingecko.com/en/coins/signum" target="_blank" rel="noopener"><img src="assets/img/Footer/CoinGecko.svg" style="padding: 10px;" alt="CoinGecko" loading="lazy"></a></div>
<div class="col d-flex justify-content-center align-items-center align-content-center"><a href="https://blockfolio.com/coin/SIGNA" target="_blank" rel="noopener"><img src="assets/img/Footer/Blockfolio.svg" style="padding: 10px;" alt="Blockfolio" loading="lazy"></a></div>
</div>
</div>
<div class="container-fluid" style="background: #101017;">
<div class="row flex-fill" style="margin-right: 0px;margin-left: 0px;">
<div class="col-xl-12" style="padding-right: 0px;padding-left: 0px;">
<p class="center" style="color: #888890;margin-bottom: 0px;padding-bottom: 20px;padding-top: 20px;font-size: 14px;">© 2021 - 2022 <span style="color: #f8fbfe;"> SIGNUM</span>. All Rights Reserved.<br></p>
</div>
</div>
</div>
</footer>
<div class="alert text-center cookiealert" role="alert" style="min-height: 400px;"><img src="assets/img/SignumBrand.svg" style="margin-right: auto;margin-left: auto;width: 100%;max-height: 60px;margin-top: 80px;margin-bottom: 20px;" alt="Signum">
<p class="center">This site uses cookies to improve the user's browsing experience and to collect information about the use of the site. Read our <a href="privacypolicy.html"><strong>Privacy Policy</strong></a><br></p><button class="btn btn-danger denycookies" type="button" style="margin-right: 50px;text-decoration: none;">I Reject</button><button class="btn btn-primary btn-sm acceptcookies" type="button" style="height: 38px;">I Accept</button>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="npm/%40burstjs/core/dist/burstjs.min.js"></script>
<script src="npm/%40burstjs/util/dist/burstjs.util.min.js"></script>
<script src="ajax/libs/Swiper/6.4.8/swiper-bundle.min.js"></script>
<script src="jquery-3.6.0.slim.min.js"></script>
<script src="assets/js/Cookie-Banner.js"></script>
<script src="assets/js/application.js"></script>
<script src="assets/js/Simple-Slider.js"></script>
</body>
</html>