<!DOCTYPE html>
<html data-bs-theme="light" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>{dreamer-cms:global name="title" /}</title>
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/bs-theme-overrides.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/aos.min.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Hero-Carousel-images.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Navbar-Right-Links-icons.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/smjy-header.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/sticky-dark-top-nav-with-dropdown.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css">
</head>

<body style="margin: 0px;">
    <header>
        <div class="container pt-xl-4" style="margin: 0 auto;padding: 0;">
            <nav class="navbar navbar-expand-md bg-body py-3" style="width: 100%;">
                <div class="container">
                    <a class="navbar-brand d-flex align-items-center" href="/">
                        {dreamer-cms:sql sql="select image_path as litpic from system_archives where id = [1800352925088759808]"}
                        <img class="logo" src="/resources/uploads/[field:litpic /]" alt="logo" style="margin: 0 .5rem 0 0;" width="50px"
                            height="50px">
					    {/dreamer-cms:sql}
                        <span>{dreamer-cms:global name="title" /}</span>
                    </a>
                    <button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navcol-2">
                        <ul class="navbar-nav ms-auto">
                            <li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
                            {dreamer-cms:categoryartlist length="5"}
                            {dreamer-cms:if test="('true' eq [field:haschildren/])"}
                            <li class="nav-item dropdown">
                                <a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
                                    href="[field:typeurl/]">[field:typenamecn /]</a>
                                <div class="dropdown-menu">
                                    {dreamer-cms:channel}
                                    <a class="dropdown-item" href="[field:typeurl/]">[field:typenamecn /]</a>
                                    {/dreamer-cms:channel}
                                </div>
                            </li>
                            {/dreamer-cms:if}
                            {dreamer-cms:if test="('false' eq [field:haschildren/])"}
                            <li class="nav-item"><a class="nav-link active" href="[field:typeurl /]">[field:typenamecn
                                    /]</a></li>
                            {/dreamer-cms:if}
                            {/dreamer-cms:categoryartlist}
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- <script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="{dreamer-cms:template /}assets/js/aos.min.js"></script>
    <script src="{dreamer-cms:template /}assets/js/bs-init.js"></script> -->
</body>

</html>