<div class="my-4">
    <div class="offset-2 col-8 p-3 context-main-bg">
        <legend class="text-center">Manage Bookmarks</legend>
        <hr>
        <p class="ps-2">
            This is one of the main pages you'll be using to manage your bookmarks. Here you will find a list of all of your folders and the bookmarks they contain. 
            Hidden, archived, private, and public bookmarks can all be reviewed on this page using the filter options below. Some controls may be hidden by default, 
            so you're encouraged to toggle them to better understand your options for managing your bookmarks.
        </p>
        <p class="ps-2">
            Once you start collecting hundreds and thousands of bookmarks, this page can get a bit overwhelming. We encourage you to check out our <a href="/bookmarks/dashboards" class="text-decoration-none atb-green">Dashboards</a> feature 
            for a more robust way to interact with all your saved bookmarks. Make use of the ability to hide and archive bookmarks to keep organized as well.
        </p>
        <div class="text-center mt-4 pb-4">
            <a href="/bookmarks/createBookmark" class="btn btn-outline-secondary btn-lg px-5 ms-3 atb-green-bg">Add Bookmarks</a>
            <a href="/bookmarks/createFolder" class="btn btn-outline-secondary btn-lg px-5 ms-3 atb-green-bg">Add Folders</a>
        </div>
    </div>
</div>