<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width,initial-scale=1" />

<title>Legal Tender Bookkeeping & Accounting Service</title>

<meta name="description" content="Legal Tender — Bookkeeping & Accounting Services specializing in AppFolio Accounting and property management compliance." />

<!-- Tailwind CDN for fast mockup -->

<script src="https://cdn.tailwindcss.com"></script>

<style>

/* subtle dollar-green palette */

:root{

--lt-green:#2f5d2f; /* darker */

--lt-green-2:#4a7a4a; /* mid */

--accent:#f4f6f4; /* light bg */

}

/* small aesthetic touches */

.brand-line{ border-top:4px solid var(--lt-green); }

</style>

</head>

<body class="bg-white text-gray-800 antialiased">

<!-- Header -->

<header class="shadow-sm">

<div class="max-w-6xl mx-auto flex items-center justify-between p-4">

<a href="/" class="flex items-center space-x-4">

<img src="assets.logo.gif" alt="Legal Tender logo" class="h-14 w-auto object-contain" />

<div class="hidden sm:block">

<h1 class="text-xl font-serif text-[var(--lt-green)]">Legal Tender</h1>

<p class="text-sm text-gray-600">Bookkeeping & Accounting Service</p>

</div>

</a>

<!-- Nav -->

<nav class="hidden md:flex items-center space-x-6" aria-label="Main navigation">

<a class="hover:text-[var(--lt-green)]" href="#services">Services</a>

<!-- Dropdown -->

<div class="relative group">

<button class="flex items-center gap-2 hover:text-[var(--lt-green)]" aria-expanded="false" id="acct-menu-btn">

Accounting <svg class="w-4 h-4 inline-block" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>

</button>

<div class="absolute right-0 mt-2 w-56 bg-white border rounded shadow-lg opacity-0 group-hover:opacity-100 invisible group-hover:visible transition-opacity" role="menu" aria-labelledby="acct-menu-btn">

<a href="#general-accounting" class="block px-4 py-2 hover:bg-gray-50">General Accounting</a>

<a href="#appfolio-accounting" class="block px-4 py-2 hover:bg-gray-50">AppFolio Accounting</a>

<a href="#training" class="block px-4 py-2 hover:bg-gray-50">Training</a>

<a href="#tax" class="block px-4 py-2 hover:bg-gray-50">Tax Return Preparation</a>

</div>

</div>

<a class="hover:text-[var(--lt-green)]" href="#blog">Blog</a>

<a class="px-4 py-2 rounded border border-[var(--lt-green)] text-[var(--lt-green)] hover:bg-[var(--lt-green)] hover:text-white" href="#contact">Contact</a>

</nav>

<!-- Mobile menu button -->

<div class="md:hidden">

<button id="mobile-btn" aria-label="Open menu">

<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>

</button>

</div>

</div>

<!-- Mobile menu panel -->

<div id="mobile-menu" class="hidden md:hidden border-t">

<div class="px-4 py-3 space-y-2">

<a class="block" href="#services">Services</a>

<details>

<summary class="cursor-pointer">Accounting Options</summary>

<ul class="pl-4 mt-2">

<li><a href="#general-accounting" class="block py-1">General Accounting</a></li>

<li><a href="#appfolio-accounting" class="block py-1">AppFolio Accounting</a></li>

<li><a href="#training" class="block py-1">Training</a></li>

<li><a href="#tax" class="block py-1">Tax Return Preparation</a></li>

</ul>

</details>

<a class="block" href="#blog">Blog</a>

<a class="block" href="#contact">Contact</a>

</div>

</div>

</header>

<!-- Hero -->

<section class="bg-[var(--accent)] brand-line">

<div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-6 items-center p-8">

<div>

<h2 class="text-3xl md:text-4xl font-serif text-[var(--lt-green)]">Accounting built for Property Managers</h2>

<p class="mt-4 text-gray-700">Specialized AppFolio accounting, trust-account compliance, staff training, and full bookkeeping services — trusted partner since 2011.</p>

<div class="mt-6 flex gap-3">

<a href="#appfolio-accounting" class="px-4 py-2 bg-[var(--lt-green)] text-white rounded">AppFolio Accounting</a>

<a href="#contact" class="px-4 py-2 border rounded">Request a Consultation</a>

</div>

</div>

<div class="hidden md:block">

<!-- placeholder image; replace with a high-resolution stock photo if desired -->

<div class="h-56 bg-gradient-to-r from-green-100 to-white rounded-lg flex items-center justify-center text-sm text-gray-400">

Stock image of property management / accounting

</div>

</div>

</div>

</section>

<!-- Services overview -->

<section id="services" class="max-w-6xl mx-auto p-8">

<h3 class="text-2xl font-semibold text-[var(--lt-green)]">Our Services</h3>

<p class="mt-2 text-gray-600">Comprehensive accounting services tailored to small businesses and property managers/real estate professionals.</p>

<div class="mt-6 grid md:grid-cols-3 gap-6">

<article id="general-accounting" class="p-4 border rounded">

<h4 class="font-semibold">General Accounting</h4>

<p class="mt-2 text-sm text-gray-600"> Certified QuickBooks ProAdvisor offering Full charge bookkeeping, reconciliations, monthly financials, and customized reporting.</p>

</article>

<article id="appfolio-accounting" class="p-4 border rounded">

<h4 class="font-semibold">AppFolio Accounting</h4>

<p class="mt-2 text-sm text-gray-600">

<strong>Struggling with Trust Accounting in AppFolio?</strong><br />

Certified Appfolio Accountant with 13+ Years of Experience.

</p>

<ul class="mt-3 text-sm list-disc pl-5 text-gray-700">

<li>Keep accounting books compliant with real estate commission regulations.</li>

<li>Minimize trust account errors by teaching staff the correct way to enter transactions.</li>

<li>Streamline accounting processes for better efficiency and accuracy.</li>

<li>A ”Real Person” providing “Real Results”</li>

<li>A local resource for Property Managers needing answers.</li>

</ul>

<p class="mt-3 text-sm text-gray-600">

</article>

<article id="training" class="p-4 border rounded">

<h4 class="font-semibold">Training</h4>

<p class="mt-2 text-sm text-gray-600">Personalized remote training to keep staff confident and compliant with accounting procedures.</p>

<div class="mt-3">

<a href="#contact" class="text-[var(--lt-green)] underline">Schedule training</a>

</div>

</article>

</div>

<div class="mt-6 grid md:grid-cols-2 gap-6">

<article id="tax" class="p-4 border rounded">

<h4 class="font-semibold">Tax Return Preparation</h4>

<p class="mt-2 text-sm text-gray-600">Coordination with your tax preparer and year-end reconciliations.</p>

</article>

<article class="p-4 border rounded">

<h4 class="font-semibold">AppFolio & QuickBooks Support</h4>

<p class="mt-2 text-sm text-gray-600">Assistance with system issues, reconciliation, migration, and integrations.</p>

</article>

</div>

</section>

<!-- Blog preview -->

<section id="blog" class="bg-gray-50 py-8">

<div class="max-w-6xl mx-auto p-8">

<h3 class="text-2xl font-semibold text-[var(--lt-green)]">From the Blog</h3>

<p class="mt-2 text-gray-600">Updates, compliance tips, and AppFolio best practices.</p>

<div class="mt-6 grid md:grid-cols-3 gap-4">

<article class="p-4 border rounded bg-white">

<h4 class="font-semibold">Trust Accounting Basics</h4>

<p class="text-sm text-gray-600 mt-2">Short tips to avoid common trust-account mistakes in AppFolio.</p>

</article>

<article class="p-4 border rounded bg-white">

<h4 class="font-semibold">Monthly Reconciliation Checklist</h4>

<p class="text-sm text-gray-600 mt-2">A checklist to keep your books ready for audits and tax season.</p>

</article>

<article class="p-4 border rounded bg-white">

<h4 class="font-semibold">Training Staff for Accurate Entries</h4>

<p class="text-sm text-gray-600 mt-2">How to set up staff workflows that reduce errors.</p>

</article>

</div>

</div>

</section>

<!-- Contact -->

<section id="contact" class="max-w-6xl mx-auto p-8">

<h3 class="text-2xl font-semibold text-[var(--lt-green)]">Contact</h3>

<p class="mt-2 text-gray-600">Email or request a consultation below.</p>

<div class="mt-6 grid md:grid-cols-2 gap-6">

<form class="space-y-4" action="mailto:inquiry@legaltenderbas.com" method="post" enctype="text/plain">

<label class="block">

<span class="text-sm text-gray-700">Name</span>

<input required name="name" class="mt-1 block w-full border rounded px-3 py-2" />

</label>

<label class="block">

<span class="text-sm text-gray-700">Email</span>

<input required type="email" name="email" class="mt-1 block w-full border rounded px-3 py-2" />

</label>

<label class="block">

<span class="text-sm text-gray-700">Message</span>

<textarea required name="message" rows="5" class="mt-1 block w-full border rounded px-3 py-2"></textarea>

</label>

<div>

<button type="submit" class="px-4 py-2 bg-[var(--lt-green)] text-white rounded">Send</button>

</div>

</form>

<div class="p-4 border rounded">

<h4 class="font-semibold">Other ways to reach us</h4>

<p class="text-sm text-gray-700 mt-2">Email: <a class="text-[var(--lt-green)] underline" href="mailto:inquiry@legaltenderbas.com">inquiry@legaltenderbas.com</a></p>

<p class="text-sm text-gray-700 mt-2">Phone: 770-717-3146</p>

<p class="text-sm text-gray-700 mt-4">For hosted WordPress or blog upgrades, I can provide a theme or migration plan.</p>

</div>

</div>

</section>

<!-- Footer -->

<footer class="border-t">

<div class="max-w-6xl mx-auto p-4 flex flex-col md:flex-row justify-between items-center text-sm text-gray-600">

<div>&copy; <span id="year"></span> Legal Tender Bookkeeping & Accounting Service</div>

<div class="mt-2 md:mt-0">Quickbooks ProAdvisor for small businesses • AppFolio Certified Accountant for property managers</div>

</div>

</footer>

<!-- small scripts -->

<script>

// year

document.getElementById('year').textContent = new Date().getFullYear();

// mobile toggle

const btn = document.getElementById('mobile-btn');

const menu = document.getElementById('mobile-menu');

btn && btn.addEventListener('click', () => {

menu.classList.toggle('hidden');

});

// Accessibility: keyboard support for dropdown

const acctBtn = document.getElementById('acct-menu-btn');

if (acctBtn) {

acctBtn.addEventListener('keydown', e => {

if(e.key === 'Enter' || e.key === ' ') {

e.preventDefault();

const parent = acctBtn.parentElement;

parent.classList.toggle('group-hover');

}

});

}

</script>

</body>

</html>