-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (163 loc) · 5.96 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="main.css" type="text/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=Roboto:wght@400;700&display=swap"
rel="stylesheet"
/>
<title>Pied Piper</title>
</head>
<body>
<header class="header">
<div class="header__row">
<a href="#top"><img src="Images/logo.svg" alt="logo" /></a>
<ul class="header__menu">
<li>
<a href="#problem">the problem</a>
</li>
<li>
<a href="#PiedPiperCoin">PiedPiperCoin</a>
</li>
<li>
<a href="#team">the team</a>
</li>
</ul>
</div>
</header>
<main class="content">
<div class="jumbotron">
<p class="jumbotron__text">PiperNet Is Here</p>
</div>
<div class="problem">
<div class="element-menu-anchor" id="problem"></div>
<h1 class="problem__title">The Problem</h1>
<p class="problem__text">
Beneath the flashy homepages of your favorite sites lurk Hooli™ and
other evil corporations out to hoard and sell your most personal data.
</p>
<p class="problem__text">
What was built to be the ultimate platform for the free sharing of
knowledge has turned into a money-hungry monster feasting on our
privacy and freedom.
</p>
<p class="problem__text">
But fear not, for Pied Piper has the answer! And it's simple: An
autonomous peer-to-peer network featuring distributed storage powered
by universal compression, accelerated scheduling allocation, and
end-to-end encryption.
</p>
<p class="problem__text">
Put even simpler —
<strong>it's the internet, completely decentralized</strong>.
</p>
</div>
<div class="hero">
<p class="hero__text">
We're in this together! All of our computers and phones join in a
network to make the strongest supercomputer the world has ever seen.
</p>
</div>
<div class="PiedPiperCoin">
<div class="element-menu-anchor" id="PiedPiperCoin"></div>
<h1 class="PiedPiperCoin__title">Introducing PiedPiperCoin</h1>
<div class="PiedPiperCoin__body clearfix">
<img
class="PiedPiperCoin__body__logo"
src="Images/PPC-logo.svg"
alt="ppc-logo"
/>
<p class="PiedPiperCoin__body__text">
Pied Piper's new internet is built for users, by users. <br />
You supply the storage, compute, and networking resources that power
our entire decentralized web.
</p>
</div>
<div class="PiedPiperCoin__body clearfix">
<p class="PiedPiperCoin__body__text">
Now there's a way to give credit where credit is due. Compute
credit, that is! The more you share your device resources, the more
PiedPiperCoin you receive.
</p>
</div>
<div class="PiedPiperCoin__body clearfix">
<p class="PiedPiperCoin__body__text">
Whether you're a developer with an app ready for market, or just an
Average Joe with a smartphone you'll love all you can do with
PiedPiperCoin.
</p>
</div>
</div>
<div class="team">
<div class="element-menu-anchor" id="team"></div>
<h1 class="team__title">The Team</h1>
<div class="team__cards">
<div class="team__card">
<img
class="team__card__photo"
src="Images/staff/ceo.svg"
alt="ceo"
/>
<div class="team__card__name">Richard Hendricks</div>
<div class="team__card__title">Founder & CEO</div>
</div>
<div class="team__card">
<img
class="team__card__photo"
src="Images/staff/senior-programmer.svg"
alt="senior-programmer"
/>
<div class="team__card__name">Dinesh Chugtai</div>
<div class="team__card__title">Senior Programmer</div>
</div>
<div class="team__card">
<img
class="team__card__photo"
src="Images/staff/chief-systems-architect.svg"
alt="chief-systems-architect"
/>
<div class="team__card__name">Bertram Gilfoyle</div>
<div class="team__card__title">Chief Systems Architect</div>
</div>
<div class="team__card">
<img
class="team__card__photo"
src="Images/staff/coo.svg"
alt="coo"
/>
<div class="team__card__name">Jared Dunn</div>
<div class="team__card__title">Chief Operation Officer</div>
</div>
<div class="team__card">
<img
class="team__card__photo"
src="Images/staff/cfo.svg"
alt="cfo"
/>
<div class="team__card__name">Monica Hall</div>
<div class="team__card__title">Chief Financial Officer</div>
</div>
<div class="team__card">
<img
class="team__card__photo"
src="Images/staff/majority-investor.svg"
alt="majority-investor"
/>
<div class="team__card__name">Nelson Bighetti</div>
<div class="team__card__title">Majority Investor</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__text">
All other trademarks and copyrights are the property of their respective
owners. Use of these names, trademarks and brands does not imply
endorsement.
</div>
</footer>
</body>
</html>