<?php include "../assets/folder_name.php"; ?>

<link rel="stylesheet" href="<?php echo $folder_name; ?>assets/css/header.css">


<div class="topbar">
    <a class="logotopbar" href="index.php"><img src="<?php echo $folder_name; ?>assets/img/skybot_logo.png"></a>
    <div class="infomail"><i class="fa-regular fa-envelope"></i>skybot@test.com</div>
    <div class="infomobile"><i class="fa-solid fa-phone"></i>07550183510</div>
    <div class="infolocation"><i class="fa-solid fa-map-marker-alt"></i>Location</div>
    <div class="infologin">Login / Register</div>
</div>


<div class="desktop-header">
    <div class="row p-0 m-0">
        <div class="col-12 d-flex align-items-center justify-content-start p-0 m-0">
            <div class="header-menus">
                <span>New Drones <i class="fa-solid fa-angle-down"></i></span>
                <div class="submenu-card">
                    <ul class="big-submenu-ul">
                        <?php
                            $headerleftinc = 1;
                            $accordian_category = "SELECT id, category_id, category FROM drone_category WHERE deletion=0";
                            $accordian_category_row = mysqli_query($conn,$accordian_category);
                            if ($accordian_category_row->num_rows > 0) {
                                while ($c = $accordian_category_row->fetch_assoc()) { 
                        ?>
                                    <div class="big-submenu-ul-heading submenu-heading" data-default="service<?php echo $headerleftinc; ?>"><?php echo $c['category']; ?> <i class="fa-solid fa-angle-down icon_angles"></i></div>
                        <?php
                                    $typedrone_query = "select type_id,type_of_drone from type_of_drones where category='$c[category_id]' and deletion=0";
                                    $typedrone_row = mysqli_query($conn,$typedrone_query);
                                    if ($typedrone_row->num_rows > 0) {
                                        while ($t = $typedrone_row->fetch_assoc()) { 
                        ?>
                                            <li class="big-submenu-ul-li" data-target="service<?php echo $headerleftinc; ?>"><?php echo $t['type_of_drone']; ?><i class="fa-solid fa-angle-right icon_angles"></i></li>
                        <?php 
                                            $headerleftinc++;
                                        }
                                    }
                        ?>
                        <?php
                                }
                            }
                        ?>
                    </ul>
                    <div class="big-submenu-content" style="overflow-y: auto;">
                        <?php
                            $headerrightinc = 1;
                            $accordian_category="SELECT id, category_id, category FROM drone_category WHERE deletion=0";
                            $accordian_category_row=mysqli_query($conn,$accordian_category);
                            if ($accordian_category_row->num_rows > 0) {
                                while ($c=$accordian_category_row->fetch_assoc()) { 
                                    $type_sql="select type_id,type_of_drone from type_of_drones where category='$c[category_id]' and deletion=0";
                                    $type_result=mysqli_query($conn,$type_sql);
                                    if ($type_result->num_rows > 0) {
                                        while ($tt=$type_result->fetch_assoc()) {
                        ?>
                        <div class="big-submenu-eachContent" id="service<?php echo $headerrightinc; ?>">
                            <div class="eachContent-header">
                                <div class="heading"><?php echo $c['category']; ?> : <?php echo $tt['type_of_drone']; ?></div>
                                <a href="#" class="btn">View All</a>
                            </div>
                            <ul>
                                <div class="submenu-eachcontent-heading">Characteristics</div>
                                <div class="submenu-eachcontent-underline"></div>
                                <?php
                                    $char_sql="select T.type_id,T.type_of_drone,C.id,C.charactristics from type_of_drones as T
                                    left join type_drone_charactristics as DC on DC.drone_type=T.type_id
                                    left join drone_characterstics as C on C.id=DC.charactristics
                                    where DC.drone_type='$tt[type_id]' and C.charactristics IS NOT NULL and T.deletion=0";
                                    $char_row=mysqli_query($conn,$char_sql);
                                    if ($char_row->num_rows > 0) {
                                        while($cc=$char_row->fetch_assoc()) { 
                                ?>
                                            <a class="submenu-eachcontent-content" href="newdrones.php?type_id=<?php echo $cc['type_id']; ?>&charactristics=<?php echo $cc['id']; ?>"><?php echo $cc['charactristics']; ?></a>
                                <?php 
                                        }
                                ?>
                                        <a class="submenu-eachcontent-content viewalllast" href="newdrones.php?type_id=<?php echo $cc['type_id']; ?>&charactristics=all">View All</a>
                                <?php
                                    } else { 
                                ?>
                                        <a class="submenu-eachcontent-content" href="index.php">Not Available</a>
                                <?php 
                                    }
                                ?>
                            </ul>
                            <ul>
                                <div class="submenu-eachcontent-heading">Use-cases</div>
                                <div class="submenu-eachcontent-underline"></div>
                                <?php
                                    $usecase_query="select T.type_id,T.type_of_drone,C.id,C.usecase from type_of_drones as T
                                                    left join type_drone_usercase as DC on DC.drone_type=T.type_id
                                                    left join drone_usecase as C on C.id=DC.usecase
                                                    where DC.drone_type='$tt[type_id]' and C.usecase IS NOT NULL and T.deletion=0";
                                    $usecase_row=mysqli_query($conn,$usecase_query);
                                    if ($usecase_row->num_rows > 0) {
                                        while ($u=$usecase_row->fetch_assoc()) { 
                                ?>
                                            <a class="submenu-eachcontent-content" href="newdrones.php?type_id=<?php echo $cc['type_id']; ?>&usecase=<?php echo $u['id']; ?>"><?php echo $u['usecase']; ?></a>
                                <?php 
                                        }
                                ?>
                                        <a class="submenu-eachcontent-content viewalllast" href="newdrones.php?type_id=<?php echo $cc['type_id']; ?>&usecase=all">View All</a>
                                <?php
                                    } else { 
                                ?>
                                        <a class="submenu-eachcontent-content" href="index.php">Not Available</a>
                                <?php 
                                    }
                                ?>
                            </ul>
                            <ul>
                                <div class="submenu-eachcontent-heading">Brands</div>
                                <div class="submenu-eachcontent-underline"></div>
                                <?php
                                    $brand_query="SELECT B.brand,B.brand_id FROM `type_of_drones` as T
                                                    left join model as M on M.drone_type=T.type_id
                                                    left join Brand as B on B.brand_id=M.brand
                                                    where T.deletion=0 and T.type_id='$tt[type_id]' and B.brand is not NULL";
                                    $brand_row=mysqli_query($conn,$brand_query);
                                    if ($brand_row->num_rows > 0) {
                                        while ($b=$brand_row->fetch_assoc()) { 
                                ?>
                                            <a class="submenu-eachcontent-content" href="newdrones.php?type_id=<?php echo $cc['type_id']; ?>&brand=<?php echo $b['brand_id']; ?>"><?php echo $b['brand']; ?></a>
                                <?php 
                                        }
                                ?>
                                        <a class="submenu-eachcontent-content viewalllast" href="newdrones.php?type_id=<?php echo $cc['type_id']; ?>&brand=all">View All</a>
                                <?php
                                    } else { 
                                ?>
                                        <a class="submenu-eachcontent-content" href="index.php">Not Available</a>
                                <?php 
                                    }
                                ?>
                            </ul>
                        </div>
                        <?php  
                                            $headerrightinc++;
                                        }
                                    }
                                }
                            }
                        ?>
                    </div>
                </div>
            </div>
            <div class="header-menus">
                <span>Used Drones <i class="fa-solid fa-angle-down"></i></span>
            </div>
            <div class="header-menus">
                <span><a href="index.php">Sell Drones</a></span>
            </div>
            <div class="header-menus">
                <span><a href="index.php">Services</a></span>
            </div>
            <div class="header-menus">
                <span><a href="index.php">World Drones</a></span>
            </div>
            <div class="header-menus">
                <span><a href="index.php">Spares</a></span>
            </div>
            <div class="header-menus">
                <span><a href="index.php">Training</a></span>
            </div>
            <div class="header-menus">
                <span><a href="index.php">Jobs</a></span>
            </div>
            <div class="header-menus">
                <span><a href="index.php">News & Reviews</a></span>
            </div>
        </div>
    </div>
</div>


<div class="tabscreen-header">
    <div class="row" style="width: 100%; height: 100%; margin: 0;">
        <div class="col-6 d-flex align-items-center justify-content-start">
            <div class="logo">
                <img src="<?php echo $folder_name; ?>assets/img/b2l_logo.png" style="max-width: 60px; max-height: 100%; cursor: pointer;" class="page-navigate" data-page="index.php">
            </div>
        </div>
        <div class="col-6 d-flex align-items-center justify-content-end">
            <div class="header-btnSection d-flex align-items-center justify-content-center">
                <a href="#" class="btn signinBtn">Sign In</a>
                <div class="menu-icon"><i class="fa-solid fa-bars"></i></div>
            </div>
        </div>
    </div>
</div>


<div class="mobile-menu-holderDiv">
    <div class="mob-menu-header" style="padding: 0.5rem 1rem;">
        <div class="row">
            <div class="col-6 d-flex align-items-center justify-content-start">
                <div class="logo">
                    <img src="<?php echo $folder_name; ?>assets/img/b2l_logo.png" style="max-width: 60px; max-height: 100%; cursor: pointer;" class="page-navigate" data-page="index.php">
                </div>
            </div>
            <div class="col-6 d-flex align-items-center justify-content-end">
                <div class="close-menu-icon"><i class="fa-solid fa-xmark"></i></div>
            </div>
        </div>
    </div>
    <div class="mob-main-menus-container">
        <div class="mob-main-menu" data-target="mob-product">Products<i class="fa-solid fa-angle-right"></i></div>
        <div class="mob-main-menu" data-target="mob-industry">Industries<i class="fa-solid fa-angle-right"></i></div>
        <div class="mob-main-menu" data-target="mob-resources">Resources<i class="fa-solid fa-angle-right"></i></div>
    </div>
</div>


<div class="mob-submenu-holderDiv" style="overflow-y: auto;">
    <div class="mob-submenu-header" style="padding: 0.5rem 1rem;">
        <div class="row">
            <div class="col-6 d-flex align-items-center justify-content-start">
                <div class="logo">
                    <img src="<?php echo $folder_name; ?>assets/img/b2l_logo.png" style="max-width: 60px; max-height: 100%; cursor: pointer;" class="page-navigate" data-page="index.php">
                </div>
            </div>
            <div class="col-6 d-flex align-items-center justify-content-end">
                <div class="close-submenu-icon"><i class="fa-solid fa-xmark"></i></div>
            </div>
        </div>
    </div>
    <div class="each-mob-submenu-holder" id="mob-product">
        <div class="mob-submenu-card">
            <ul class="mob-big-submenu-ul">
                <div class="mob-big-submenu-ul-heading">Products</div>
                <li class="mob-big-submenu-ul-li" data-target="mobservice1">HRM Platform<i class="fa-solid fa-angle-right"></i></li>
                <div class="mob-big-submenu-eachContent" id="mobservice1">
                    <div class="mob-eachContent-header">
                        <div class="heading">HRM Platform</div>
                        <div class="content">A unified HR management system to manage people, policies, and processes from a single platform.</div>
                        <div class="btn">Explore HR Platform</div>
                    </div>
                    <h6>Features</h6>
                    <ul>
                        <div class="submenu-eachcontent-heading">Employee Records</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Maintain centralized employee profiles with personal, job, and document details.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Organization Structure</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Manage departments, designations, and reporting hierarchies with clarity. 
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Onboarding & Offboarding</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Automate joining and exit processes with checklists and approvals.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Policy Management</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Define and enforce company policies across the organization.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Document Management</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Securely store and access employee documents anytime.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Role-Based Access</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Control system access based on roles and responsibilities.
                        </div>
                    </ul>
                </div>

                <li class="mob-big-submenu-ul-li" data-target="mobservice2">Workforce Management<i class="fa-solid fa-angle-right"></i></li>
                <div class="mob-big-submenu-eachContent" id="mobservice2">
                    <div class="mob-eachContent-header">
                        <div class="heading">Workforce Management</div>
                        <div class="content">Track attendance, shifts, and working hours accurately across locations and teams.</div>
                        <div class="btn">View Workforce Tools</div>
                    </div>
                    <h6>Features</h6>
                    <ul>
                        <div class="submenu-eachcontent-heading">Attendance Tracking</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Monitor daily attendance with real-time logs and summaries.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Shift & Rotation Management</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Create flexible shifts and rotating schedules effortlessly.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Overtime Tracking</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Automatically calculate overtime based on company rules.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Geofence & Location Tracking</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Ensure attendance is marked only from authorized locations.
                        </div>
                    </ul>
                </div>

                <li class="mob-big-submenu-ul-li" data-target="mobservice3">Leave & Payroll<i class="fa-solid fa-angle-right"></i></li>
                <div class="mob-big-submenu-eachContent" id="mobservice3">
                    <div class="mob-eachContent-header">
                        <div class="heading">Leave & Payroll</div>
                        <div class="content">Simplify leave administration and payroll processing with automation and accuracy.</div>
                        <div class="btn">Explore Payroll</div>
                    </div>
                    <h6>Features</h6>
                    <ul>
                        <div class="submenu-eachcontent-heading">Leave Management</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Configure leave types, accruals, approvals, and balances.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Payroll Processing</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Automate salary calculations, deductions, and payouts.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Payslip Generation</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Generate and distribute digital payslips securely.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Statutory Compliance</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Ensure PF, ESI, tax, and labor law compliance.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Compensation Management</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Manage bonuses, incentives, and salary revisions.
                        </div>
                    </ul>
                </div>

                <li class="mob-big-submenu-ul-li" data-target="mobservice4">Employee Experience<i class="fa-solid fa-angle-right"></i></li>
                <div class="mob-big-submenu-eachContent" id="mobservice4">
                    <div class="mob-eachContent-header">
                        <div class="heading">Employee Experience</div>
                        <div class="content">Empower employees and managers with self-service tools and actionable insights.</div>
                        <div class="btn">Enhance Experience</div>
                    </div>
                    <h6>Features</h6>
                    <ul>
                        <div class="submenu-eachcontent-heading">Employee Self-Service</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Enable employees to apply for leave, view payslips, and update profiles.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Manager Self-Service</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Approve requests, manage teams, and track performance easily.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Performance Management</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Set goals, conduct reviews, and track appraisals.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Reports & Analytics</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Gain insights with dashboards and HR reports.
                        </div>
                    </ul>
                </div>
            </ul>
        </div>
    </div>
    <div class="each-mob-submenu-holder" id="mob-industry">
        <div class="mob-submenu-card">
            <div class="mob-big-submenu-content no-leftmenu">
                <div class="mob-big-submenu-eachContent">
                    <div class="mob-eachContent-header">
                        <div class="heading">Industries</div>
                        <div class="content">Browse solutions to help you solve the complex business challenges unique to your industry.</div>
                        <div class="btn">Learn More</div>
                    </div>
                    <ul>
                        <div class="submenu-eachcontent-heading">Automotive</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Manage large, shift-based workforces with automated attendance, payroll, and compliance.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Banking</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Ensure secure employee data management, payroll accuracy, and regulatory compliance.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Consumer Packaged Goods</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Streamline workforce operations across factories, warehouses, and sales teams.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Healthcare</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Optimize staff scheduling, attendance, and compliance for uninterrupted patient care.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Insurance</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Manage distributed teams efficiently with centralized HR records and performance tracking.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Life Sciences</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Track certifications, training, and workforce compliance across research and operations.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Nonprofit</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Simplify HR operations while managing employees and volunteers with limited resources.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">National Government</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Maintain secure employee records, standardized processes, and policy-driven HR operations.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Retail</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Handle high-volume hiring, shifts, and attendance across multiple store locations.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Technology Providers</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Support fast-growing teams with scalable HR, payroll, and performance management.</div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Telecom</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">Manage field staff, shifts, and payroll efficiently across large service networks.</div>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="each-mob-submenu-holder" id="mob-resources">
        <div class="mob-submenu-card">
            <ul class="mob-big-submenu-ul">
                <div class="mob-big-submenu-ul-heading">Resources</div>
                <li class="mob-big-submenu-ul-li" data-target="mobservice11">ProcessFlow HRM<i class="fa-solid fa-angle-right"></i></li>
                <div class="mob-big-submenu-eachContent" id="mobservice11">
                    <div class="mob-eachContent-header">
                        <div class="heading">ProcessFlow HRM University</div>
                        <div class="content">
                            Learn HR best practices, product usage, and workforce management skills with guided learning resources.
                        </div>
                        <div class="btn">Start Resources</div>
                    </div>
                    <h6></h6>
                    <ul>
                        <div class="submenu-eachcontent-heading">Career journeys</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Explore career paths in HR, payroll, workforce management, and people operations.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Training and certification</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Get trained and certified on ProcessFlow HRM modules and real-world HR scenarios.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Expert programs</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Advance your HR expertise with in-depth programs led by industry professionals.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Resources Help Center</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Access step-by-step guides, FAQs, and troubleshooting resources for HR users.
                        </div>
                    </ul>
                </div>

                <li class="mob-big-submenu-ul-li" data-target="mobservice12">Community<i class="fa-solid fa-angle-right"></i></li>
                <div class="mob-big-submenu-eachContent" id="mobservice12">
                    <div class="mob-eachContent-header">
                        <div class="heading">Community</div>
                        <div class="content">
                            Connect with HR professionals, administrators, and partners to share knowledge and insights.
                        </div>
                        <div class="btn">View Community</div>
                    </div>
                    <h6></h6>
                    <ul>
                        <div class="submenu-eachcontent-heading">Product hubs</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Discover documentation, updates, and best practices for every ProcessFlow HRM module.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">ProcessFlow HRM user groups</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Engage with HR peers through local and online user groups.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Developer forum</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Discuss integrations, automation, and customization with HRM developers.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Community events</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Attend HR webinars, product demos, and virtual learning sessions.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Community Central</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Stay updated with announcements, HR trends, and community highlights.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Join the community</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Become part of the ProcessFlow HRM community and grow together.
                        </div>
                    </ul>
                </div>

                <li class="mob-big-submenu-ul-li" data-target="mobservice13">Developer Resources<i class="fa-solid fa-angle-right"></i></li>
                <div class="mob-big-submenu-eachContent" id="mobservice13">
                    <div class="mob-eachContent-header">
                        <div class="heading">Developer resources</div>
                        <div class="content">
                            Build, customize, and integrate HR workflows using ProcessFlow HRM developer tools.
                        </div>
                        <div class="btn">Explore Resources</div>
                    </div>
                    <h6></h6>
                    <ul>
                        <div class="submenu-eachcontent-heading">Learn</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Access tutorials and courses to build custom HR workflows and extensions.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Reference documentation</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Explore APIs, webhooks, and technical references for HRM integrations.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Guides</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Follow implementation guides for automating HR processes and integrations.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Connect</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Collaborate with developers and solution architects in the HR ecosystem.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Design</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Design user-friendly HR experiences using recommended UI patterns.
                        </div>
                    </ul>
                    <ul>
                        <div class="submenu-eachcontent-heading">Horizon Design System</div>
                        <div class="submenu-eachcontent-underline"></div>
                        <div class="submenu-eachcontent-content">
                            Use standardized components to design consistent HRM interfaces.
                        </div>
                    </ul>
                </div>
            </ul>
        </div>
    </div>
</div>


<script src="<?php echo $folder_name; ?>assets/js/header.js"></script>