<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Settle Matter:: Home</title>

    <!-- css links -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
    <link rel="stylesheet" href="<?=URLROOT?>/css/style.css" />

    <!-- FontAwesome css link -->
    <link rel="stylesheet" href="<?=URLROOT?>/css/font-awesome/css/all.css" />

    <!-- Favicon -->
    <link href="<?=URLROOT?>/images/logo/settle-icon1.png" rel="shortcut icon" />

    <!-- AOS CSS -->
    <link href="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>


</head>

<body>
    <div class="container">
        <!-- menu -->
        <?php require APPROOT . '/app/views/components/menu.php'; ?>