This repository has been archived by the owner on Mar 23, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
/
ootopia.html
228 lines (168 loc) · 11 KB
/
ootopia.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
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image:src" content="">
<meta property="og:image" content="">
<meta name="twitter:title" content="Ootopia">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/screenshot-2019-07-05-at-19.23.19-128x128.png" type="image/x-icon">
<meta name="description" content="">
<title>Ootopia</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&display=swap"></noscript>
<link rel="preload" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap"></noscript>
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<!-- Analytics -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-143592400-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-143592400-1');
</script>
<!-- /Analytics -->
<section class="menu cid-tbnAC10hTD" once="menu" id="menu1-f8">
<nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="menu-logo">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="index.html">
<img src="assets/images/incubaid-logo-296x113.jpg" alt="" title="" style="height: 3.8rem;">
</a>
</span>
</div>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item">
<a class="nav-link link text-black display-4" href="index.html">
Home</a>
</li><li class="nav-item"><a class="nav-link link text-black display-4" href="projects.html" aria-expanded="false">Projects</a></li><li class="nav-item">
<a class="nav-link link text-black display-4" href="people.html">People</a>
</li><li class="nav-item"><a class="nav-link link text-black display-4" href="spaces.html">Spaces</a></li><li class="nav-item"><a class="nav-link link text-black display-4" href="https://freeflownation.org" target="_blank">FreeFlow Nation</a></li></ul>
</div>
</nav>
</section>
<section class="header3 cid-tbnABZRjsL" id="header3-f5">
<div class="container">
<div class="media-container-row">
<div class="mbr-figure" style="width: 95%;">
<img src="assets/images/logo-oo-01-horz-blue-small.png.webp" alt="mazraa logo incubaid" title="">
</div>
<div class="media-content">
<h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-2">The most exciting way to engage on the planet regeneration</h1>
<div class="mbr-section-text mbr-white pb-3 ">
<p class="mbr-text mbr-fonts-style display-7">Ootopia app combines super inspiring social media and microlearning in an exciting game where users are rewarded for their engagement with the impact token OOz.</p>
</div>
<div class="mbr-section-btn"><a class="btn btn-md btn-warning-outline display-4" href="https://www.ootopia.org" target="_blank">ootopia.org</a></div>
</div>
</div>
</div>
</section>
<section class="mbr-section article content9 cid-tbofZggNAY" id="content9-fj">
<div class="container">
<div class="inner-container" style="width: 100%;">
<hr class="line" style="width: 25%;">
<div class="section-text align-center mbr-fonts-style display-7">OOTOPIA is a platform for leveraging the regeneration of the planet where everyone wins. <span style="font-size: 1rem;">Get inspired by a social feed abundant in examples and stories about the regenerative world we all want to live in. </span><span style="font-size: 1rem;">Access video lessons on how to have a much more sustainable lifestyle and how to include regenerative actions in your daily life. </span><span style="font-size: 1rem;">Then, as a reward for your engagement, receive credits in OOz, a social currency that feeds the OOTOPIA Ethical Marketplace leveraging the regenerative economy.</span></div>
<hr class="line" style="width: 25%;">
</div>
</div>
</section>
<section class="cid-tbnBlHzvYp" id="image1-f9">
<figure class="mbr-figure container">
<div class="image-block" style="width: 93%;">
<img src="assets/images/impact.fdc407b.fdb5faca372f2061d65849142bb6ecfd-1422x700.png" width="1400" alt="">
</div>
</figure>
</section>
<section class="mbr-section content8 cid-tbnAC0oBtE" id="content8-f6">
<div class="container">
<div class="media-container-row title">
<div class="col-12 col-md-8">
<div class="mbr-section-btn align-center"><a class="btn btn-black-outline display-4" href="ourverse.html">Previous Project: OURVERSE</a> <a class="btn btn-black-outline display-4" href="sikana.html">Next Project: Sikana</a></div>
</div>
</div>
</div>
</section>
<section class="cid-tbnAC0whHh" id="footer1-f7">
<div class="container">
<div class="media-container-row content text-white">
<div class="col-12 col-md-3">
<div class="media-wrap">
<a href="index.html"><img src="assets/images/incubaidfav2-3.svg" alt="" title=""></a>
</div>
</div>
<div class="col-12 col-md-3 mbr-fonts-style display-7">
<h5 class="pb-3"></h5>
<p class="mbr-text">We believe doing good for the world and doing business can go hand in hand. </p>
</div>
<div class="col-12 col-md-3 mbr-fonts-style display-7">
<h5 class="pb-3"></h5>
<p class="mbr-text"><a href="mailto:info@incubaid.com">info@incubaid.com</a></p>
</div>
<div class="col-12 col-md-3 mbr-fonts-style display-7">
<h5 class="pb-3"></h5>
<p class="mbr-text"><a href="projects.html">Our projects</a><br><a href="people.html">Our people</a><br><br></p>
</div>
</div>
<div class="footer-lower">
<div class="media-container-row">
<div class="col-sm-12">
<hr>
</div>
</div>
<div class="media-container-row mbr-white">
<div class="col-sm-6 copyright">
<p class="mbr-text mbr-fonts-style display-7">
© Copyright 2023 Incubaid BVBA - All Rights Reserved <br><a href="https://threefold.io" target="_blank">Hosted on the ThreeFold Grid</a></p>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</div>
</section>
<section class="mbr-section article content1 cid-tcjWMrB8Sz" id="content1-fq">
<div class="container">
<div class="media-container-row">
<div class="mbr-text col-12 mbr-fonts-style display-7 col-md-8"><p>
<strong> Make your own website in a few clicks!</strong> Mobirise helps you cut down development time by providing you with a flexible website editor with a drag and drop interface. Mobirise Website Builder creates responsive, retina and <em>mobile friendly websites</em> in a few clicks. Mobirise is one of the easiest website development tools <a href="#">available</a> today. It also gives you the freedom to develop as many websites as you like given the fact that it is a desktop app.</p></div>
</div>
</div>
</section>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/web/assets/cookies-alert-plugin/cookies-alert-core.js"></script>
<script src="assets/web/assets/cookies-alert-plugin/cookies-alert-script.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/dropdown/js/nav-dropdown.js"></script>
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/theme/js/script.js"></script>
<input name="cookieData" type="hidden" data-cookie-customDialogSelector='null' data-cookie-colorText='#424a4d' data-cookie-colorBg='rgba(234, 239, 241, 0.99)' data-cookie-textButton='Agree' data-cookie-colorButton='' data-cookie-colorLink='#424a4d' data-cookie-underlineLink='true' data-cookie-text="We use cookies to give you the best experience. Read our <a href='https://docs.google.com/document/u/1/d/e/2PACX-1vSXDk6x8zuW4oEfiaO_bPD1TULa9E4IvkemM_VhDTleWZdJLjP9-s0_KEB3g2q2Ob5Yb3SvloD_Ga6B/pub' target='_blank'>privacy policy</a>.">
</body>
</html>