Markdown Martha
109eb2de44
- Landing page with hero section, features, and CTA - Help center with getting started guide and FAQ - Privacy policy and terms of service pages - About page with company mission and values - Responsive CSS styling for mobile-first experience - GitHub Actions workflow for automatic deployment - .gitignore for common files All content is shopper-focused and emphasizes savings benefits. Responsive design optimized for mobile grocery shopping context. Co-Authored-By: Paperclip <noreply@paperclip.ing>
75 lines
2.7 KiB
HTML
75 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Help & Guides – CartSnitch</title>
|
||
<meta name="description" content="Learn how to use CartSnitch to find deals and save money on groceries.">
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<nav>
|
||
<a href="/" class="logo">🛒 CartSnitch</a>
|
||
<ul class="nav-links">
|
||
<li><a href="/">Home</a></li>
|
||
<li><a href="/docs/">Help & Guides</a></li>
|
||
<li><a href="/about/">About</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); padding: 3rem 2rem;">
|
||
<div class="container">
|
||
<h1>Help & Guides</h1>
|
||
<p>Everything you need to get the most out of CartSnitch</p>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="container">
|
||
<nav class="breadcrumb">
|
||
<a href="/">Home</a> / Help & Guides
|
||
</nav>
|
||
|
||
<section style="padding: 3rem 0;">
|
||
<div class="features">
|
||
<a href="/docs/getting-started.html" style="text-decoration: none; color: inherit;">
|
||
<div class="feature" style="cursor: pointer; transition: all 0.2s;">
|
||
<h3>Getting Started</h3>
|
||
<p>Learn the basics of using CartSnitch to find deals and save money on your grocery shopping.</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="/docs/faq.html" style="text-decoration: none; color: inherit;">
|
||
<div class="feature" style="cursor: pointer; transition: all 0.2s;">
|
||
<h3>Frequently Asked Questions</h3>
|
||
<p>Find answers to common questions about CartSnitch, our deals, and how we keep your data safe.</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="mailto:support@cartsnitch.com" style="text-decoration: none; color: inherit;">
|
||
<div class="feature" style="cursor: pointer; transition: all 0.2s;">
|
||
<h3>Contact Support</h3>
|
||
<p>Have a question we didn't answer? Reach out to our support team at support@cartsnitch.com</p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<p>CartSnitch – Save money on groceries, one trip at a time</p>
|
||
<p style="margin-top: 1rem; font-size: 0.875rem;">
|
||
<a href="/docs/privacy/">Privacy Policy</a> ·
|
||
<a href="/docs/terms/">Terms of Service</a> ·
|
||
<a href="mailto:support@cartsnitch.com">Contact Support</a>
|
||
</p>
|
||
<p style="margin-top: 1.5rem; color: #9ca3af;">Made with ❤️ for shoppers who value every dollar.</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|