


<div class="bg-gray-900 shadow-lg h-12 fixed bottom-0 mt-12 md:relative md:h-screen z-10 w-full md:w-48">

            <div class="md:mt-12 md:w-48 md:fixed md:left-0 md:top-0 content-center md:content-start text-left justify-between">
                <ul class="list-reset flex  md:flex-col py-0 md:py-3 px-1 md:px-2  md:text-left">
                    <li class="mr-3 flex-1">
                        <a href="stickerpack.php" class="block  md:py-3 pl-1 align-middle text-white no-underline hover:text-white border-b-2 border-gray-800 hover:border-pink-500">
                            <i class="fas fa-list-ul md:pr-3"></i><span class="pb-1 md:pb-0 text-xs md:text-base text-gray-600 md:text-gray-400 block md:inline-block">Sticker Packs</span>
                        </a>
                    </li>
                    <li class="mr-3 flex-1">
                        <a href="newpack.php" class="block  md:py-3 pl-1 align-middle text-white no-underline hover:text-white border-b-2 border-gray-800 hover:border-purple-500">
                            <i class="fa fa-plus  md:pr-3"></i><span class="pb-1 md:pb-0 text-xs md:text-base text-gray-600 md:text-gray-400 block md:inline-block">New Pack</span>
                        </a>
                    </li>

                    <li class="mr-3 flex-1">
                        <a href="notification.php" class="block  md:py-3 pl-1 align-middle text-white no-underline hover:text-white border-b-2 border-gray-800 hover:border-purple-500">
                            <i class="fa fa-bell  md:pr-3"></i><span class="pb-1 md:pb-0 text-xs md:text-base text-gray-600 md:text-gray-400 block md:inline-block">Notification </span>
                        </a>
                    </li>
                    

                    <li class="mr-3 flex-1">
                        <a href="defaults.php" class="block  md:py-3 pl-1 align-middle text-white no-underline hover:text-white border-b-2 border-blue-600">
                            <i class="fas fa-chart-area  md:pr-3 "></i><span class="pb-1 md:pb-0 text-xs md:text-base text-white md:text-white block md:inline-block">Defaults</span>
                        </a>
                    </li>
                    <li class="mr-3 flex-1">
                        <a href="profile.php" class="block  md:py-3 pl-0 md:pl-1 align-middle text-white no-underline hover:text-white border-b-2 border-gray-800 hover:border-red-500">
                            <i class="fa fa-user  md:pr-3"></i><span class="pb-1 md:pb-0 text-xs md:text-base text-gray-600 md:text-gray-400 block md:inline-block">Profile</span>
                        </a>
                    </li>
                </ul>
            </div>


        </div>