-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
349 lines (315 loc) · 23.9 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
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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description"
content="A developers community run charity platform that helps to provide developers in developing countries with the needed tools to work">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DevsHelpDevs - A developers community run charity platform</title>
<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./src/stylesheet/main.css">
<!-- facebook open graph -->
<meta property="og:title" content="DevsHelpDevs">
<meta property="og:site_name" content="DevsHelpDevs">
<meta property="og:description"
content="A developers community run charity platform that helps to provide developers in developing countries with the needed tools to work">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:image"
content="https://res.cloudinary.com/dahn8uiyc/image/upload/v1616148009/devs_help_logo_nhhzov.png">
<meta property="og:url" content="https://devshelpdevs.org">
<!-- Twitter cards -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@HelpDevs">
<meta name="twitter:creator" content="@bigg_aji">
<meta name="twitter:title" content="DevsHelpDevs">
<meta name="twitter:description"
content="A developers community run charity platform that helps to provide developers in developing countries with the needed tools to work">
<meta name="twitter:img"
content="https://res.cloudinary.com/dahn8uiyc/image/upload/v1616148009/devs_help_logo_nhhzov.png">
</head>
<body>
<header class="d-flex f-justify-space-between f-align-center mar-x-3">
<div class="nav_item_left">
<!-- logo -->
<div class="logo d-flex f-justify-flex-start f-align-center">
<a href="index.html"><img src="/assets/logo.svg" alt="devshelpdevs logo"></a>
<span class="logo_text"><a href="index.html">DevsHelpDevs</a< /span>
</div>
</div>
<div class="nav_item_right d-flex f-justify-space-between f-align-center">
<a href="https://twitter.com/HelpDevs" target="_blank"
class="twitter_follow d-inline-block mar-right-2">Follow us on
<img src="/assets/twitter_logo.svg" alt="twitter icon"></a>
<a href="https://github.com/DevsHelpDevs" target="_blank"
class="star_project d-inline-block"><img src="/assets/GitHub-Mark-Light-32px.png"
alt="devshelpdevs repo"></a>
<a href="https://github.com/DevsHelpDevs/DevsHelpDevs/stargazers" target="_blank" class="stargazers"><span
class="stargazers_count d-inline-block">124</span></a>
</div>
</header>
<div class="hero_container">
<div class="hero_text_box">
<div class="header-text position-relative t-align-center ">
<svg class="position-absolute svg1" viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M77.4929 22.3616C78.8794 20.913 79.9043 19.1296 80.4774 17.1685C81.0505 15.2074 81.1541 13.1288 80.7791 11.1159L73.2793 18.9567C72.8513 19.3961 72.2757 19.6422 71.6763 19.6422C71.0769 19.6422 70.5014 19.3961 70.0733 18.9567L63.8445 12.4347C63.4249 11.9865 63.1898 11.3839 63.1898 10.7562C63.1898 10.1286 63.4249 9.52596 63.8445 9.07774L71.3328 1.22493C69.2383 0.803675 67.0744 0.97624 65.065 1.72478C63.0556 2.47331 61.2739 3.7706 59.9041 5.48235C58.5344 7.19409 57.6265 9.25808 57.2745 11.4606C56.9225 13.6631 57.1391 15.9242 57.9019 18.0096L38.5513 37.8035L36.685 35.8493L39.7307 32.6602C39.8739 32.4966 39.9534 32.2827 39.9534 32.0607C39.9534 31.8388 39.8739 31.6249 39.7307 31.4613L37.372 29.0035C37.2183 28.8482 37.013 28.7614 36.7994 28.7614C36.5859 28.7614 36.3806 28.8482 36.2269 29.0035L35.0819 30.2024L32.5286 27.5409L33.5133 26.5098C33.713 26.2875 33.8241 25.9938 33.8241 25.6886C33.8241 25.3834 33.713 25.0897 33.5133 24.8673L12.3994 2.75953C11.8965 2.23281 11.2994 1.81498 10.6422 1.52991C9.98505 1.24484 9.28068 1.09812 8.56936 1.09812C7.85803 1.09812 7.15368 1.24484 6.49652 1.52991C5.83935 1.81498 5.24224 2.23281 4.73931 2.75953L2.58672 5.01346C2.08367 5.54006 1.68463 6.16528 1.41238 6.85338C1.14013 7.54148 1 8.27898 1 9.02379C1 9.76861 1.14013 10.5061 1.41238 11.1942C1.68463 11.8823 2.08367 12.5075 2.58672 13.0341L23.7006 35.1419C23.913 35.351 24.1935 35.4674 24.4849 35.4674C24.7764 35.4674 25.0569 35.351 25.2693 35.1419L26.2425 34.1109L28.7959 36.7844L27.6509 37.9833C27.5026 38.1442 27.4197 38.3591 27.4197 38.5828C27.4197 38.8064 27.5026 39.0213 27.6509 39.1822L29.9409 41.652C30.0971 41.8019 30.3014 41.8851 30.5134 41.8851C30.7254 41.8851 30.9296 41.8019 31.0859 41.652L34.1316 38.4629L35.9636 40.3811L19.9335 56.7702C17.9418 55.9673 15.7811 55.7374 13.6759 56.1043C11.5706 56.4713 9.59761 57.4217 7.9617 58.8569C6.3258 60.2921 5.08667 62.1597 4.37303 64.2657C3.65939 66.3718 3.49726 68.6395 3.90347 70.8333L11.4033 62.9925C11.8313 62.5531 12.4068 62.307 13.0063 62.307C13.6057 62.307 14.1812 62.5531 14.6093 62.9925L20.8381 69.5145C21.2577 69.9627 21.4927 70.5653 21.4927 71.193C21.4927 71.8206 21.2577 72.4232 20.8381 72.8714L13.3498 80.7242C15.4442 81.1455 17.6082 80.973 19.6175 80.2244C21.6269 79.4759 23.4087 78.1786 24.7784 76.4668C26.1482 74.7551 27.056 72.6911 27.4081 70.4886C27.7601 68.2861 27.5435 66.025 26.7807 63.9396L42.8107 47.5626L64.6803 70.4616C64.3674 71.3095 64.2961 72.2342 64.4749 73.1237C64.6538 74.0131 65.0751 74.8292 65.6879 75.4731L70.9664 81L77.2983 74.3701L72.0198 68.8431C71.4049 68.2015 70.6255 67.7603 69.7761 67.573C68.9266 67.3858 68.0435 67.4605 67.2337 67.7881L45.3641 44.9969L64.7032 25.227C66.8706 26.1006 69.234 26.2948 71.5051 25.786C73.7761 25.2772 75.8567 24.0873 77.4929 22.3616Z"
fill="white" fill-opacity="0.85" stroke="#263238" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<h1>We are still <span class="bolder ">building.</span></h1>
<svg class="position-absolute svg2" viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M77.4929 22.3616C78.8794 20.913 79.9043 19.1296 80.4774 17.1685C81.0505 15.2074 81.1541 13.1288 80.7791 11.1159L73.2793 18.9567C72.8513 19.3961 72.2757 19.6422 71.6763 19.6422C71.0769 19.6422 70.5014 19.3961 70.0733 18.9567L63.8445 12.4347C63.4249 11.9865 63.1898 11.3839 63.1898 10.7562C63.1898 10.1286 63.4249 9.52596 63.8445 9.07774L71.3328 1.22493C69.2383 0.803675 67.0744 0.97624 65.065 1.72478C63.0556 2.47331 61.2739 3.7706 59.9041 5.48235C58.5344 7.19409 57.6265 9.25808 57.2745 11.4606C56.9225 13.6631 57.1391 15.9242 57.9019 18.0096L38.5513 37.8035L36.685 35.8493L39.7307 32.6602C39.8739 32.4966 39.9534 32.2827 39.9534 32.0607C39.9534 31.8388 39.8739 31.6249 39.7307 31.4613L37.372 29.0035C37.2183 28.8482 37.013 28.7614 36.7994 28.7614C36.5859 28.7614 36.3806 28.8482 36.2269 29.0035L35.0819 30.2024L32.5286 27.5409L33.5133 26.5098C33.713 26.2875 33.8241 25.9938 33.8241 25.6886C33.8241 25.3834 33.713 25.0897 33.5133 24.8673L12.3994 2.75953C11.8965 2.23281 11.2994 1.81498 10.6422 1.52991C9.98505 1.24484 9.28068 1.09812 8.56936 1.09812C7.85803 1.09812 7.15368 1.24484 6.49652 1.52991C5.83935 1.81498 5.24224 2.23281 4.73931 2.75953L2.58672 5.01346C2.08367 5.54006 1.68463 6.16528 1.41238 6.85338C1.14013 7.54148 1 8.27898 1 9.02379C1 9.76861 1.14013 10.5061 1.41238 11.1942C1.68463 11.8823 2.08367 12.5075 2.58672 13.0341L23.7006 35.1419C23.913 35.351 24.1935 35.4674 24.4849 35.4674C24.7764 35.4674 25.0569 35.351 25.2693 35.1419L26.2425 34.1109L28.7959 36.7844L27.6509 37.9833C27.5026 38.1442 27.4197 38.3591 27.4197 38.5828C27.4197 38.8064 27.5026 39.0213 27.6509 39.1822L29.9409 41.652C30.0971 41.8019 30.3014 41.8851 30.5134 41.8851C30.7254 41.8851 30.9296 41.8019 31.0859 41.652L34.1316 38.4629L35.9636 40.3811L19.9335 56.7702C17.9418 55.9673 15.7811 55.7374 13.6759 56.1043C11.5706 56.4713 9.59761 57.4217 7.9617 58.8569C6.3258 60.2921 5.08667 62.1597 4.37303 64.2657C3.65939 66.3718 3.49726 68.6395 3.90347 70.8333L11.4033 62.9925C11.8313 62.5531 12.4068 62.307 13.0063 62.307C13.6057 62.307 14.1812 62.5531 14.6093 62.9925L20.8381 69.5145C21.2577 69.9627 21.4927 70.5653 21.4927 71.193C21.4927 71.8206 21.2577 72.4232 20.8381 72.8714L13.3498 80.7242C15.4442 81.1455 17.6082 80.973 19.6175 80.2244C21.6269 79.4759 23.4087 78.1786 24.7784 76.4668C26.1482 74.7551 27.056 72.6911 27.4081 70.4886C27.7601 68.2861 27.5435 66.025 26.7807 63.9396L42.8107 47.5626L64.6803 70.4616C64.3674 71.3095 64.2961 72.2342 64.4749 73.1237C64.6538 74.0131 65.0751 74.8292 65.6879 75.4731L70.9664 81L77.2983 74.3701L72.0198 68.8431C71.4049 68.2015 70.6255 67.7603 69.7761 67.573C68.9266 67.3858 68.0435 67.4605 67.2337 67.7881L45.3641 44.9969L64.7032 25.227C66.8706 26.1006 69.234 26.2948 71.5051 25.786C73.7761 25.2772 75.8567 24.0873 77.4929 22.3616Z"
fill="white" fill-opacity="0.85" stroke="#263238" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</div>
<p class="hero_text t-align-center mar-x-5">
We are building a developers community run charity platform that helps to provide developers in
developing countries with the needed tools to work.
</p>
</div>
<div class="hero_cta mar-x-6 t-align-center">
<a href="https://paypal.me/pools/c/8A9qN9dojK" target="_blank"
class="cta-primary t-align-center">Donate
to
devshelpdevs</a>
<a class = "github_sponsor_btn" aria-label="Sponsor @DevsHelpDevs" target="_blank"
href="https://github.com/sponsors/DevsHelpDevs?o=esb">
<svg aria-hidden="true" viewBox="0 0 16 16" version="1.1"
data-view-component="true" height="16" width="16"
class="octicon octicon-heart icon-sponsor pink-text mr-2">
<path fill-rule="evenodd"
d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z">
</path>
</svg>
<span>Sponsor</span>
</a>
</div>
<p class="note t-align-center">Want to join our community on slack? Send an email to
<a href="mailto:@devshelpdevs.org">devshelpdevs.org</a>
</p>
</div>
<!-- About the project -->
<div class="about_container mar-x-5 padd-top-2 padd-bottom-2">
<div class="project_readme mar-x-5 padd-bottom-4 padd-top-4">
<h1 class="heading1 padd-top-3" id="about">What we are building</h1>
<h2 class="projectReadme_intro">DevsHelpDevs, a platform for developers helping developers</h2>
<h2 class="key_text mar-top-5 mar-bottom-3">Motivation</h2>
<p class="para-left">Most developers in industrial countries take it for granted to have state of the art
development
computers,
always fast
internet and reliable electricity.
I too, never spend any thought in this until I got a lot of Twitter followers from Africa and other
developing
countries.
I learned that there is a passionate developer community who doesn't have our infrastructure but
nevertheless wants for
be successful in IT.
Which means a lot of them code on their smartphones because they can't afford a laptop, or often Laptops
that are in
catastrophe conditions with too little memory and old CPUs making working slow and often impossible if
new
developer
tools don't run on 32bit systems or need at least 8GB of RAM. Others work with keyboards that miss
important
working
keys so that they have to copy and paste them or enter them cumbersome with the mouse. Others work with
a
faulty monitor
which makes reading difficult or with old batteries in their laptop limiting their work time to the
parts of
the day
where electricity is available.</p>
<p class="para-right">When I got to know these people better, I knew we have to help them. With WE, I
address all the software
developers who
can afford to help especially the ones in the industrial countries. Most of us have the privilege not
only
to be able to
work with an excellent infrastructure but also getting paid very well for that.
My first idea collecting used Laptops and ship them, turned out to be much more difficult and expensive
at
least from
Germany. While I'm still looking for better ways to ship devices from here, I started to help developers
who
needed some
upgrades or repairs for their computers by sending them money and as I can't afford to do this all the
time
I started to
ask my Twitter followers to jump in and donate parts of what was needed.
It turned out, that once the abstract need for poor developers in far countries got faces and stories it
never took long
to find some donors. As it's not sustainable to ask only my followers multiple times a week for money
which
only could
help a very limited number of people and probably annoy my followers after a while, I think we need a
real
platform that
brings together developers in need with the once willing to help.</p>
</div>
<div class="goals_section padd-top-3 padd-bottom-3">
<h2 class="key_text mar-top-2 mar-bottom-3">Goals</h2>
<p class="para-left">The goal of this project is to develop a website where developers needing support for
their equipment can
create a
profile which describes what they need so that people willing to help, can get in touch with them.</p>
<p class="para-left">It's definitely not the goal to create any organization that needs funds and employees
doing logistics.
So,
we need to
find other ways that allow donors a save and easy way to help. This could be:</p>
<ul class="readme-ul">
<li class="readme-li mar-left-5 mar-x-4">Sending money for an upgrade or replacement part which is
typically
below $100
</li>
<li class="readme-li mar-left-5 mar-x-4">Shipping a used Laptop if there is an easy way like from the
US
to
Nigeria</li>
<li class="readme-li mar-left-5 mar-x-4">Pay for a used Laptop which is below $300</li>
<li class="readme-li mar-left-5 mar-x-4">Collect money to buy new laptops</li>
</ul>
<p class="para-right">Thinking of that giving one person a working PC can change the whole live for many of
these developers in
need, for an
amount that for most of us is no problem to afford makes me optimistic that this project can help a lot
of
people.
Ideally this won’t end with an one-time donation but will lead to friends and mentorships across the
oceans.</p>
</div>
<div class="challenges_section padd-top-4 padd-bottom-4">
<h2 class="key_text mar-top-5 mar-bottom-3">Challenges</h2>
<p class="para-left">All of the above can be realized with an Web App today. To do this successfully we need
to find solutions
for
the
following challenges:</p>
<h3 class="challenges-p mar-x-3">Prevent fraud and scams</h3>
<p class="para-left">Such a platform can only be successful if people trust it. So we have to come up with
ideas how we can
prevent any scam
as much as possible. This is absolutely crucial! Some of the receiving countries are unfortunately know
for
scammers,
that's why we need well known IT people supporting and vouching for this project.</p>
<h3 class="challenges-p mar-x-3"> Making it really easy to help.</h3>
<p class="para-left">People with money might be sympathetic to our cause but often are short in time. So we
have to make it as
easy as
possible for them to select a receiver and send the money to the right place.</p>
</div>
<div class="support_section padd-bottom-4 padd-top-2">
<h2 class="key_text mar-top-5 mar-bottom-3">We need the support of the community</h2>
<p class="para-left">None of the above will be possible without the help of many people from the
community for:</p>
<ul class="readme-ul">
<li class="readme-li mar-left-5 mar-x-4"> Developing this platform as Open Source in the open so
that
this also can be a place to learn.
</li>
<li class="readme-li mar-left-5 mar-x-4">Screening applicants for donations</li>
<li class="readme-li mar-left-5 mar-x-4"> Help in case there are problems between donors and
receivers.</li>
<li class="readme-li mar-left-5 mar-x-4">Finding trustworthy dealers for (used) Laptops and parts in
the different
countries.</li>
</ul>
<p class="para-left">And in my humble opinion, this system should be built by people from the countries
it's aimed to
help.
</p class="para-left">
</div>
<div class="proceed_section padd-bottom-4 padd-top-4">
<h2 class="key_text mar-top-5 mar-bottom-3">How will we proceed?</h2>
<p class="para-left">Unfortunately, I have no experience in web development at all, so I can't add much help
in coding.
However,
I can act as
project manager ensuring that we will reach our goal.
To get everyone you want to participate started I have active discussions on <a
href="https://github.com/DevsHelpDevs/DevsHelpDevs" target="_blank">this repository</a> and
already
started
some threads with questions that we need to answer before we can start doing anything.
We will start with a minimal feature set to get it launched fast and then add more features as we go.
</p>
<p class="mar-x-2 para-left">Hope to meet you there!</p>
<p class="mar-x-2 para-left">Thomas.</p>
<p class="para-left">You can reach me on Twitter <a href="https://twitter.com/thomasburkhartb"
target="_blank">@ThomasBurkhartB</a></p>
</div>
</div>
</div>
<div class="donation_tracker_frame">
<h2>How donations are used?</h2>
<p class="briefing"><b>Donation tracker</b> - We built an internal tool to track how the money contributed are been spent. <a href="https://helpdevs-tracker.netlify.app/used" target="_blank">
See it</a></p>
<p class="briefing">You can interact with the tracker below.</p>
<iframe src="https://helpdevs-tracker.netlify.app/used" title="Devshelpdevs donation tracker"></iframe>
</div>
<div class="partners mar-x-3">
<h1 class="partner_heading t-align-center mar-x-2">Proudly supported by</h1>
<div class="profile_wrap d-flex f-justify-space-evenly f-align-center">
<div class="thumbnail">
<a href="https://netlify.com" class="d-block" target="_blank">
<img src="/assets/netlify.svg" alt="netlify" title="netlify">
</a>
</div>
<div class="thumbnail">
<a href="https://nhost.io" class="d-block" target="_blank">
<img src="assets/nhost-logo-dark.svg" alt="nhost" title="nhost">
</a>
</div>
<div class="thumbnail">
<a href="https://greencell.global" class="d-block" target="_blank">
<img src="/assets/green cell.svg" alt="green cell" title="green cell">
</a>
</div>
<div class="thumbnail">
<a href="https://hosting.de" class="d-block" target="_blank">
<img src="/assets/logo-hosting-white-text.png" alt="hosting.de" title="hosting.de">
</a>
</div>
<div class="thumbnail">
<a href="http://notebook-laden.de/index.php" class="d-block" target="_blank">
<img src="assets/NBL schriftzug 1477 pixel schwarz.jpg" alt="notebook-laden.de"
title="notebook-laden.de">
</a>
</div>
</div>
</div>
<div class="get_involved mar-x-5">
<h1 class="head_text t-align-center mar-x-5">Get involved</h1>
<div class="ways-to-container d-flex flex-d-column f-align-center get_involved_wrapper">
<div class="contribute t-align-center mar-x-5 padd-bottom-2 box box-1">
<h3 class="mar-bottom-4 ">Contribute code</h3>
<p class="padd-4">DevsHelpDevs is maintained by contributors around the globe. Join us in building this developers run charity community.
</p>
<a href="https://www.github.com/DevsHelpDevs" target="_blank" class="in_link mar-x-4">
<img src="/assets/GitHub-Mark-32px.png" alt="Contribute to github repo"> Contribute</a>
</div>
<div class="donate t-align-center mar-x-5 padd-bottom-2 box box-2">
<h3 class="mar-bottom-4">Donate to devshelpdevs</h3>
<p class="padd-4">Donations goes to getting and shipping of new or used laptops, or sending money for repairs and spare parts.</p>
<a target="_blank" href="https://paypal.me/pools/c/8A9qN9dojK" class="in_link mar-x-4 padd-x-2">Donate</a>
</div>
<div class="connect t-align-center mar-x-5 padd-bottom-2 box box-3">
<h3 class="mar-bottom-4">Connect with us</h3>
<p class="padd-4">Get latest updates from the DevsHelpDevs team.</p>
<!-- twitter icon -->
<a href="https://twitter.com/HelpDevs" target="_blank" class="in_link mar-x-4"><img src="/assets/2021 Twitter logo - blue.png" alt="@HelpDevs">@HelpDevs</a>
</div>
</div>
</div>
<footer class="mar-x-4 footer">
<p class="footer_text t-align-center">Copyright © DevsHelpDevs 2021</p>
</footer>
<script src="./src/main.js" async></script>
</body>
</html>