Skip to content

Commit 1b5b25c

Browse files
author
ilzheev
committed
update
1 parent de5a512 commit 1b5b25c

2 files changed

Lines changed: 82 additions & 49 deletions

File tree

‎css/main.css‎

Lines changed: 36 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -66,18 +66,14 @@ html, body {
6666
}
6767

6868
#about {
69-
margin-top: 3rem;
69+
margin-top: 5rem;
7070
margin-bottom: 0rem;
7171
background: url("../img/bg-why.svg");
7272
background-size: 500px;
7373
background-repeat: no-repeat;
7474
background-position-x: -250px;
7575
}
7676

77-
#about .row {
78-
padding-bottom: 3rem;
79-
}
80-
8177
#about .why {
8278
margin-top: 2.5rem;
8379
}
@@ -86,16 +82,20 @@ html, body {
8682
margin-bottom: 1rem;
8783
}
8884

89-
#about .why p {
90-
color: #adb5bd;
91-
font-weight: lighter;
92-
}
93-
9485
#about .why img {
9586
height: 64px;
9687
margin-bottom: 1rem;
9788
}
9889

90+
#about .why p, #about .why-desc p {
91+
color: #6c757d;
92+
font-weight: lighter;
93+
}
94+
95+
#about #assets {
96+
margin-top: 5rem;
97+
}
98+
9999
#about .asset-box {
100100
margin-top: 2rem;
101101
border-radius: 5px;
@@ -132,6 +132,10 @@ html, body {
132132
padding-left: 3px;
133133
}
134134

135+
#about #usecase {
136+
margin-top: 5rem;
137+
}
138+
135139
#about .usecase {
136140
margin-top: 2.5rem;
137141
}
@@ -143,12 +147,13 @@ html, body {
143147
}
144148

145149
#about .usecase p {
146-
color: #adb5bd;
150+
color: #6c757d;
147151
font-weight: lighter;
148152
}
149153

150154
#traders {
151-
margin-bottom: 4rem;
155+
margin-top: 5rem;
156+
margin-bottom: 6rem;
152157
}
153158

154159
#traders .traders-alert {
@@ -161,7 +166,7 @@ html, body {
161166

162167
#community {
163168
background: #f8f9fa;
164-
padding: 4.5rem 0;
169+
padding: 6rem 0;
165170
}
166171

167172
#community h4 {
@@ -193,7 +198,7 @@ html, body {
193198
}
194199

195200
#developers {
196-
padding: 4.5rem 0 0;
201+
padding: 6rem 0 2rem;
197202
margin-bottom: 0;
198203
background: url("../img/bg-why.svg");
199204
background-size: 600px;
@@ -228,17 +233,28 @@ footer .container {
228233
background-position: center center;
229234
}
230235

236+
footer .row {
237+
margin-left: 0;
238+
margin-right: 0;
239+
}
240+
231241
footer .nav-link {
232242
color: #FFF;
243+
padding: .5rem 2rem .5rem 0;
244+
}
245+
246+
footer .nav-link:hover {
247+
text-decoration: underline;
233248
}
234249

235250
footer .social {
236251
font-size: 2rem;
252+
text-align: right;
237253
}
238254

239255
footer .social a {
240256
color: #FFF;
241-
margin-left: 8px;
257+
margin-left: 12px;
242258
opacity: 0.75;
243259
}
244260

@@ -247,5 +263,9 @@ footer .social a:hover {
247263
}
248264

249265
footer .logo {
250-
max-height: 40px;
266+
text-align: left;
267+
}
268+
269+
footer .logo img {
270+
max-width: 150px;
251271
}

‎index.html‎

Lines changed: 46 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,18 @@
66
<title>PegNet | A network of stable assets on blockchain</title>
77
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" />
88

9-
<link rel="stylesheet" href="/css/bootstrap.min.css">
10-
<link rel="stylesheet" href="/css/main.css">
9+
<link rel="stylesheet" href="css/bootstrap.min.css">
10+
<link rel="stylesheet" href="css/main.css">
1111
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.9.0/css/all.css" crossorigin="anonymous">
1212
<link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&display=swap" rel="stylesheet">
1313

14-
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
14+
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
15+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
1516
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
1617

17-
<link rel="icon" type="image/png" href="/favicon-16.png" sizes="16x16">
18-
<link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32">
19-
<link rel="icon" type="image/png" href="/favicon-96.png" sizes="96x96">
18+
<link rel="icon" type="image/png" href="favicon-16.png" sizes="16x16">
19+
<link rel="icon" type="image/png" href="favicon-32.png" sizes="32x32">
20+
<link rel="icon" type="image/png" href="favicon-96.png" sizes="96x96">
2021

2122
</head>
2223
<body>
@@ -58,24 +59,40 @@ <h1>A network of stable assets<br />on blockchain</h1>
5859
<div class="col-12">
5960
<h1>Why PegNet?</h1>
6061
</div>
62+
</div>
63+
<div class="row text-center align-items-center">
6164
<div class="col-12 col-lg-3 col-md-6 why">
62-
<img src="/assets/icons/icon-1.svg" />
65+
<img src="assets/icons/icon-1.svg" />
6366
<h4>Frictionless trading platform</h4>
64-
<p>Borderless. Self-issue tokens. Without need for counterparty, collateral, or smart contracts. Accessible.</p>
67+
<p class="d-md-block d-lg-none">Borderless. Self-issue tokens. Without need for counterparty, collateral, or smart contracts. Accessible.</p>
6568
</div>
6669
<div class="col-12 col-lg-3 col-md-6 why">
67-
<img src="/assets/icons/icon-2.svg" />
70+
<img src="assets/icons/icon-2.svg" />
6871
<h4>The most efficient exchange of assets</h4>
69-
<p>Straight, honest exchange rates. Unlimited without broker fees, no slippage. No market makers. No middle man. $5 trillion gets traded even day across currency, stocks and funds. How much gets lost in conversion to a middle man?</p>
72+
<p class="d-md-block d-lg-none">Straight, honest exchange rates. Unlimited without broker fees, no slippage. No market makers. No middle man. $5 trillion gets traded even day across currency, stocks and funds. How much gets lost in conversion to a middle man?</p>
7073
</div>
7174
<div class="col-12 col-lg-3 col-md-6 why">
72-
<img src="/assets/icons/icon-3.svg" />
75+
<img src="assets/icons/icon-3.svg" />
7376
<h4>Pay without the cost</h4>
74-
<p>Pay merchants in pegged local currency 1:1 ratio. Frictionless payment rail. Suitable for micropayments.</p>
77+
<p class="d-md-block d-lg-none">Pay merchants in pegged local currency 1:1 ratio. Frictionless payment rail. Suitable for micropayments.</p>
7578
</div>
7679
<div class="col-12 col-lg-3 col-md-6 why">
77-
<img src="/assets/icons/icon-4.svg" />
80+
<img src="assets/icons/icon-4.svg" />
7881
<h4>Save money and trees</h4>
82+
<p class="d-md-block d-lg-none">90% less energy than Bitcoin and Ethereum with none of the limitations. A better Store of Value. Unlimited data recorded at high TPS, with fixed low cost transactions. 1000 tx for $1 - ideal for micropayments.</p>
83+
</div>
84+
</div>
85+
<div class="row text-center">
86+
<div class="col-12 col-lg-3 col-md-6 why-desc d-md-none d-lg-block">
87+
<p>Borderless. Self-issue tokens. Without need for counterparty, collateral, or smart contracts. Accessible.</p>
88+
</div>
89+
<div class="col-12 col-lg-3 col-md-6 why-desc d-md-none d-lg-block">
90+
<p>Straight, honest exchange rates. Unlimited without broker fees, no slippage. No market makers. No middle man. $5 trillion gets traded even day across currency, stocks and funds. How much gets lost in conversion to a middle man?</p>
91+
</div>
92+
<div class="col-12 col-lg-3 col-md-6 why-desc d-md-none d-lg-block">
93+
<p>Pay merchants in pegged local currency 1:1 ratio. Frictionless payment rail. Suitable for micropayments.</p>
94+
</div>
95+
<div class="col-12 col-lg-3 col-md-6 why-desc d-md-none d-lg-block">
7996
<p>90% less energy than Bitcoin and Ethereum with none of the limitations. A better Store of Value. Unlimited data recorded at high TPS, with fixed low cost transactions. 1000 tx for $1 - ideal for micropayments.</p>
8097
</div>
8198
</div>
@@ -86,7 +103,7 @@ <h3 class="text-center text-muted">Convert any asset to any with no middle m
86103
</div>
87104
<div class="col-12 col-lg-4 col-md-6">
88105
<div class="asset-box">
89-
<img src="/assets/icons/bitcoin.svg" />
106+
<img src="assets/icons/bitcoin.svg" />
90107
<h4 class="text-primary">Cryptocurrencies</h4>
91108
<ul>
92109
<li>PEG <span class="text-muted">(PegNet Token)</span></li>
@@ -101,7 +118,7 @@ <h4 class="text-primary">Cryptocurrencies</h4>
101118
</div>
102119
<div class="col-12 col-lg-4 col-md-6">
103120
<div class="asset-box">
104-
<img src="/assets/icons/money.svg" />
121+
<img src="assets/icons/money.svg" />
105122
<h4 class="text-primary">Currencies</h4>
106123
<ul>
107124
<li>USD</li>
@@ -123,7 +140,7 @@ <h4 class="text-primary">Currencies</h4>
123140
</div>
124141
<div class="col-12 col-lg-4 col-md-12">
125142
<div class="asset-box">
126-
<img src="/assets/icons/gold.svg" />
143+
<img src="assets/icons/gold.svg" />
127144
<h4 class="text-primary">Commodities</h4>
128145
<ul>
129146
<li>GOLD <span class="text-muted">(Gold)</span></li>
@@ -132,7 +149,7 @@ <h4 class="text-primary">Commodities</h4>
132149
</div>
133150
</div>
134151
</div>
135-
<div class="row text-center">
152+
<div class="row text-center" id="usecase">
136153
<div class="col-12">
137154
<h1>Use case</h1>
138155
</div>
@@ -188,7 +205,7 @@ <h5>Simple local tax calculations through exchanges. Simply match what you put i
188205
<h5 class="text-primary">Tired of the cumulative fees and inability to invest in foreign markets without an expensive broker?</h5>
189206
</div>
190207
<div class="col-12 col-sm-8">
191-
<h5>Be the broker. Take control of your investments and keep 100% of the profit. Can feel like Running uphill.</h5>
208+
<h5>Be the broker. Take control of your investments and keep 100% of the profit. Can feel like Running uphill.</h5>
192209
</div>
193210
</div>
194211
</div>
@@ -201,10 +218,9 @@ <h5>Be the broker. Take control of your investments and keep 100% of the profit
201218
<h1>Community</h1>
202219
<h4>PegNet launched with multi-national community of traders, miners and developers behind it. Join the Discord, get involved. Open Source project that anyone can contribute to - from developers, to miners, to designers, we openly invite and welcome you onboard.</h4>
203220
<div class="social">
204-
<a href="https://twitter.com" target="_blank"><i class="fab fa-twitter"></i></a>
205-
<a href="https://reddit.com" target="_blank"><i class="fab fa-reddit"></i></a>
206-
<a href="https://discord.com" target="_blank"><i class="fab fa-discord"></i></a>
207-
<a href="https://youtube.com" target="_blank"><i class="fab fa-youtube"></i></a>
221+
<a href="https://twitter.com/PegNetNews" target="_blank"><i class="fab fa-twitter"></i></a>
222+
<a href="https://www.reddit.com/r/PegNet/" target="_blank"><i class="fab fa-reddit"></i></a>
223+
<a href="https://discord.gg/dVXcsUC" target="_blank"><i class="fab fa-discord"></i></a>
208224
</div>
209225
</div>
210226
</div>
@@ -243,15 +259,13 @@ <h4 class="text-muted">Get involved. Github. How to exchanges. Wallets. Document
243259
<footer>
244260

245261
<div class="container">
246-
<div class="row align-items-center text-center">
262+
<div class="row align-items-center">
247263

248-
<div class="col-12 col-sm-3 col-md-2 col-lg-2 mt-4 mb-4 text-left">
249-
<a href="/">
250-
<img src="assets/logo/logo-white.svg" class="logo" />
251-
</a>
264+
<div class="col-12 col-lg-3 col-md-3 col-sm-4 mt-4 mb-4 logo">
265+
<img src="assets/logo/logo-white.svg" />
252266
</div>
253267

254-
<div class="col-12 col-sm-6 col-md-4 col-lg-6 mt-4 mb-4 text-left">
268+
<div class="col-12 col-lg-6 col-md-6 col-sm-8 mt-4 mb-4">
255269
<nav class="nav">
256270
<a class="nav-link scroll-to-why" href="javascript:void(0)" target="_blank">Why PegNet?</a>
257271
<a class="nav-link scroll-to-assets" href="javascript:void(0)" target="_blank">Assets</a>
@@ -261,11 +275,10 @@ <h4 class="text-muted">Get involved. Github. How to exchanges. Wallets. Document
261275
</nav>
262276
</div>
263277

264-
<div class="col-12 col-lg-4 mt-4 mb-4 social">
265-
<a href="https://twitter.com" target="_blank"><i class="fab fa-twitter"></i></a>
266-
<a href="https://reddit.com" target="_blank"><i class="fab fa-reddit"></i></a>
267-
<a href="https://discord.com" target="_blank"><i class="fab fa-discord"></i></a>
268-
<a href="https://youtube.com" target="_blank"><i class="fab fa-youtube"></i></a>
278+
<div class="col-12 col-lg-3 col-md-3 col-sm-12 text-left text-sm-center text-md-right mt-4 mb-4 social">
279+
<a href="https://twitter.com/PegNetNews" target="_blank"><i class="fab fa-twitter"></i></a>
280+
<a href="https://www.reddit.com/r/PegNet/" target="_blank"><i class="fab fa-reddit"></i></a>
281+
<a href="https://discord.gg/dVXcsUC" target="_blank"><i class="fab fa-discord"></i></a>
269282
</div>
270283

271284
</div>

0 commit comments

Comments
 (0)