omair
9a1cd05471
Gallery page with: - 13 photorealistic documentary photos matching Lolo field photo DNA - Pillar-based filtering (Water/Food/Livelihoods/Education) - Lightbox with keyboard navigation - Masonry-style grid layout - All images optimized to JPG (~130KB each, 1.7MB total) Images: fish ponds aerial, borehole water, fish harvest, solar panels, classroom, market, sunset water tank, pond construction, woman carrying water, community meeting, hands with seedling, catfish basin, camp overview
193 lines
12 KiB
HTML
193 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>About — Taawunu</title>
|
|
<meta name="description" content="Taawunu is a social impact studio. We design, manage, and verify community empowerment projects for marginalized populations.">
|
|
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="nav" id="nav">
|
|
<div class="nav-inner">
|
|
<a href="/" class="nav-brand">
|
|
<svg class="mark" viewBox="0 0 64 64" width="32" height="32"><path d="M32 4 C32 4, 56 28, 56 40 C56 53.25 45.25 60 32 60 C18.75 60 8 53.25 8 40 C8 28 32 4 32 4Z" fill="#C9A84C"/><path d="M32 14 C32 14, 50 31, 50 40 C50 49.5 41.75 55 32 55 C22.25 55 14 49.5 14 40 C14 31 32 14 32 14Z" fill="#6B3A2A"/><path d="M32 22 C32 22, 44 34, 44 40 C44 46.6 38.6 50 32 50 C25.4 50 20 46.6 20 40 C20 34 32 22 32 22Z" fill="#2D6A4F"/><path d="M32 30 C32 30, 38 36, 38 40 C38 43.3 35.3 45 32 45 C28.7 45 26 43.3 26 40 C26 36 32 30 32 30Z" fill="#2578A1"/></svg>
|
|
<span class="wordmark">TAAWUNU</span>
|
|
</a>
|
|
<button class="nav-toggle" id="navToggle" aria-label="Menu"><span></span><span></span><span></span></button>
|
|
<ul class="nav-links" id="navLinks">
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/approach/">Our Approach</a></li>
|
|
<li><a href="/projects/">Projects</a></li>
|
|
<li><a href="/gallery/">Gallery</a></li>
|
|
<li><a href="/about/"><li><a href="/about/" class="active">About</a></li>
|
|
<li><a href="/support/" class="nav-cta">Support a Project</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="page-hero">
|
|
<div class="container">
|
|
<div class="label fade-up">About Us</div>
|
|
<h1 class="fade-up">We build the system<br>that builds the community.</h1>
|
|
<p class="fade-up">Taawunu is a social impact studio — not a charity, not an NGO, not a tech startup. We exist in the space between them, connecting funders, charity partners, and communities to create permanent infrastructure.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- What we are -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-label fade-up">What We Are</div>
|
|
<div class="section-gold-rule fade-up"></div>
|
|
<h2 class="fade-up">A social impact studio.</h2>
|
|
<div class="prose fade-up" style="max-width:720px;">
|
|
<p><strong>Taawunu (تَعَاوُنُوا)</strong> comes from the Quranic verse: <em>"And cooperate in righteousness and piety"</em> (Al-Ma'idah 5:2). The word is a plural imperative — it's not one person saving the world. It's a command to work together.</p>
|
|
<p>We are a small, focused team that designs, manages, and verifies community development projects for marginalized populations. We partner with registered charities (who handle donations and provide tax receipts) and local implementation organisations (who coordinate ground-level work).</p>
|
|
<p><strong>What we bring:</strong></p>
|
|
<ul style="padding-left: 20px; margin-bottom: 20px;">
|
|
<li style="margin-bottom: 8px;">Project design — the 4-pillar sequential model</li>
|
|
<li style="margin-bottom: 8px;">Budget management — every pound tracked and reported</li>
|
|
<li style="margin-bottom: 8px;">Monitoring & evaluation — field visits, honest reports</li>
|
|
<li style="margin-bottom: 8px;">Technology — dashboards, data systems, digital infrastructure</li>
|
|
<li style="margin-bottom: 8px;">Fundraising strategy — campaign design for charity partners</li>
|
|
</ul>
|
|
<p><strong>What we don't do:</strong> We don't collect donations directly. We don't issue tax receipts. We don't operate as a registered charity. This is intentional — it keeps us focused on design, management, and accountability rather than fundraising compliance.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- The name -->
|
|
<section class="verse-callout fade-up">
|
|
<div class="verse-arabic">وَتَعَاوَنُوا عَلَى الْبِرِّ وَالتَّقْوَىٰ</div>
|
|
<div class="verse-english">"And cooperate in righteousness and piety."</div>
|
|
<div class="verse-ref">Al-Ma'idah 5:2</div>
|
|
</section>
|
|
|
|
<!-- Team -->
|
|
<section class="section bg-cream">
|
|
<div class="container">
|
|
<div class="section-label fade-up">The Team</div>
|
|
<div class="section-gold-rule fade-up"></div>
|
|
<h2 class="fade-up">Small team. Real work.</h2>
|
|
<p class="fade-up">We're a lean team — intentionally. Overhead stays low, accountability stays high. Everyone is hands-on.</p>
|
|
<div class="team-grid mt-4">
|
|
<div class="team-card fade-up">
|
|
<div class="team-avatar">OS</div>
|
|
<div class="team-name">Omair Saleh</div>
|
|
<div class="team-role">Co-Founder & Technical Lead</div>
|
|
<p class="mt-2" style="font-size:14px; color:#666; text-align:left;">Builds the technology that powers the projects — dashboards, financial tracking, communication systems. Also leads project design and stakeholder coordination. Background in software engineering and charity technology (QuikCue, CharityRight).</p>
|
|
</div>
|
|
<div class="team-card fade-up">
|
|
<div class="team-avatar">SH</div>
|
|
<div class="team-name">Sheikh Hamid</div>
|
|
<div class="team-role">Ground Implementation Lead</div>
|
|
<p class="mt-2" style="font-size:14px; color:#666; text-align:left;">Leads UDES UK, our ground implementation partner. Coordinates with the Lolo community, manages local labour, oversees construction and infrastructure work. Has deep relationships with community leaders and local authorities.</p>
|
|
</div>
|
|
<div class="team-card fade-up">
|
|
<div class="team-avatar">SA</div>
|
|
<div class="team-name">Saiqa Ahmed</div>
|
|
<div class="team-role">Fundraising Partner (SWAN London)</div>
|
|
<p class="mt-2" style="font-size:14px; color:#666; text-align:left;">Leads SWAN London, our primary UK fundraising partner. Provides the registered charity infrastructure for UK tax-efficient donations. Manages Stripe checkout, donor communications, and gift aid claims.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- How we're structured -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-label fade-up">Structure</div>
|
|
<div class="section-gold-rule fade-up"></div>
|
|
<h2 class="fade-up">How money flows — transparently.</h2>
|
|
<div class="prose fade-up" style="max-width:720px;">
|
|
<p>Understanding how money moves through our ecosystem is critical to trust. Here's how it works:</p>
|
|
<p><strong>1. Donors give to charity partners</strong> — SWAN London (UK), HFA (Australia). These are registered charities with full regulatory compliance. They issue tax receipts.</p>
|
|
<p><strong>2. Charity partners fund projects</strong> — Funds are disbursed to project budgets based on agreed milestones. Every disbursement requires documentation.</p>
|
|
<p><strong>3. Taawunu manages the projects</strong> — We design the intervention, manage the budget, coordinate implementation, and provide monitoring. Our professional service fees are openly listed in every budget.</p>
|
|
<p><strong>4. Local partners implement on the ground</strong> — UDES coordinates community labour, manages materials, and oversees construction.</p>
|
|
<p><strong>5. Taawunu verifies and reports</strong> — Independent M&E visits. Published reports with photos, financials, and honest assessments of what worked and what didn't.</p>
|
|
<p style="font-size:14px; color:var(--muted); border-top: 1px solid #ddd; padding-top: 16px; margin-top: 24px;"><em>Taawunu's management fees are always disclosed. In the Lolo project, they total £2,606 (6% of the total £43K budget) — covering project design, coordination, reporting, and two on-site M&E visits.</em></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact -->
|
|
<section class="section bg-cream" id="contact">
|
|
<div class="container">
|
|
<div class="section-label fade-up">Get In Touch</div>
|
|
<div class="section-gold-rule fade-up"></div>
|
|
<h2 class="fade-up">Let's build something together.</h2>
|
|
<p class="fade-up">Whether you're a donor, a charity partner, a foundation, or just someone who cares — we'd like to hear from you.</p>
|
|
|
|
<div style="display:grid; grid-template-columns: 1fr 1fr; gap:40px; margin-top:40px;" class="fade-up">
|
|
<div>
|
|
<form action="https://formspree.io/f/placeholder" method="POST" style="max-width:480px;">
|
|
<div class="form-group">
|
|
<label for="name">Your Name</label>
|
|
<input type="text" id="name" name="name" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email">Email</label>
|
|
<input type="email" id="email" name="email" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="interest">I'm interested in...</label>
|
|
<select id="interest" name="interest">
|
|
<option value="">Select one</option>
|
|
<option value="donate">Supporting a project</option>
|
|
<option value="partner">Charity partnership</option>
|
|
<option value="institutional">Institutional funding</option>
|
|
<option value="media">Media / press</option>
|
|
<option value="other">Something else</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="message">Message</label>
|
|
<textarea id="message" name="message" rows="5"></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Send Message</button>
|
|
</form>
|
|
</div>
|
|
<div>
|
|
<h3 class="mb-3">Direct Contact</h3>
|
|
<p style="font-size:15px;"><strong>Email:</strong><br><a href="mailto:hello@taawunu.org">hello@taawunu.org</a></p>
|
|
<p style="font-size:15px;"><strong>For partnerships & institutional enquiries:</strong><br><a href="mailto:omair@taawunu.org">omair@taawunu.org</a></p>
|
|
<p style="font-size:15px; margin-top:24px;"><strong>Social Media:</strong><br>
|
|
<a href="https://linkedin.com/company/taawunu" target="_blank" rel="noopener">LinkedIn</a> · <a href="https://instagram.com/taawunu" target="_blank" rel="noopener">Instagram</a>
|
|
</p>
|
|
<div style="margin-top:32px; padding:20px; background:white; border-radius:4px; border-left:3px solid var(--gold);">
|
|
<p style="font-size:13px; color:var(--muted); margin-bottom:0;"><strong style="color:var(--deep);">For technical services</strong> (dashboards, data systems, charity technology), visit our professional services arm: <a href="https://haqiqah.com" target="_blank" rel="noopener">Haqiqah Consulting</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand"><div class="footer-arabic">تَعَاوُنُوا</div><div class="footer-wordmark">TAAWUNU</div><p>A social impact studio designing permanent self-sufficiency for marginalized communities.</p></div>
|
|
<div><h4>Explore</h4><ul><li><a href="/approach/">Our Approach</a></li><li><a href="/projects/">Projects</a></li><li><a href="/gallery/">Gallery</a></li>
|
|
<li><a href="/about/"><li><a href="/about/">About Us</a></li><li><a href="/support/">Support</a></li></ul></div>
|
|
<div><h4>Projects</h4><ul><li><a href="/projects/#aquaculture">Lolo Aquaculture</a></li><li><a href="/projects/#water">Solar Water Well</a></li></ul></div>
|
|
<div><h4>Connect</h4><ul><li><a href="mailto:hello@taawunu.org">hello@taawunu.org</a></li><li><a href="https://linkedin.com/company/taawunu" target="_blank" rel="noopener">LinkedIn</a></li><li><a href="https://instagram.com/taawunu" target="_blank" rel="noopener">Instagram</a></li></ul></div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2026 Taawunu. From the ground up.</p>
|
|
<p class="footer-legal">Taawunu is a social impact studio. Charitable donations are processed by our registered charity partners. Taawunu does not solicit or receive charitable donations directly.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
const nav = document.getElementById('nav');
|
|
window.addEventListener('scroll', () => nav.classList.toggle('scrolled', window.scrollY > 20));
|
|
document.getElementById('navToggle').addEventListener('click', () => document.getElementById('navLinks').classList.toggle('open'));
|
|
const observer = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); }); }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
|
|
document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
|
|
</script>
|
|
</body>
|
|
</html>
|