<div class="module-page"> <div class="mp-intro"> <div class="mp-icon" style="background-color: rgba(59, 130, 246, 0.15); color: rgb(59, 130, 246);"><i data-lucide="file-text"></i></div> <h1>Document Management</h1> <p class="mp-tagline">Your Organization's Knowledge, Organized and Findable</p> <p class="mp-description">Publish, organize, and secure every document your organization shares - board packets, policies, manuals, newsletters, and training materials. Attach files from anywhere, control who can see them, and help members find exactly what they need through search or an AI chat assistant.</p> <div class="mp-cta-buttons"> <a class="btn btn-primary" href="/request-demo">Request a Demo</a> <a class="btn btn-outline" href="/pricing">View Pricing</a> </div> </div> <!-- HERO IMAGE - replace src with the uploaded URL of Admin-Documents-Module-Landing-Page.png --> <div class="mp-screenshot"> <img src="/_data/global/images/website/admin-documents-module-landing-page.png" alt="CitySoft Document Management admin showing the document library, search filters, and analytics dashboard" style="width:100%;height:auto;display:block;"> </div> <div class="mp-section"> <h2 class="mp-section-title">What You Can Do</h2> <div class="mp-capabilities"> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15); color: rgb(59, 130, 246);"><i data-lucide="paperclip"></i></div> <h3>Attach Files From Anywhere</h3> <p>Upload PDFs, Word docs, and spreadsheets - or link to files in Google Drive or SharePoint, a web page, an offline item like a library book, or even an online course. It all stays searchable.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15); color: rgb(59, 130, 246);"><i data-lucide="lock"></i></div> <h3>Control Who Sees What</h3> <p>Make any document admin-only, public, or restricted to logged-in members - so the right people see the right files, wherever those files appear.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15); color: rgb(59, 130, 246);"><i data-lucide="search"></i></div> <h3>Many Ways to Find Documents</h3> <p>Give members a browsable topic directory, quick keyword search, and advanced search by title, author, topic, region, or call number.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15); color: rgb(59, 130, 246);"><i data-lucide="file-search"></i></div> <h3>Search Inside Your Files</h3> <p>Full-text content search looks inside the documents themselves - not just titles and tags - so nothing important stays buried.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15); color: rgb(59, 130, 246);"><i data-lucide="sparkles"></i></div> <h3>AI Document Chat</h3> <p>Add a chat assistant that answers members' questions in plain language, drawing only from your own documents.</p> </div> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(59, 130, 246, 0.15); color: rgb(59, 130, 246);"><i data-lucide="bar-chart-3"></i></div> <h3>Connected Analytics</h3> <p>Track views, downloads, and unique visitors per document - with the numbers built into your platform-wide reporting, not siloed away.</p> </div> </div> </div> <!-- SECOND IMAGE - replace src with the uploaded URL of AI-Document-Chat.png --> <div class="mp-screenshot"> <img src="/_data/global/images/website/ai-document-chat.png" alt="CitySoft AI document chat answering a member's question using the organization's own documents" style="max-width:420px;height:auto;display:block;margin:0 auto;"> </div> <div class="mp-section"> <h2 class="mp-section-title">Works Great With</h2> <div class="mp-related"> <a class="mp-related-card" href="/modules/websites"> <div class="mp-related-icon" style="background-color: rgba(132, 204, 22, 0.15); color: rgb(132, 204, 22);"><i data-lucide="layout-template"></i></div> <h3>Web Pages</h3> <p>Place document search, topic directories, and direct file links right on your website pages.</p> <div class="card-link"><span>Learn more</span><i data-lucide="arrow-right"></i></div> </a> <a class="mp-related-card" href="/modules/members"> <div class="mp-related-icon" style="background-color: rgba(132, 204, 22, 0.15); color: rgb(132, 204, 22);"><i data-lucide="users"></i></div> <h3>Members</h3> <p>Restrict documents to logged-in members and build member-only resource libraries on top of your contact records.</p> <div class="card-link"><span>Learn more</span><i data-lucide="arrow-right"></i></div> </a> <a class="mp-related-card" href="/modules/certifications"> <div class="mp-related-icon" style="background-color: rgba(132, 204, 22, 0.15); color: rgb(132, 204, 22);"><i data-lucide="graduation-cap"></i></div> <h3>Continuing Education</h3> <p>Link documents to online courses to deliver lightweight learning-management features without a separate system.</p> <div class="card-link"><span>Learn more</span><i data-lucide="arrow-right"></i></div> </a> </div> </div> <div class="mp-bottom-cta"> <h3>See Document Management in Action</h3> <p>Schedule a personalized demo and see how CitySoft can organize your entire document library.</p> <a class="btn" href="/request-demo">Request a Demo</a> </div> </div>