-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (119 loc) · 5.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
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Grokchain</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {font-family: "Lato", sans-serif}
body, html {
height: 100%;
line-height: 1.8;
}
.bgimg-1 {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('./img/background.jpeg');
min-height: 70%;
}
.bgimg-2 {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('./img/background.jpeg');
min-height: 50%;
}
.w3-wide {letter-spacing: 10px;}
.w3-semi-wide {letter-spacing: 8px;}
@media only screen and (max-device-width: 1600px) {
.bgimg-1, .bgimg-2 {
background-attachment: scroll;
min-height: 400px;
}
}
</style>
</head>
<body>
<div class="bgimg-1 w3-display-container">
<div class="w3-display-middle w3-center w3-padding-large w3-black w3-wide">
<div class="w3-xlarge w3-text-white" style="font-weight: bold;">
Building a more equitable future with Web3
</div>
</div>
</div>
<div class="w3-gray">
<div class="w3-content w3-cell-row w3-padding-64">
<div class="w3-cell w3-cell-middle w3-center w3-padding-large w3-hide-small">
<img src="./img/table.webp" style="min-width: 300px;" class="w3-round w3-image">
</div>
<div class="w3-cell w3-cell-middle w3-center w3-padding-large">
<h1>Welcome to Grokchain</h1>
<p class="w3-large">We are an international and multidisciplinary group of industry professionals working on harmonizing cryptocurrency and blockchain legislation & regulation across jurisdictions. Our aim is to educate our respective legislators & regulators on the multiple uses and purposes of cryptocurrency and the blockchain.</p>
</div>
</div>
</div>
<div class="w3-light-gray w3-padding-64">
<div class="w3-padding-large w3-center w3-hide-medium w3-hide-large">
<div class="w3-center w3-padding-large w3-black w3-wide">
<div class="w3-xlarge w3-text-yellow" style="font-weight: bold;">
GROKCHAIN
</div>
<br>
<div class="w3-text-green">
CONVERSATIONS
</div>
</div>
</div>
<div class="w3-content w3-row w3-padding-64">
<div class="w3-cell w3-cell-middle w3-center w3-padding-large">
<p class="w3-large">We are developing a podcast where industry, legal and financial experts will meet and discuss today's most pressing questions around the use and governance of the blockchain. Through roundtable dialogue, we will provide listeners with a full spectrum of views on where this technology is today and where it might be leading.</p>
</div>
<div class="w3-cell w3-cell-middle w3-center w3-padding-large w3-hide-small">
<div class="w3-center w3-padding-large w3-black w3-wide">
<div class="w3-xlarge w3-text-yellow" style="font-weight: bold;">
GROKCHAIN
</div>
<br>
<div class="w3-text-green">
CONVERSATIONS
</div>
</div>
</div>
</div>
</div>
<div class="w3-hide-small w3-black">
<div class="w3-large w3-center w3-semi-wide" style="font-weight: bold;">
"Blockchain code reveals, probably more than ever, the need for collaboration between law and technology: between policymakers, regulators and blockchain communities. This may spark a pivotal moment in legal history, forcing the creation of a new paradigm that leads to the emergence of hitherto unexplored synergies."
</div>
<div class="w3-container">
<div style="max-width: 50%;" class="w3-small w3-right">
<div class="w3-container w3-right-align">
Cited in the Conference: Blockchain + The Law (Feb. 3, 2022), organized by Dr. Thibault Schrepel, with the support of the Amsterdam Law & Technology Institute and the VU Interdisciplinary Centre for European Studies
</div>
</div>
</div>
</div>
<div class="w3-gray">
<div class="w3-content w3-padding-64">
<div class="w3-padding-large">
<h1 class="w3-center">Follow the conversation</h1>
</div>
<div class="w3-padding-large w3-center">
<a title="Twitter" target="_blank" href="https://twitter.com/grokchain"><i class="w3-jumbo w3-padding-small fa fa-twitter-square w3-hover-opacity"></i></a>
<a title="Spotify" target="_blank" href="https://open.spotify.com/show/7hG5d6vyJMQ4gthKUd90BB?si=tq6anwnJSx-BveWocvsISg&nd=1"><i class="w3-jumbo w3-padding-small fa fa-spotify w3-hover-opacity"></i></a>
<a title="Youtube" target="_blank" href="https://www.youtube.com/channel/UCekrmtxUpX5nolJPDsk1ZxA"><i class="w3-jumbo w3-padding-small fa fa-youtube w3-hover-opacity"></i></a>
<a title="Email" target="_blank" href="mailto:[email protected]"><i class="w3-jumbo w3-padding-small fa fa-envelope w3-hover-opacity"></i></a>
</div>
</div>
</div>
<footer class="w3-center w3-light-grey w3-padding-32">
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
</footer>
</body>
</html>