<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UN Digital Consultation — Expert Appeals Drafting</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Inter', sans-serif; color: #333; line-height: 1.6; }
a { text-decoration: none; }
.container { max-width: 1200px; margin: 0 auto; padding: 2rem; }
.btn { display: inline-block; padding: 0.75rem 1.5rem; border-radius: 8px; background: #0052cc; color: #fff; font-weight: 600; transition: background 0.3s; }
.btn:hover { background: #003d99; }
header.hero { display: flex; align-items: center; justify-content: space-between; padding: 4rem 2rem; background: #f5f7fa; }
header.hero .hero-text { max-width: 600px; }
header.hero h1 { font-size: 2.75rem; margin-bottom: 1rem; }
header.hero p { font-size: 1.125rem; margin-bottom: 1.5rem; }
header.hero img { max-width: 45%; }
section.features, section.testimonials, section.pricing { padding: 4rem 0; }
.features-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 2rem; }
.feature-card { background: #fff; border-radius: 8px; padding: 2rem; box-shadow: 0 2px 10px rgba(0,0,0,0.05); text-align: center; }
.feature-card h3 { margin-bottom: 0.75rem; font-size: 1.25rem; }
.feature-card p { font-size: 1rem; color: #666; }
.comparison { display: flex; gap: 2rem; margin-top: 2rem; }
.comparison div { flex: 1; background: #fff; border-radius: 8px; padding: 1.5rem; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.comparison h4 { margin-bottom: 1rem; font-size: 1.125rem; }
.testimonials .testimonial-card { margin-bottom: 2rem; }
.testimonial-card p { font-style: italic; color: #555; margin-bottom: 1rem; }
.testimonial-card .author { font-weight: 600; }
.pricing-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; }
.pricing-card { background: #fff; border-radius: 8px; padding: 2rem; box-shadow: 0 2px 10px rgba(0,0,0,0.05); text-align: center; }
.pricing-card h3 { margin-bottom: 1rem; font-size: 1.5rem; }
.pricing-card .price { font-size: 2.5rem; color: #0052cc; margin-bottom: 1rem; }
footer { background: #f5f7fa; padding: 2rem 0; text-align: center; font-size: 0.9rem; }
form { display: grid; gap: 1rem; }
form input, form textarea { width: 100%; padding: 0.75rem; border: 1px solid #ccc; border-radius: 4px; }
</style>
</head>
<body>
<header class="hero">
<div class="hero-text">
<h1>Expert Appeals & Document Drafting for UN Staff</h1>
<p>Contest administrative decisions with confidence—just input your case facts, and we'll handle the rest.</p>
<a href="#sign-up" class="btn">Get Started</a>
</div>
<img src="https://via.placeholder.com/450x300" alt="Digital consultation illustration" />
</header>
<section class="container features" id="features">
<h2 style="text-align:center; font-size:2rem; margin-bottom:2rem;">Why Choose Our Consultation?</h2>
<div class="features-grid">
<div class="feature-card">
<h3>Tailored to UN Procedures</h3>
<p>Our experts know the UN’s administrative rules inside-out.</p>
</div>
<div class="feature-card">
<h3>Expert Legal Drafting</h3>
<p>Professionally drafted appeals & documents, ready for submission.</p>
</div>
<div class="feature-card">
<h3>Fast Turnaround</h3>
<p>Receive polished drafts within 48 hours of submission.</p>
</div>
<div class="feature-card">
<h3>Confidential & Secure</h3>
<p>All data is encrypted and stored according to UN privacy standards.</p>
</div>
</div>
<div class="comparison">
<div>
<h4>Raw Case Facts</h4>
<ul>
<li>“I was demoted without clear reason.”</li>
<li>“Deadline for appeal unclear.”</li>
</ul>
</div>
<div>
<h4>Our Polished Draft</h4>
<p>"Pursuant to Staff Regulation XX and the UN Appeals Tribunal precedents, please consider the following grounds…”</p>
</div>
</div>
</section>
<section class="container testimonials" id="testimonials">
<h2 style="text-align:center; font-size:2rem; margin-bottom:2rem;">What Our Clients Say</h2>
<div class="testimonial-card">
<p>“I didn’t know where to start. Within days, I had a thorough, convincing appeal ready to submit.”</p>
<div class="author">— Jane Doe, UNDP</div>
</div>
<div class="testimonial-card">
<p>“Professional, fast, and secure. Their expertise made all the difference.”</p>
<div class="author">— John Smith, UNICEF</div>
</div>
</section>
<section class="container pricing" id="pricing">
<h2 style="text-align:center; font-size:2rem; margin-bottom:2rem;">Pricing Plans</h2>
<div class="pricing-cards">
<div class="pricing-card">
<h3>Starter</h3>
<div class="price">$99</div>
<p>Single appeal drafting<br>48-hour delivery<br>Email support</p>
<a href="#sign-up" class="btn">Choose Starter</a>
</div>
<div class="pricing-card">
<h3>Professional</h3>
<div class="price">$199</div>
<p>Up to 2 documents<br>24-hour delivery<br>Priority email chat</p>
<a href="#sign-up" class="btn">Choose Professional</a>
</div>
<div class="pricing-card">
<h3>Enterprise</h3>
<div class="price">$499</div>
<p>Unlimited docs<br>12-hour delivery<br>Dedicated advisor</p>
<a href="#sign-up" class="btn">Choose Enterprise</a>
</div>
</div>
</section>
<section class="container" id="sign-up">
<h2 style="text-align:center; font-size:2rem; margin-bottom:1.5rem;">Ready to Strengthen Your Appeal?</h2>
<form onsubmit="handleSubmit(event)">
<input type="text" name="name" placeholder="Full Name" required />
<input type="email" name="email" placeholder="Email Address" required />
<textarea name="details" rows="4" placeholder="Brief Description of Your Case" required></textarea>
<button type="submit" class="btn">Send My Case Info</button>
</form>
</section>
<footer>
© 2025 UN Digital Consultation. All Rights Reserved.
</footer>
<script>
function handleSubmit(e) {
e.preventDefault();
alert('Thank you! We\'ll review your case details and be in touch within 24 hours.');
e.target.reset();
}
</script>
</body>
</html>