
<!-- BEGIN: Content-->
<div class="app-content content" style='position: relative;'>
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body">
            <section class="row flexbox-container">
                <div class="col-xl-7 col-10 d-flex justify-content-center">
                    <div class="card bg-authentication rounded-0 mb-0 w-100">
                        <div class="row m-0">

                            <div class="col-lg-12 col-12 p-0">
                                <div class="card rounded-0 mb-0 px-2">
                                    <div class="card-header pb-1">
                                        <div class="card-title">
                                            <h4 class="mb-0">How It Works</h4>
                                        </div>
                                    </div>
                                    <p class="px-2">How It Works</p>
                                    <div class="card-content">
                                        <div class="card-body pt-1">
                                        <p>As a first time user, You login to the website, click on the Start button, it takes you to the Registration page. 
On the Registration/Login page...As a first time user, you click on the Register button and fill out the quick form to have Dashboard all set.
Returning users, login in with your registered email and password and voila! Your Dashboard!
</p>
                                <p> As a first-time user, The platform comes with a default card.
You can go ahead to create your very own Learning boards by creating your Cards.    
                            </p>

                                                            <p>HOW DO I CREATE MY CARDS
Click on the Default Page to start, then go to the Menu Option and click on ADD NEW COREGRADE CARD and fill in the Title and Description column and ADD PAGE. VIOLA! CARD CREATED! </p>


                                                            <p>The Default cards have a Menu, Overview and Introductory video on how Coregrade Works!</p>

                                                            <p>
                                                            The Menu Option
The menu has a list of functions to make it all personal.
They include the ability to create a Fresh New card on your Board,
sharing your creative Card with a friend like a study buddy and things you plan to learn.
                                                            </p>
<p>
Once, Card is created, it appears on My Board Page then you go to configure Tab, this helps to Add more Cards to your Board, however, referred to as Pages.
<p>
HOW  TO ADD TO MY CARDS
There are a few ways to do these; one way is to go to the Configure Tab, there appear Two columns-- ADD NEW PAGE AND MY PAGES. Move to the Add New Page Section and fill in the requirements, there, you have it! NEW CARD ADDED.
</p>
<p>
Once the NEW CARD is added, you have access to Manage your Page.
HOW TO MANAGE MY CARD
Select your Card, toggle between the added features - Adding Notes to Card, video uploads, Action Item; listing what to study first, Todo Task on that particular Card, Forum; for more comprehension as it seems, not leaving out where Resources and Research;  where learning materials are gathered from for easy referencing.
Your Learning, Your Dashboard, Your Pattern. You craft What you want to learn and how you want to.
</p>
<p>
HOW TO SHARE MY PAGE
The sharing Feature is in the configure Tab; My pages list, select the Page you desire to share, and there is a command to share your Page. Once clicked, a prompt window page will display, and there you follow on how you want it shared either privately or publicly. However, public Page share does have an expiration.
</p>
                                                    
                                            <fieldset class="form-label-group">
                                                <input type="text" class="form-control" id="user-email" placeholder="Email" required>
                                                <label for="user-email">Email</label>
                                            </fieldset>

                                            <fieldset class="form-label-group">

                                            </fieldset>

                                            <fieldset class="form-label-group">

                                            </fieldset>








                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </div>
    </div>
</div>
<!-- END: Content-->


