diff --git a/www/application/views/member/view_myprofile.php b/www/application/views/member/view_myprofile.php
index 12609a7..b1b78ac 100644
--- a/www/application/views/member/view_myprofile.php
+++ b/www/application/views/member/view_myprofile.php
@@ -1,116 +1,424 @@
-
-    <!-- BEGIN: Content-->
+ <!-- BEGIN: Content-->
     <div class="app-content content">
         <div class="content-overlay"></div>
         <div class="header-navbar-shadow"></div>
         <div class="content-wrapper">
             <div class="content-header row">
+                <div class="content-header-left col-md-9 col-12 mb-2">
+                    <div class="row breadcrumbs-top">
+                        <div class="col-12">
+                            <h2 class="content-header-title float-left mb-0">Account Settings</h2>
+                            <div class="breadcrumb-wrapper col-12">
+                                <ol class="breadcrumb">
+                                    <li class="breadcrumb-item"><a href="/memeber">Dashboard</a>
+                                    </li>
+                                   
+                                    <li class="breadcrumb-item active"> Account Settings
+                                    </li>
+                                </ol>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="content-header-right text-md-right col-md-3 col-12 d-md-block d-none">
+                    <div class="form-group breadcrum-right">
+                        <div class="dropdown">
+                            <button class="btn-icon btn btn-primary btn-round btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="feather icon-settings"></i></button>
+                            <div class="dropdown-menu dropdown-menu-right"><a class="dropdown-item" href="#">Chat</a><a class="dropdown-item" href="#">Email</a><a class="dropdown-item" href="#">Calendar</a></div>
+                        </div>
+                    </div>
+                </div>
             </div>
             <div class="content-body">
-                <!-- Full calendar start -->
-                <section id="basic-examples">
+                <!-- account setting page start -->
+                <section id="page-account-settings">
                     <div class="row">
-                        <div class="col-12">
+                        <!-- left menu section -->
+                        <div class="col-md-3 mb-2 mb-md-0">
+                            <ul class="nav nav-pills flex-column mt-md-0 mt-1">
+                                <li class="nav-item">
+                                    <a class="nav-link d-flex py-75 active" id="account-pill-general" data-toggle="pill" href="#account-vertical-general" aria-expanded="true">
+                                        <i class="feather icon-globe mr-50 font-medium-3"></i>
+                                        General
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link d-flex py-75" id="account-pill-password" data-toggle="pill" href="#account-vertical-password" aria-expanded="false">
+                                        <i class="feather icon-lock mr-50 font-medium-3"></i>
+                                        Change Password
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link d-flex py-75" id="account-pill-info" data-toggle="pill" href="#account-vertical-info" aria-expanded="false">
+                                        <i class="feather icon-info mr-50 font-medium-3"></i>
+                                        Info
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link d-flex py-75" id="account-pill-social" data-toggle="pill" href="#account-vertical-social" aria-expanded="false">
+                                        <i class="feather icon-camera mr-50 font-medium-3"></i>
+                                        Social links
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link d-flex py-75" id="account-pill-connections" data-toggle="pill" href="#account-vertical-connections" aria-expanded="false">
+                                        <i class="feather icon-feather mr-50 font-medium-3"></i>
+                                        Connections
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link d-flex py-75" id="account-pill-notifications" data-toggle="pill" href="#account-vertical-notifications" aria-expanded="false">
+                                        <i class="feather icon-message-circle mr-50 font-medium-3"></i>
+                                        Notifications
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <!-- right content section -->
+                        <div class="col-md-9">
                             <div class="card">
                                 <div class="card-content">
                                     <div class="card-body">
-                                        <div class="cal-category-bullets d-none">
-                                            <div class="bullets-group-1 mt-2">
-                                                <div class="category-business mr-1">
-                                                    <span class="bullet bullet-success bullet-sm mr-25"></span>
-                                                    Business
+                                        <div class="tab-content">
+                                            <div role="tabpanel" class="tab-pane active" id="account-vertical-general" aria-labelledby="account-pill-general" aria-expanded="true">
+                                                <div class="media">
+                                                    <a href="javascript: void(0);">
+                                                        <img src="/assets2/images/portrait/small/avatar-s-12.jpg" class="rounded mr-75" alt="profile image" height="64" width="64">
+                                                    </a>
+                                                    <div class="media-body mt-75">
+                                                        <div class="col-12 px-0 d-flex flex-sm-row flex-column justify-content-start">
+                                                            <label class="btn btn-sm btn-primary ml-50 mb-50 mb-sm-0 cursor-pointer" for="account-upload">Upload new photo</label>
+                                                            <input type="file" id="account-upload" hidden>
+                                                            <button class="btn btn-sm btn-outline-warning ml-50">Reset</button>
+                                                        </div>
+                                                        <p class="text-muted ml-75 mt-50"><small>Allowed JPG, GIF or PNG. Max
+                                                                size of
+                                                                800kB</small></p>
+                                                    </div>
                                                 </div>
-                                                <div class="category-work mr-1">
-                                                    <span class="bullet bullet-warning bullet-sm mr-25"></span>
-                                                    Work
+                                                <hr>
+                                                <form novalidate>
+                                                    <div class="row">
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <div class="controls">
+                                                                    <label for="account-username">Username</label>
+                                                                    <input type="text" class="form-control" id="account-username" placeholder="Username" value="hermione007" required data-validation-required-message="This username field is required">
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <div class="controls">
+                                                                    <label for="account-name">Name</label>
+                                                                    <input type="text" class="form-control" id="account-name" placeholder="Name" value="Hermione Granger" required data-validation-required-message="This name field is required">
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <div class="controls">
+                                                                    <label for="account-e-mail">E-mail</label>
+                                                                    <input type="email" class="form-control" id="account-e-mail" placeholder="Email" value="granger007@hogward.com" required data-validation-required-message="This email field is required">
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="alert alert-warning alert-dismissible mb-2" role="alert">
+                                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                                                                    <span aria-hidden="true">×</span>
+                                                                </button>
+                                                                <p class="mb-0">
+                                                                    Your email is not confirmed. Please check your inbox.
+                                                                </p>
+                                                                <a href="javascript: void(0);">Resend confirmation</a>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="account-company">Company</label>
+                                                                <input type="text" class="form-control" id="account-company" placeholder="Company name">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
+                                                            <button type="submit" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0">Save
+                                                                changes</button>
+                                                            <button type="reset" class="btn btn-outline-warning">Cancel</button>
+                                                        </div>
+                                                    </div>
+                                                </form>
+                                            </div>
+                                            <div class="tab-pane fade " id="account-vertical-password" role="tabpanel" aria-labelledby="account-pill-password" aria-expanded="false">
+                                                <form novalidate>
+                                                    <div class="row">
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <div class="controls">
+                                                                    <label for="account-old-password">Old Password</label>
+                                                                    <input type="password" class="form-control" id="account-old-password" required placeholder="Old Password" data-validation-required-message="This old password field is required">
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <div class="controls">
+                                                                    <label for="account-new-password">New Password</label>
+                                                                    <input type="password" name="password" id="account-new-password" class="form-control" placeholder="New Password" required data-validation-required-message="The password field is required" minlength="6">
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <div class="controls">
+                                                                    <label for="account-retype-new-password">Retype New
+                                                                        Password</label>
+                                                                    <input type="password" name="con-password" class="form-control" required id="account-retype-new-password" data-validation-match-match="password" placeholder="New Password" data-validation-required-message="The Confirm password field is required" minlength="6">
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
+                                                            <button type="submit" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0">Save
+                                                                changes</button>
+                                                            <button type="reset" class="btn btn-outline-warning">Cancel</button>
+                                                        </div>
+                                                    </div>
+                                                </form>
+                                            </div>
+                                            <div class="tab-pane fade" id="account-vertical-info" role="tabpanel" aria-labelledby="account-pill-info" aria-expanded="false">
+                                                <form novalidate>
+                                                    <div class="row">
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="accountTextarea">Bio</label>
+                                                                <textarea class="form-control" id="accountTextarea" rows="3" placeholder="Your Bio data here..."></textarea>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <div class="controls">
+                                                                    <label for="account-birth-date">Birth date</label>
+                                                                    <input type="text" class="form-control birthdate-picker" required placeholder="Birth date" id="account-birth-date" data-validation-required-message="This birthdate field is required">
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="accountSelect">Country</label>
+                                                                <select class="form-control" id="accountSelect">
+                                                                    <option>USA</option>
+                                                                    <option>India</option>
+                                                                    <option>Canada</option>
+                                                                </select>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="languageselect2">Languages</label>
+                                                                <select class="form-control" id="languageselect2" multiple="multiple">
+                                                                    <option value="English" selected>English</option>
+                                                                    <option value="Spanish">Spanish</option>
+                                                                    <option value="French">French</option>
+                                                                    <option value="Russian">Russian</option>
+                                                                    <option value="German">German</option>
+                                                                    <option value="Arabic" selected>Arabic</option>
+                                                                    <option value="Sanskrit">Sanskrit</option>
+                                                                </select>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <div class="controls">
+                                                                    <label for="account-phone">Phone</label>
+                                                                    <input type="text" class="form-control" id="account-phone" required placeholder="Phone number" value="(+656) 254 2568" data-validation-required-message="This phone number field is required">
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="account-website">Website</label>
+                                                                <input type="text" class="form-control" id="account-website" placeholder="Website address">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="musicselect2">Favourite Music</label>
+                                                                <select class="form-control" id="musicselect2" multiple="multiple">
+                                                                    <option value="Rock">Rock</option>
+                                                                    <option value="Jazz" selected>Jazz</option>
+                                                                    <option value="Disco">Disco</option>
+                                                                    <option value="Pop">Pop</option>
+                                                                    <option value="Techno">Techno</option>
+                                                                    <option value="Folk" selected>Folk</option>
+                                                                    <option value="Hip hop">Hip hop</option>
+                                                                </select>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="moviesselect2">Favourite movies</label>
+                                                                <select class="form-control" id="moviesselect2" multiple="multiple">
+                                                                    <option value="The Dark Knight" selected>The Dark Knight
+                                                                    </option>
+                                                                    <option value="Harry Potter" selected>Harry Potter</option>
+                                                                    <option value="Airplane!">Airplane!</option>
+                                                                    <option value="Perl Harbour">Perl Harbour</option>
+                                                                    <option value="Spider Man">Spider Man</option>
+                                                                    <option value="Iron Man" selected>Iron Man</option>
+                                                                    <option value="Avatar">Avatar</option>
+                                                                </select>
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
+                                                            <button type="submit" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0">Save
+                                                                changes</button>
+                                                            <button type="reset" class="btn btn-outline-warning">Cancel</button>
+                                                        </div>
+                                                    </div>
+                                                </form>
+                                            </div>
+                                            <div class="tab-pane fade " id="account-vertical-social" role="tabpanel" aria-labelledby="account-pill-social" aria-expanded="false">
+                                                <form>
+                                                    <div class="row">
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="account-twitter">Twitter</label>
+                                                                <input type="text" id="account-twitter" class="form-control" placeholder="Add link" value="https://www.twitter.com">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="account-facebook">Facebook</label>
+                                                                <input type="text" id="account-facebook" class="form-control" placeholder="Add link">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="account-google">Google+</label>
+                                                                <input type="text" id="account-google" class="form-control" placeholder="Add link">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="account-linkedin">LinkedIn</label>
+                                                                <input type="text" id="account-linkedin" class="form-control" placeholder="Add link" value="https://www.linkedin.com">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="account-instagram">Instagram</label>
+                                                                <input type="text" id="account-instagram" class="form-control" placeholder="Add link">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12">
+                                                            <div class="form-group">
+                                                                <label for="account-quora">Quora</label>
+                                                                <input type="text" id="account-quora" class="form-control" placeholder="Add link">
+                                                            </div>
+                                                        </div>
+                                                        <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
+                                                            <button type="submit" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0">Save
+                                                                changes</button>
+                                                            <button type="reset" class="btn btn-outline-warning">Cancel</button>
+                                                        </div>
+                                                    </div>
+                                                </form>
+                                            </div>
+                                            <div class="tab-pane fade" id="account-vertical-connections" role="tabpanel" aria-labelledby="account-pill-connections" aria-expanded="false">
+                                                <div class="row">
+                                                    <div class="col-12 mb-3">
+                                                        <a href="javascript: void(0);" class="btn btn-info">Connect to
+                                                            <strong>Twitter</strong></a>
+                                                    </div>
+                                                    <div class="col-12 mb-3">
+                                                        <button class=" btn btn-sm btn-secondary float-right">edit</button>
+                                                        <h6>You are connected to facebook.</h6>
+                                                        <span>Johndoe@gmail.com</span>
+                                                    </div>
+                                                    <div class="col-12 mb-3">
+                                                        <a href="javascript: void(0);" class="btn btn-danger">Connect to
+                                                            <strong>Google</strong>
+                                                        </a>
+                                                    </div>
+                                                    <div class="col-12 mb-2">
+                                                        <button class=" btn btn-sm btn-secondary float-right">edit</button>
+                                                        <h6>You are connected to Instagram.</h6>
+                                                        <span>Johndoe@gmail.com</span>
+                                                    </div>
+                                                    <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
+                                                        <button type="submit" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0">Save
+                                                            changes</button>
+                                                        <button type="reset" class="btn btn-outline-warning">Cancel</button>
+                                                    </div>
                                                 </div>
-                                                <div class="category-personal mr-1">
-                                                    <span class="bullet bullet-danger bullet-sm mr-25"></span>
-                                                    Personal
-                                                </div>
-                                                <div class="category-others">
-                                                    <span class="bullet bullet-primary bullet-sm mr-25"></span>
-                                                    Others
+                                            </div>
+                                            <div class="tab-pane fade" id="account-vertical-notifications" role="tabpanel" aria-labelledby="account-pill-notifications" aria-expanded="false">
+                                                <div class="row">
+                                                    <h6 class="m-1">Activity</h6>
+                                                    <div class="col-12 mb-1">
+                                                        <div class="custom-control custom-switch custom-control-inline">
+                                                            <input type="checkbox" class="custom-control-input" checked id="accountSwitch1">
+                                                            <label class="custom-control-label mr-1" for="accountSwitch1"></label>
+                                                            <span class="switch-label w-100">Email me when someone comments
+                                                                onmy
+                                                                article</span>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col-12 mb-1">
+                                                        <div class="custom-control custom-switch custom-control-inline">
+                                                            <input type="checkbox" class="custom-control-input" checked id="accountSwitch2">
+                                                            <label class="custom-control-label mr-1" for="accountSwitch2"></label>
+                                                            <span class="switch-label w-100">Email me when someone answers on
+                                                                my
+                                                                form</span>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col-12 mb-1">
+                                                        <div class="custom-control custom-switch custom-control-inline">
+                                                            <input type="checkbox" class="custom-control-input" id="accountSwitch3">
+                                                            <label class="custom-control-label mr-1" for="accountSwitch3"></label>
+                                                            <span class="switch-label w-100">Email me hen someone follows
+                                                                me</span>
+                                                        </div>
+                                                    </div>
+                                                    <h6 class="m-1">Application</h6>
+                                                    <div class="col-12 mb-1">
+                                                        <div class="custom-control custom-switch custom-control-inline">
+                                                            <input type="checkbox" class="custom-control-input" checked id="accountSwitch4">
+                                                            <label class="custom-control-label mr-1" for="accountSwitch4"></label>
+                                                            <span class="switch-label w-100">News and announcements</span>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col-12 mb-1">
+                                                        <div class="custom-control custom-switch custom-control-inline">
+                                                            <input type="checkbox" class="custom-control-input" id="accountSwitch5">
+                                                            <label class="custom-control-label mr-1" for="accountSwitch5"></label>
+                                                            <span class="switch-label w-100">Weekly product updates</span>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col-12 mb-1">
+                                                        <div class="custom-control custom-switch custom-control-inline">
+                                                            <input type="checkbox" class="custom-control-input" checked id="accountSwitch6">
+                                                            <label class="custom-control-label mr-1" for="accountSwitch6"></label>
+                                                            <span class="switch-label w-100">Weekly blog digest</span>
+                                                        </div>
+                                                    </div>
+                                                    <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
+                                                        <button type="submit" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0">Save
+                                                            changes</button>
+                                                        <button type="reset" class="btn btn-outline-warning">Cancel</button>
+                                                    </div>
                                                 </div>
                                             </div>
                                         </div>
-                                        <div id='fc-default'></div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
-                    <!-- calendar Modal starts-->
-                    <div class="modal fade text-left modal-calendar" tabindex="-1" role="dialog" aria-labelledby="cal-modal" aria-modal="true">
-                        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm" role="document">
-                            <div class="modal-content">
-                                <div class="modal-header">
-                                    <h4 class="modal-title text-text-bold-600" id="cal-modal">Add Event</h4>
-                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                        <span aria-hidden="true">×</span>
-                                    </button>
-                                </div>
-                                <form action="#">
-                                    <div class="modal-body">
-                                        <div class="d-flex justify-content-between align-items-center add-category">
-                                            <div class="chip-wrapper"></div>
-                                            <div class="label-icon pt-1 pb-2 dropdown calendar-dropdown">
-                                                <i class="feather icon-tag dropdown-toggle" id="cal-event-category" data-toggle="dropdown"></i>
-                                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="cal-event-category">
-                                                    <span class="dropdown-item business" data-color="success">
-                                                        <span class="bullet bullet-success bullet-sm mr-25"></span>
-                                                        Business
-                                                    </span>
-                                                    <span class="dropdown-item work" data-color="warning">
-                                                        <span class="bullet bullet-warning bullet-sm mr-25"></span>
-                                                        Work
-                                                    </span>
-                                                    <span class="dropdown-item personal" data-color="danger">
-                                                        <span class="bullet bullet-danger bullet-sm mr-25"></span>
-                                                        Personal
-                                                    </span>
-                                                    <span class="dropdown-item others" data-color="primary">
-                                                        <span class="bullet bullet-primary bullet-sm mr-25"></span>
-                                                        Others
-                                                    </span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <fieldset class="form-label-group">
-                                            <input type="text" class="form-control" id="cal-event-title" placeholder="Event Title">
-                                            <label for="cal-event-title">Event Title</label>
-                                        </fieldset>
-                                        <fieldset class="form-label-group">
-                                            <input type="text" class="form-control pickadate" id="cal-start-date" placeholder="Start Date">
-                                            <label for="cal-start-date">Start Date</label>
-                                        </fieldset>
-                                        <fieldset class="form-label-group">
-                                            <input type="text" class="form-control pickadate" id="cal-end-date" placeholder="End Date">
-                                            <label for="cal-end-date">End Date</label>
-                                        </fieldset>
-                                        <fieldset class="form-label-group">
-                                            <textarea class="form-control" id="cal-description" rows="5" placeholder="Description"></textarea>
-                                            <label for="cal-description">Description</label>
-                                        </fieldset>
-                                    </div>
-                                    <div class="modal-footer">
-                                        <button type="button" class="btn btn-primary cal-add-event waves-effect waves-light" disabled>
-                                            Add Event</button>
-                                        <button type="button" class="btn btn-primary d-none cal-submit-event waves-effect waves-light" disabled>submit</button>
-                                        <button type="button" class="btn btn-flat-danger cancel-event waves-effect waves-light" data-dismiss="modal">Cancel</button>
-                                        <button type="button" class="btn btn-flat-danger remove-event d-none waves-effect waves-light" data-dismiss="modal">Remove</button>
-                                    </div>
-                                </form>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- calendar Modal ends-->
                 </section>
-                <!-- // Full calendar end -->
+                <!-- account setting page end -->
 
             </div>
         </div>
     </div>
-    <!-- END: Content-->
-        
-       
\ No newline at end of file
+    <!-- END: Content-->
\ No newline at end of file