-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcontact.html
More file actions
330 lines (306 loc) · 19.2 KB
/
contact.html
File metadata and controls
330 lines (306 loc) · 19.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#0A0E0C" />
<meta name="color-scheme" content="dark" />
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
</script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<title>Contact DevRW — hire developers or start a project in Kigali</title>
<meta name="description" content="Hire developers or start a software project with DevRW in Kigali. We reply within one working day and work across the full stack — web, mobile, USSD, APIs, and AI integration." />
<meta name="keywords" content="hire developers Rwanda, software development company Kigali, build app Rwanda, DevRW contact, staff augmentation Kigali, software project Africa" />
<meta name="author" content="DevRW" />
<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://dev.rw/contact.html" />
<meta property="og:site_name" content="DevRW" />
<meta property="og:title" content="Contact DevRW — hire developers or start a project in Kigali" />
<meta property="og:description" content="Hire skilled developers or start a software project with the DevRW community. Based in Kigali — web, mobile, USSD, and AI. We reply within one working day." />
<meta property="og:image" content="https://dev.rw/images/logo.png" />
<meta property="og:image:alt" content="Contact DevRW" />
<meta property="og:locale" content="en_RW" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@devsInRW" />
<meta name="twitter:title" content="Contact DevRW — hire developers or start a project" />
<meta name="twitter:description" content="Hire skilled developers or start a software project with DevRW in Kigali. Web, mobile, USSD, and AI — reply within one working day." />
<meta name="twitter:image" content="https://dev.rw/images/logo.png" />
<link rel="canonical" href="https://dev.rw/contact.html" />
<link rel="icon" type="image/png" href="images/logo.png" />
<link rel="apple-touch-icon" href="images/logo.png" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ContactPage",
"name": "Contact DevRW",
"url": "https://dev.rw/contact.html",
"description": "Contact DevRW to hire developers or start a software project in Kigali, Rwanda.",
"inLanguage": "en",
"publisher": {
"@type": "Organization",
"name": "DevRW",
"url": "https://dev.rw",
"logo": "https://dev.rw/images/logo.png"
},
"mainEntity": {
"@type": "ContactPoint",
"telephone": "+250788662441",
"email": "hello@dev.rw",
"contactType": "General Inquiries",
"hoursAvailable": "Mo-Fr 09:00-18:00",
"areaServed": ["RW", "Africa"],
"availableLanguage": ["English", "Kinyarwanda", "French"]
}
}
</script>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header class="nav">
<div class="wrap nav__inner">
<a href="index.html" class="nav__brand"><span class="dot"></span>dev<span class="tld">.rw</span></a>
<nav class="nav__links" aria-label="Primary">
<a class="nav__link" href="index.html">Home</a>
<a class="nav__link" href="community.html">Community</a>
<a class="nav__link" href="projects.html">Projects</a>
<a class="nav__link" href="about.html">About</a>
<a class="nav__link" href="jobs.html">Jobs</a>
<a class="nav__link is-active" href="contact.html">Contact</a>
</nav>
<div class="nav__cta">
<button class="btn btn--primary btn--sm" data-modal-open="requestCVModal">
Hire developers
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</button>
<button class="nav__toggle" data-nav-toggle aria-expanded="false">Menu</button>
</div>
</div>
<div class="nav__drawer" data-nav-drawer>
<a class="nav__link" href="index.html">Home</a>
<a class="nav__link" href="community.html">Community</a>
<a class="nav__link" href="projects.html">Projects</a>
<a class="nav__link" href="about.html">About</a>
<a class="nav__link" href="jobs.html">Jobs</a>
<a class="nav__link is-active" href="contact.html">Contact</a>
</div>
</header>
<section class="page-head">
<div class="wrap">
<div class="rise">
<span class="eyebrow page-head__index">contact / say_hi</span>
<h1 class="display-xl">Talk to <span class="italic">us.</span></h1>
<p class="lead">
Hire developers, start a project, submit your open source work, or just ask a question.
A real person reads everything that comes in and replies — usually within a working day.
</p>
</div>
</div>
</section>
<section class="section section--tight section--bg-2">
<div class="wrap">
<div class="contact-grid">
<!-- LEFT: contact info -->
<aside class="contact-info">
<div class="contact-info__item">
<span class="label">email</span>
<span class="value"><a href="mailto:hello@dev.rw">hello@dev.rw</a></span>
<span class="mono text-mute">reply within 1 working day</span>
</div>
<div class="contact-info__item">
<span class="label">phone</span>
<span class="value"><a href="tel:+250788662441">+250 788 662 441</a></span>
<span class="mono text-mute">mon–fri · 9:00–18:00 CAT</span>
</div>
<div class="contact-info__item">
<span class="label">whatsapp</span>
<span class="value"><a href="https://chat.whatsapp.com/GJoStt3riS3LoH4fMsYKgx" target="_blank" rel="noopener">Join the community group</a></span>
<span class="mono text-mute">fastest path to anyone in the community</span>
</div>
<div class="contact-info__item">
<span class="label">office</span>
<span class="value">Kigali, Rwanda</span>
<span class="mono text-mute">CAT (UTC+2) · mon–fri</span>
</div>
<div class="contact-info__item">
<span class="label">connect</span>
<div class="socials">
<a href="https://github.com/DevRW" target="_blank" rel="noopener" aria-label="GitHub">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.5-4-1.5-.5-1.4-1.3-1.8-1.3-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-6 0-1.3.5-2.4 1.3-3.2-.1-.4-.6-1.6.1-3.2 0 0 1-.3 3.4 1.2a11.5 11.5 0 0 1 6 0c2.3-1.5 3.3-1.2 3.3-1.2.7 1.6.2 2.8.1 3.2.8.8 1.3 1.9 1.3 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg>
</a>
<a href="https://twitter.com/devsInRW" target="_blank" rel="noopener" aria-label="Twitter / X">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.3 1.9h3.6l-7.9 9 9.3 12.3h-7.3l-5.7-7.5-6.6 7.5H.1l8.5-9.7L0 1.9h7.5l5.2 6.8 5.6-6.8Zm-1.2 19.2h2L7.1 4H4.9l12.2 17.1Z"/></svg>
</a>
<a href="https://linkedin.com/company/dev-rw" target="_blank" rel="noopener" aria-label="LinkedIn">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.5 2h-17A1.5 1.5 0 0 0 2 3.5v17A1.5 1.5 0 0 0 3.5 22h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 2ZM8 19H5V9h3v10ZM6.5 7.7a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4ZM19 19h-3v-5.4c0-1.4-.5-2.2-1.6-2.2-1.2 0-1.9.8-1.9 2.2V19h-3V9h2.9v1.4a3.3 3.3 0 0 1 3-1.6c2 0 3.6 1.2 3.6 3.8V19Z"/></svg>
</a>
<a href="https://chat.whatsapp.com/GJoStt3riS3LoH4fMsYKgx" target="_blank" rel="noopener" aria-label="WhatsApp">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 0 1 8.413 3.488 11.824 11.824 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479s1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.247-.694.247-1.289.173-1.413z"/></svg>
</a>
</div>
</div>
</aside>
<!-- RIGHT: mode switcher + Google Form embed -->
<div>
<div class="radio-cards">
<button type="button" class="radio-card" data-mode="hire">
<span class="radio-card__title">Hiring developers</span>
<span class="radio-card__desc">Send a role brief, get matching CVs.</span>
</button>
<button type="button" class="radio-card" data-mode="project">
<span class="radio-card__title">Starting a project</span>
<span class="radio-card__desc">Build with the community.</span>
</button>
</div>
<!-- HIRE-MODE iframe -->
<div class="hidden" data-mode-frame="hire">
<p class="mono text-mute mt-12 mb-24" data-mode-intro="hire">Form below is the developer-CV request form. Powered by Google Forms.</p>
<div style="background:var(--panel); border:1px solid var(--line); border-radius:var(--r);">
<iframe class="modal__form-frame" data-src="https://docs.google.com/forms/d/e/1FAIpQLSdEf4OOU0VOoF6FisQEi0T2ObteHG8_snebPa9UbfoCCKoyrA/viewform?embedded=true" loading="lazy" title="Hire developers form">Loading…</iframe>
</div>
</div>
<!-- PROJECT-MODE iframe -->
<div class="hidden" data-mode-frame="project">
<p class="mono text-mute mt-12 mb-24" data-mode-intro="project">Form below is the start-a-project form. Powered by Google Forms.</p>
<div style="background:var(--panel); border:1px solid var(--line); border-radius:var(--r);">
<iframe class="modal__form-frame" data-src="https://docs.google.com/forms/d/e/1FAIpQLSdCod8kHjNHzRF1lpxDQbyI0mwlW9Asa9B03yl_jrZvwfvj2w/viewform?embedded=true" loading="lazy" title="Start a project form">Loading…</iframe>
</div>
</div>
<!-- Default state: prompt user to choose mode -->
<div class="note mt-12" id="contactChooseHint">Choose an option above to load the right form.</div>
</div>
</div>
<div class="mt-60" style="display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px;">
<div class="card">
<span class="card__num">response time</span>
<h4 class="card__title" style="font-size:22px">Within 1 working day</h4>
<p class="card__body" style="font-size:14px">Real reply, not a templated auto-responder.</p>
</div>
<div class="card">
<span class="card__num">discretion</span>
<h4 class="card__title" style="font-size:22px">Kept confidential</h4>
<p class="card__body" style="font-size:14px">We don't pass your details around without permission.</p>
</div>
<div class="card">
<span class="card__num">no obligation</span>
<h4 class="card__title" style="font-size:22px">Free first chat</h4>
<p class="card__body" style="font-size:14px">Walk away if it's not a fit. No hard sell.</p>
</div>
</div>
</div>
</section>
<!-- Other useful forms section -->
<section class="section section--bg">
<div class="wrap">
<div class="sec-head">
<span class="sec-head__index"><span class="n">02</span> <span class="slash">/</span> other_forms</span>
<div class="sec-head__intro">
<h2 class="display-l">Other ways <span class="italic">in.</span></h2>
<p class="body mt-24">All our forms run on Google Forms. Pick the one that fits and we'll handle the rest.</p>
</div>
</div>
<div class="cards">
<article class="card">
<span class="card__num">02.1</span>
<h3 class="card__title">Submit your developer profile</h3>
<p class="card__body">Get into the community talent pool. Recruiters reach us; we reach you.</p>
<div class="mt-24"><button class="btn btn--mint-outline btn--sm" data-modal-open="developerModal">Open form</button></div>
</article>
<article class="card">
<span class="card__num">02.2</span>
<h3 class="card__title">Submit an open source project</h3>
<p class="card__body">Library, tool, dataset, AI model. If it's open source and relevant, we list it on the projects page.</p>
<div class="mt-24"><button class="btn btn--mint-outline btn--sm" data-modal-open="submitProjectModal">Open form</button></div>
</article>
<article class="card">
<span class="card__num">02.3</span>
<h3 class="card__title">View live job openings</h3>
<p class="card__body">Active openings live on a public Google Sheet. View-only, updated as roles come in.</p>
<div class="mt-24"><a class="btn btn--mint-outline btn--sm" href="https://docs.google.com/spreadsheets/d/1znh84cfdT88ITB74C9DbuCdLhOMFGJn7TLOJwYZhqYQ/edit?usp=sharing" target="_blank" rel="noopener">Open sheet</a></div>
</article>
</div>
</div>
</section>
<footer class="footer">
<div class="wrap">
<div class="footer__grid">
<div>
<div class="footer__brand"><span class="dot"></span>dev<span class="tld">.rw</span></div>
<p class="footer__tag">A community of Rwandan developers building open source tools for Africa. Based in Kigali, on the internet everywhere.</p>
</div>
<div class="footer__col"><h6>Site</h6>
<a href="index.html">Home</a><a href="community.html">Community</a><a href="projects.html">Projects</a>
<a href="about.html">About</a><a href="jobs.html">Jobs</a><a href="contact.html">Contact</a>
</div>
<div class="footer__col"><h6>Open source</h6>
<a href="https://github.com/DevRW" target="_blank" rel="noopener">GitHub org</a>
<a href="https://github.com/DevRW/rwanda-location" target="_blank" rel="noopener">rwanda-location</a>
<a href="https://www.npmjs.com/package/@devrw/rwanda-location" target="_blank" rel="noopener">npm package</a>
<a href="http://itegure.rw/" target="_blank" rel="noopener">Itegure</a>
</div>
<div class="footer__col"><h6>Connect</h6>
<a href="https://chat.whatsapp.com/GJoStt3riS3LoH4fMsYKgx" target="_blank" rel="noopener">WhatsApp</a>
<a href="https://twitter.com/devsInRW" target="_blank" rel="noopener">Twitter / X</a>
<a href="https://linkedin.com/company/dev-rw" target="_blank" rel="noopener">LinkedIn</a>
<a href="mailto:hello@dev.rw">hello@dev.rw</a>
</div>
</div>
<div class="footer__bottom">
<span>© 2025 DevRW · MIT licensed where it can be.</span>
<span>Kigali, RW · UTC+2</span>
</div>
</div>
</footer>
<div class="modal-overlay" id="developerModal" role="dialog">
<div class="modal modal--wide">
<div class="modal__head"><h3 class="modal__title">Add your developer profile</h3>
<button class="modal__close" data-modal-close aria-label="Close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 1l12 12M13 1L1 13"/></svg></button>
</div>
<p class="modal__intro">We'll review your profile and share it with recruiters and partner companies looking for engineers in your stack.</p>
<div class="modal__body">
<iframe class="modal__form-frame" data-src="https://docs.google.com/forms/d/e/1FAIpQLSe0LymG8jKHbgDqLnW4m3MiSK0lPQuZufXfqiV2xXDoUFmPxg/viewform?embedded=true" loading="lazy" title="Developer profile form">Loading…</iframe>
</div>
</div>
</div>
<div class="modal-overlay" id="requestCVModal" role="dialog">
<div class="modal modal--wide">
<div class="modal__head"><h3 class="modal__title">Request developer CVs</h3>
<button class="modal__close" data-modal-close aria-label="Close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 1l12 12M13 1L1 13"/></svg></button>
</div>
<p class="modal__intro">Tell us about the role. We'll send matching profiles within a couple of working days.</p>
<div class="modal__body">
<iframe class="modal__form-frame" data-src="https://docs.google.com/forms/d/e/1FAIpQLSdEf4OOU0VOoF6FisQEi0T2ObteHG8_snebPa9UbfoCCKoyrA/viewform?embedded=true" loading="lazy" title="Request developer CVs form">Loading…</iframe>
</div>
</div>
</div>
<div class="modal-overlay" id="hireProjectModal" role="dialog">
<div class="modal modal--wide">
<div class="modal__head"><h3 class="modal__title">Start your project</h3>
<button class="modal__close" data-modal-close aria-label="Close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 1l12 12M13 1L1 13"/></svg></button>
</div>
<p class="modal__intro">A short note on what you'd like to build. We'll come back with next steps within a working day.</p>
<div class="modal__body">
<iframe class="modal__form-frame" data-src="https://docs.google.com/forms/d/e/1FAIpQLSdCod8kHjNHzRF1lpxDQbyI0mwlW9Asa9B03yl_jrZvwfvj2w/viewform?embedded=true" loading="lazy" title="Start a project form">Loading…</iframe>
</div>
</div>
</div>
<div class="modal-overlay" id="submitProjectModal" role="dialog">
<div class="modal modal--wide">
<div class="modal__head"><h3 class="modal__title">Submit your open source project</h3>
<button class="modal__close" data-modal-close aria-label="Close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 1l12 12M13 1L1 13"/></svg></button>
</div>
<p class="modal__intro">Share your project — library, tool, dataset, AI model. If it fits, we'll add it to the projects page.</p>
<div class="modal__body">
<iframe class="modal__form-frame" data-src="https://docs.google.com/forms/d/e/1FAIpQLScxgaZa7jaRb4QtfKVZnNo_J00A3W6Kfnax2rKXXqkA4cJo8w/viewform?embedded=true" loading="lazy" title="Submit open source project form">Loading…</iframe>
</div>
</div>
</div>
<script src="js/app.js"></script>
</body>
</html>