{%include "header.html"%}

        <!-- Header Layout Content -->
        <div class="mdk-header-layout__content">

            <div class="mdk-drawer-layout js-mdk-drawer-layout" data-push data-responsive-width="992px">
                <div class="mdk-drawer-layout__content page">

                    <div class="container page__heading-container">
                        <div class="page__heading">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb mb-0">
                                    <li class="breadcrumb-item"><a href="#"><i
                                                class="material-icons icon-20pt">home</i></a></li>
                                    <li class="breadcrumb-item">Profile Page</li>
                                    <!-- <li class="breadcrumb-item active" aria-current="page">Exam Category</li> -->
                                </ol>
                            </nav>
                        </div>

                        <div class="row mb-3">
                            <div class="col-6">
                                <h1 class="heading">Profile Page</h1>
                            </div>

                        </div>


                        <div class="mdk-header-layout__content page">


                            <div style="padding-bottom: calc(5.125rem / 2); position: relative; margin-bottom: 1.5rem;">
                                <div class="bg-dark" style="min-height: 150px;">
                                    <div class="d-flex align-items-end container page__container"
                                        style="position: absolute; left: 0; right: 0; bottom: 0;">
                                        <div class="avatar avatar-xl">
                                            <img src="assets/images/avatar/demi.png" alt="avatar"
                                                class="avatar-img rounded" style="border: 2px solid white;">
                                        </div>

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

                            <div class="container page__container">
                                <div class="row">
                                    <div class="col-lg-3">
                                        <h1 class="h4 mb-1">Adrian Demian</h1>
                                        <p class="text-muted">@AdrianDemian</p>
                                        <p>9004991391</p>
                                        <div class="text-muted d-flex align-items-center">
                                            <i class="material-icons mr-1">location_on</i>
                                            <div class="flex">Thane , Mumbai , India</div>
                                        </div>

                                    </div>


                                    <div class="col-lg-9">
                                        <div class="card">
                                            <div
                                                class="card-header card-header-large bg-white d-flex align-items-center">
                                                <h4 class="card-header__title flex m-0">Enrolled Courses</h4>
                                                <div>
                                                    <a href="javascript:void(0)" class="link-date">13/03/2018 <span
                                                            class="text-muted mx-1">to</span> 20/03/2018</a>
                                                </div>
                                            </div>
                                            <div class="card-header card-header-tabs-basic nav" role="tablist">
                                                <a href="#activity_all" class="active" data-toggle="tab" role="tab"
                                                    aria-controls="activity_all" aria-selected="true">CAT</a>
                                                <a href="#activity_purchases" data-toggle="tab" role="tab"
                                                    aria-selected="false">CET</a>
                                                <a href="#activity_emails" data-toggle="tab" role="tab"
                                                    aria-selected="false">NDAT</a>
                                                <a href="#activity_quotes" data-toggle="tab" role="tab"
                                                    aria-selected="false">CAT</a>
                                            </div>
                                            <div class="card-body tab-content">
                                                <div class="tab-pane active show fade" id="activity_all">
                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam
                                                    itaque accusamus quis, qui consectetur vero ut molestiae quo! Modi,
                                                    blanditiis laudantium, rem facilis sapiente, voluptate nihil amet
                                                    reprehenderit neque harum quidem, eligendi totam aut? Rem, fuga
                                                    architecto perferendis, voluptatum repellat quia hic aut consequatur
                                                    ducimus quidem maiores, iste sit tempore.
                                                </div>

                                                <div class="tab-pane fade" id="activity_purchases">
                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam
                                                </div>

                                                <div class="tab-pane fade" id="activity_emails">
                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam
                                                    itaque accusamus quis, qui consectetur vero ut molestiae quo! Modi,
                                                   
                                                </div>

                                                <div class="tab-pane fade" id="activity_quotes">
                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam
                                                    itaque accusamus quis, qui consectetur vero ut molestiae quo! Modi,
                                                    blanditiis laudantium, rem facilis sapiente, voluptate nihil amet
                                                    reprehenderit neque harum quidem, eligendi totam aut? Rem, fuga
                                                    architecto perferendis, voluptatum repellat quia hic aut consequatur
                                                    ducimus quidem maiores, iste sit tempore.
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>





                </div>
                <!-- // END drawer-layout__content -->

                <!-- drawer -->
              {%include "sidebar.html"%}
                <!-- // END drawer -->
            </div>
            <!-- // END drawer-layout -->

        </div>
        <!-- // END header-layout__content -->

    </div>
    <!-- // END header-layout -->

  {%include "footer.html"%}
  <script>
    (function () {
        'use strict';
        // ENABLE sidebar menu tabs
        $('#sidebar-mini-tabs [data-toggle="tab"]').on('click', function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
    })()
</script>


<!-- delete modal  -->

<div id="modal-delete" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-sm">
        <div class="modal-content bg-danger">
            <div class="modal-body text-center p-4">
                <i class="material-icons icon-40pt text-white mb-2">report_problem</i>
                <h4 class="text-white">Ohhh Snap!</h4>
                <p class="text-white mt-3 text-capitalize">are you sure you want to delete?</p>
                <button type="button" class="btn btn-light my-2 rounded-0 " data-dismiss="modal">Delete</button>
            </div> <!-- // END .modal-body -->
        </div> <!-- // END .modal-content -->
    </div> <!-- // END .modal-dialog -->
</div> <!-- // END .modal -->

<!-- delete modal  -->



<!-- delete block students  -->
<div id="block-student" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-sm">
        <div class="modal-content bg-danger">
            <div class="modal-body text-center p-4">
                <i class="material-icons icon-40pt text-white mb-2">report_problem</i>
                <h4 class="text-white">Enter Remark</h4>
                <div class="form-group">
                    <textarea name="" id="" cols="30" rows="2"></textarea>
                </div>
                <button type="button" class="btn btn-light my-2 rounded-0 " data-dismiss="modal">Block</button>
            </div> <!-- // END .modal-body -->
        </div> <!-- // END .modal-content -->
    </div> <!-- // END .modal-dialog -->
</div> <!-- // END .modal -->

<!-- delete block students  -->






<!--edit Faculty Module modal  -->
<div id="Faculty-Module-edit" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <div class="px-3">
                    <h4 class="modal-heading">Edit Faculty Module</h4>
                    <form action="#" class="modal-form">
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input class="form-control" type="text" id="name" required="" placeholder="Exam Name" />
                        </div>

                        <div class="form-group">
                            <label for="email">Email</label>
                            <input class="form-control" type="email" id="email" required=""
                                placeholder="Exam Email" />
                        </div>

                        <div class="form-group">
                            <label for="contact">Contact</label>
                            <input class="form-control" type="number" id="contact" required=""
                                placeholder="Exam Contact" />
                        </div>



                        <div class="form-group">
                            <label for="experience">experience</label>
                            <input class="form-control" type="number" id="experience" required=""
                                placeholder="Exam experience" />
                        </div>

                        <div class="form-group">
                            <label for="dob">Date of Birth</label>
                            <input class="form-control" type="number" id="dob" required="" placeholder="Exam DOB" />
                        </div>

                        <div class="form-group">
                            <label for="password">Password</label>
                            <input class="form-control" type="password" id="password" required=""
                                placeholder="Exam password" />
                        </div>


                        <div class="form-group">
                            <label for="select03">Status : </label>
                            <select id="select03" data-toggle="select" class="form-control">
                                <option selected="">Active</option>
                                <option selected="">Inactive</option>

                            </select>
                        </div>

                        <div class="form-group text-center">
                            <button class="btn modal-btn" type="submit">Save</button>
                        </div>
                    </form>
                </div>
            </div> <!-- // END .modal-body -->
        </div> <!-- // END .modal-content -->
    </div> <!-- // END .modal-dialog -->
</div> <!-- // END .modal -->



</body>

</html>