<div class="module-page"> <!-- ============================================ 1. MODULE INTRO ============================================ --> <div class="mp-intro"> <div class="mp-icon" style="background-color: rgba(16, 185, 129, 0.15);"> <i data-lucide="file-text" style="color: #10B981;"></i> </div> <h1>Forms &amp; Application Management</h1> <p class="mp-tagline">Build Forms, Manage Applications, Automate Workflows</p> <p class="mp-description"> Create custom online forms for anything - surveys, grant applications, job postings, volunteer signups, and more. Submissions flow into your database with built-in workflow statuses, admin review and assignment, document uploads, and automatic connections to contacts, groups, and volunteers. </p> <div class="mp-cta-buttons"> <a href="/request-demo" class="btn btn-primary">Request a Demo</a> <a href="/pricing" class="btn btn-outline">View Pricing</a> </div> </div> <!-- ============================================ 2. PRODUCT SCREENSHOT ============================================ --> <div class="mp-screenshot"> <img src="/_data/global/images/moduleimages/updatedmodules/formsmodule2022.jpg" alt="CitySoft Forms and Application Management module showing form builder and submissions"> </div> <!-- ============================================ 3. KEY CAPABILITIES GRID ============================================ --> <div class="mp-section"> <h2 class="mp-section-title">What You Can Do</h2> <div class="mp-capabilities"> <!-- Capability 1 --> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(16, 185, 129, 0.15);"> <i data-lucide="pencil-ruler" style="color: #10B981;"></i> </div> <h3>Custom Form Builder</h3> <p>Build and post custom forms online for surveys, applications, job postings, grant requests, or anything else. Users can search for available forms, save drafts, and return later to finish before submitting.</p> </div> <!-- Capability 2 --> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(16, 185, 129, 0.15);"> <i data-lucide="git-branch" style="color: #10B981;"></i> </div> <h3>Application Workflow</h3> <p>Manage submissions with built-in statuses - In Progress, Submitted, Approved, Rejected, and more. Assign submitted forms to other admins for evaluation and track every application through the process.</p> </div> <!-- Capability 3 --> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(16, 185, 129, 0.15);"> <i data-lucide="link" style="color: #10B981;"></i> </div> <h3>Automatic Database Connections</h3> <p>Form submissions can automatically flag contacts as prospects or volunteers and add them to groups in the Groups module - no manual data entry needed after someone submits.</p> </div> <!-- Capability 4 --> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(16, 185, 129, 0.15);"> <i data-lucide="upload" style="color: #10B981;"></i> </div> <h3>Document Uploads &amp; Certificates</h3> <p>Applicants can upload documents like resumes as part of their submission. Certificates with mergeable fields can be awarded to users based on their form or application submissions.</p> </div> <!-- Capability 5 --> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(16, 185, 129, 0.15);"> <i data-lucide="clipboard-list" style="color: #10B981;"></i> </div> <h3>Admin Review &amp; Assignment</h3> <p>Administrators can view all submissions online and assign them to other admins for evaluation. Manage the entire review process from within the platform.</p> </div> <!-- Capability 6 --> <div class="mp-capability-card"> <div class="mp-capability-icon" style="background-color: rgba(16, 185, 129, 0.15);"> <i data-lucide="history" style="color: #10B981;"></i> </div> <h3>Submission History</h3> <p>Logged-in users can see a history of all their past form submissions from the front-end website, making it easy to reference previous applications and track their status.</p> </div> </div> </div> <!-- ============================================ 4. RELATED MODULES ============================================ --> <div class="mp-section"> <h2 class="mp-section-title">Works Great With</h2> <div class="mp-related"> <!-- Related Module 1: Groups --> <a href="/modules/groups" class="mp-related-card"> <div class="mp-related-icon" style="background-color: rgba(249, 115, 22, 0.15);"> <i data-lucide="layers" style="color: #F97316;"></i> </div> <h3>Groups</h3> <p>Form submissions can automatically place applicants into groups - like adding a volunteer to a team when they apply for a position.</p> <div class="card-link"> <span>Learn more</span> <i data-lucide="arrow-right"></i> </div> </a> <!-- Related Module 2: Volunteers --> <a href="/modules/volunteers" class="mp-related-card"> <div class="mp-related-icon" style="background-color: rgba(34, 197, 94, 0.15);"> <i data-lucide="heart-handshake" style="color: #22C55E;"></i> </div> <h3>Volunteers</h3> <p>Applicants who submit volunteer forms are automatically flagged as volunteers in the Contacts module and linked to jobs and groups.</p> <div class="card-link"> <span>Learn more</span> <i data-lucide="arrow-right"></i> </div> </a> <!-- Related Module 3: Contacts --> <a href="/modules/contacts" class="mp-related-card"> <div class="mp-related-icon" style="background-color: rgba(59, 130, 246, 0.15);"> <i data-lucide="circle-user-round" style="color: #3B82F6;"></i> </div> <h3>Contacts</h3> <p>Every form submission ties to a contact record - automatically flagging them as prospects, volunteers, or whatever role fits.</p> <div class="card-link"> <span>Learn more</span> <i data-lucide="arrow-right"></i> </div> </a> </div> </div> <!-- ============================================ 5. BOTTOM CTA ============================================ --> <div class="mp-bottom-cta"> <h3>See Forms &amp; Application Management in Action</h3> <p>Schedule a personalized demo and see how CitySoft can streamline your forms, applications, and review workflows.</p> <a href="/request-demo" class="btn">Request a Demo</a> </div> </div>