MERMS/MermsEmrWeb
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Profile pages added

Browse Source
This commit is contained in:
Olusesan Ameye
2019-03-04 23:42:08 +00:00
parent 62ef804745
commit 79b2349063
2 changed files with 439 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files
providerwww/application/views/provider/profile/inbox.php
+8 -203
View File
@@ -1,206 +1,11 @@
<!-- begin app-container -->
<div class="app-container">
<!-- begin app-nabar -->
<aside class="app-navbar">
<!-- begin sidebar-nav -->
<div class="sidebar-nav scrollbar scroll_light">
<ul class="metismenu " id="sidebarNav">
<li class="nav-static-title">Personal</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false">
<i class="nav-icon ti ti-rocket"></i>
<span class="nav-title">Dashboards</span>
<span class="nav-label label label-danger">9</span>
</a>
<ul aria-expanded="false">
<li> <a href='index.html'>Default</a> </li>
<li> <a href='index-ecommerce.html'>Ecommerce</a> </li>
<li> <a href='index-car-dealer.html'>Car Dealer</a> </li>
<li> <a href='index-stock-market.html'>Stock Market</a> </li>
<li> <a href='index-dating.html'>Dating</a> </li>
<li> <a href='index-job-portal.html'>Job Portal</a> </li>
<li> <a href='index-crm.html'>CRM</a> </li>
<li> <a href='index-real-estate.html'>Real Estate</a> </li>
<li> <a href='index-crypto-currency.html'>Crypto Currency</a> </li>
</ul>
</li>
<li><a href="app-chat.html" aria-expanded="false"><i class="nav-icon ti ti-comment"></i><span class="nav-title">Chat</span></a> </li>
<li><a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-calendar"></i><span class="nav-title">Calendar</span></a>
<ul aria-expanded="false">
<li> <a href='calendar-full.html'>Full Calendar</a> </li>
<li> <a href='calendar-list.html'>Calendar List</a> </li>
</ul>
</li>
<li class="active"><a href="mail-inbox.html" aria-expanded="false"><i class="nav-icon ti ti-email"></i><span class="nav-title">Mail</span></a> </li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-bag"></i> <span class="nav-title">UI Kit</span></a>
<ul aria-expanded="false">
<li> <a href="ui-alerts.html">Alerts</a> </li>
<li> <a href="ui-accordions.html">Accordions</a> </li>
<li> <a class="has-arrow" href="javascript: void(0);">Buttons</a>
<ul aria-expanded="false">
<li> <a href="ui-button.html">Default Buttons</a> </li>
<li> <a href="ui-button-icon.html">Icon Buttons</a> </li>
<li> <a href="ui-button-block.html">Block Buttons</a> </li>
<li> <a href="ui-button-social.html">Social Buttons</a> </li>
<li> <a href="ui-button-groups.html">Group Buttons</a> </li>
</ul>
</li>
<li> <a href="ui-badges.html">Badges</a> </li>
<li> <a href="ui-cards.html">Cards</a> </li>
<li> <a href="ui-carousel.html">Carousel</a> </li>
<li> <a href="ui-dropdowns.html">Dropdowns</a> </li>
<li> <a href="ui-grid.html">Grid</a> </li>
<li> <a href="ui-list-group.html">List Group</a> </li>
<li> <a href="ui-lightbox.html">Light Box</a> </li>
<li> <a href="ui-modals.html">Modals</a> </li>
<li> <a href="ui-media.html">Media</a> </li>
<li> <a href="ui-nestable-list.html">Nestable List</a> </li>
<li> <a href="ui-pagination.html">Pagination</a> </li>
<li> <a href="ui-progressbars.html">Progress Bars</a> </li>
<li> <a href="ui-sweet-alert.html">Sweet Alert</a> </li>
<li> <a href="ui-tabs.html">Tabs</a> </li>
<li> <a href="ui-nav.html">Nav</a> </li>
<li> <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a> </li>
<li> <a href="ui-typography.html">Typography</a> </li>
<li> <a href="ui-toastr.html">Toastr</a> </li>
<li> <a href="ui-video.html">Video</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-info"></i><span class="nav-title">Icons</span> </a>
<ul aria-expanded="false">
<li> <a href="icons-cryptocurrency.html">Cryptocurrency Icons</a> </li>
<li> <a href="icons-drip.html">Drip Icons</a> </li>
<li> <a href="icons-dash.html">Dash Icons</a> </li>
<li> <a href="icons-feather.html">Feather Icons</a> </li>
<li> <a href="icons-fontawesome.html">Font Awesome</a> </li>
<li> <a href="icons-ion.html">Ion Icons</a> </li>
<li> <a href="icons-weather.html">Weather Icons</a> </li>
<li> <a href="icons-material.html">Material Icons</a> </li>
<li> <a href="icons-themify.html">Themify Icons</a> </li>
</ul>
</li>
<li class="nav-static-title">Widgets, Tables & Layouts</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i class="nav-icon ti ti-layout-grid4-alt"></i> <span class="nav-title">Widgets</span> <span class="nav-label label label-success">New</span> </a>
<ul aria-expanded="false">
<li> <a href="widget-chart.html">Chart Widget</a> </li>
<li> <a href="widget-list.html">List Widget</a> </li>
<li> <a href="widget-social.html">Social Widget</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layout-column3-alt"></i><span class="nav-title">Tables</span></a>
<ul aria-expanded="false">
<li> <a href="tables-basic.html">Basic Table</a> </li>
<li> <a href="tables-color.html">Color Table </a> </li>
<li> <a href="tables-datatable.html">Data Table</a> </li>
<li> <a href="tables-editable.html">Editable Table</a> </li>
<li> <a href="tables-export.html">Export Table</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layout"></i> <span class="nav-title">Layouts</span></a>
<ul aria-expanded="false">
<li><a href="layout-mini.html">Sidebar Mini</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-pie-chart"></i><span class="nav-title">Charts</span></a>
<ul aria-expanded="false">
<li> <a href="chart-apex.html">Apex Chart</a> </li>
<li> <a href="chart-flot.html">Flot Chart</a> </li>
<li> <a href="chart-morris.html">Morris Chart</a> </li>
<li> <a href="chart-chartist.html">Chartist Charts</a> </li>
<li> <a href="chart-chartjs.html">Chartjs Chart</a> </li>
<li> <a href="chart-c3.html">C3 Chart</a> </li>
<li> <a href="chart-sparkline.html">Sparkline Chart</a> </li>
<li> <a href="chart-knob.html">Knob Chart</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i class="nav-icon ti ti-pencil-alt"></i> <span class="nav-title">Forms</span> </a>
<ul aria-expanded="false">
<li> <a href="form-autonumeric.html">Autonumeric</a> </li>
<li> <a href="form-editors.html">Editors</a> </li>
<li> <a href="form-elements.html">Elements</a> </li>
<li> <a href="form-file-upload.html">Drop Zone
</a> </li>
<li> <a href="form-input-groups.html">Input Groups</a> </li>
<li> <a href="form-inputmask.html">Input Masks</a> </li>
<li> <a href="form-layouts.html">Forms Layouts</a> </li>
<li> <a href="form-listbox.html">Listbox</a> </li>
<li> <a href="form-pickers.html">Pickers</a> </li>
<li> <a href="form-range-slider.html">Range Slider</a> </li>
<li> <a href="form-selects.html">Selects</a> </li>
<li> <a href="form-switchers.html">Switchers</a> </li>
<li> <a href="form-validation.html">Validation</a> </li>
</ul>
</li>
<li class="nav-static-title">Extra Components</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-map-alt"></i><span class="nav-title">Maps</span></a>
<ul aria-expanded="false">
<li> <a href="maps-google.html">Google Maps</a> </li>
<li> <a href="maps-vector.html">Vector Maps</a> </li>
<li> <a href="maps-mapael.html">Mapael Maps</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layers"></i><span class="nav-title">Pages</span><span class="nav-label label label-primary">12</span></a>
<ul aria-expanded="false">
<li> <a href="page-account-settings.html">Account Settings</a> </li>
<li> <a href="page-clients.html">Clients</a> </li>
<li> <a href="page-contacts.html">Contacts</a> </li>
<li> <a href="page-employees.html">Employees</a> </li>
<li> <a href="page-faq.html">FAQ</a> </li>
<li> <a href="page-file-manager.html">File Manager</a> </li>
<li> <a href="page-gallery.html">Gallery</a> </li>
<li> <a href="page-pricing.html">Pricing</a> </li>
<li> <a href="page-task-list.html">Task List</a> </li>
<li> <a href="page-404.html">404</a> </li>
<li> <a href="page-500.html">500</a> </li>
<li> <a href="page-coming-soon.html">Coming Soon</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-key"></i><span class="nav-title">Auth</span></a>
<ul aria-expanded="false">
<li> <a href="auth-login.html">Login</a> </li>
<li> <a href="auth-register.html">Register</a> </li>
<li> <a href="auth-lockscreen.html">Lock Screen</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-list"></i><span class="nav-title">Multi Level</span></a>
<ul aria-expanded="false">
<li> <a href="javascript: void(0);">Level 1.1</a> </li>
<li class="scoop-hasmenu">
<a class="has-arrow" href="javascript: void(0);">Level 1.2</a>
<ul aria-expanded="false">
<li> <a href="javascript: void(0);">Level 2.1</a> </li>
<li> <a href="javascript: void(0);">Level 2.2</a> </li>
</ul>
</li>
</ul>
</li>
<li class="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
<h5 class="text-white mb-1">Mentor admin</h5>
<p class="font-13 text-white line-20">Multipurpose Bootstrap 4 Admin Template</p>
<a class="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Buy now</a>
</li>
</ul>
</div>
<!-- end sidebar-nav -->
</aside>
<!-- end app-header -->
<!-- begin app-container -->
<div class="app-container">
<!-- begin app-nabar -->
<aside class="app-navbar">
<? include "application/views/template/menu/sidemain.php"; ?>
</aside>
<!-- end app-navbar -->
<!-- begin app-main -->
<div class="app-main" id="main">
@@ -567,7 +372,7 @@
<div class="mail-chat py-5 px-5">
<div class="media align-items-center">
<div class="bg-img mr-3">
<img src="assets/img/avtar/03.jpg" class="img-fluid" alt="user">
<img src="/assets/img/avtar/03.jpg" class="img-fluid" alt="user">
</div>
<div>
<h4 class="mb-0">Dutca Patrick</h4>
providerwww/application/views/provider/profile/profile.php
+431
View File
@@ -0,0 +1,431 @@
<!-- begin app-container -->
<div class="app-container">
<!-- begin app-nabar -->
<aside class="app-navbar">
<!-- begin sidebar-nav -->
<? include "application/views/template/menu/sidemain.php"; ?>
<li class="nav-static-title">Personal</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false">
<i class="nav-icon ti ti-rocket"></i>
<span class="nav-title">Dashboards</span>
<span class="nav-label label label-danger">9</span>
</a>
<ul aria-expanded="false">
<li> <a href='index.html'>Default</a> </li>
<li> <a href='index-ecommerce.html'>Ecommerce</a> </li>
<li> <a href='index-car-dealer.html'>Car Dealer</a> </li>
<li> <a href='index-stock-market.html'>Stock Market</a> </li>
<li> <a href='index-dating.html'>Dating</a> </li>
<li> <a href='index-job-portal.html'>Job Portal</a> </li>
<li> <a href='index-crm.html'>CRM</a> </li>
<li> <a href='index-real-estate.html'>Real Estate</a> </li>
<li> <a href='index-crypto-currency.html'>Crypto Currency</a> </li>
</ul>
</li>
<li><a href="app-chat.html" aria-expanded="false"><i class="nav-icon ti ti-comment"></i><span class="nav-title">Chat</span></a> </li>
<li><a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-calendar"></i><span class="nav-title">Calendar</span></a>
<ul aria-expanded="false">
<li> <a href='calendar-full.html'>Full Calendar</a> </li>
<li> <a href='calendar-list.html'>Calendar List</a> </li>
</ul>
</li>
<li><a href="mail-inbox.html" aria-expanded="false"><i class="nav-icon ti ti-email"></i><span class="nav-title">Mail</span></a> </li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-bag"></i> <span class="nav-title">UI Kit</span></a>
<ul aria-expanded="false">
<li> <a href="ui-alerts.html">Alerts</a> </li>
<li> <a href="ui-accordions.html">Accordions</a> </li>
<li> <a class="has-arrow" href="javascript: void(0);">Buttons</a>
<ul aria-expanded="false">
<li> <a href="ui-button.html">Default Buttons</a> </li>
<li> <a href="ui-button-icon.html">Icon Buttons</a> </li>
<li> <a href="ui-button-block.html">Block Buttons</a> </li>
<li> <a href="ui-button-social.html">Social Buttons</a> </li>
<li> <a href="ui-button-groups.html">Group Buttons</a> </li>
</ul>
</li>
<li> <a href="ui-badges.html">Badges</a> </li>
<li> <a href="ui-cards.html">Cards</a> </li>
<li> <a href="ui-carousel.html">Carousel</a> </li>
<li> <a href="ui-dropdowns.html">Dropdowns</a> </li>
<li> <a href="ui-grid.html">Grid</a> </li>
<li> <a href="ui-list-group.html">List Group</a> </li>
<li> <a href="ui-lightbox.html">Light Box</a> </li>
<li> <a href="ui-modals.html">Modals</a> </li>
<li> <a href="ui-media.html">Media</a> </li>
<li> <a href="ui-nestable-list.html">Nestable List</a> </li>
<li> <a href="ui-pagination.html">Pagination</a> </li>
<li> <a href="ui-progressbars.html">Progress Bars</a> </li>
<li> <a href="ui-sweet-alert.html">Sweet Alert</a> </li>
<li> <a href="ui-tabs.html">Tabs</a> </li>
<li> <a href="ui-nav.html">Nav</a> </li>
<li> <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a> </li>
<li> <a href="ui-typography.html">Typography</a> </li>
<li> <a href="ui-toastr.html">Toastr</a> </li>
<li> <a href="ui-video.html">Video</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-info"></i><span class="nav-title">Icons</span> </a>
<ul aria-expanded="false">
<li> <a href="icons-cryptocurrency.html">Cryptocurrency Icons</a> </li>
<li> <a href="icons-drip.html">Drip Icons</a> </li>
<li> <a href="icons-dash.html">Dash Icons</a> </li>
<li> <a href="icons-feather.html">Feather Icons</a> </li>
<li> <a href="icons-fontawesome.html">Font Awesome</a> </li>
<li> <a href="icons-ion.html">Ion Icons</a> </li>
<li> <a href="icons-weather.html">Weather Icons</a> </li>
<li> <a href="icons-material.html">Material Icons</a> </li>
<li> <a href="icons-themify.html">Themify Icons</a> </li>
</ul>
</li>
<li class="nav-static-title">Widgets, Tables & Layouts</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i class="nav-icon ti ti-layout-grid4-alt"></i> <span class="nav-title">Widgets</span> <span class="nav-label label label-success">New</span> </a>
<ul aria-expanded="false">
<li> <a href="widget-chart.html">Chart Widget</a> </li>
<li> <a href="widget-list.html">List Widget</a> </li>
<li> <a href="widget-social.html">Social Widget</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layout-column3-alt"></i><span class="nav-title">Tables</span></a>
<ul aria-expanded="false">
<li> <a href="tables-basic.html">Basic Table</a> </li>
<li> <a href="tables-color.html">Color Table </a> </li>
<li> <a href="tables-datatable.html">Data Table</a> </li>
<li> <a href="tables-editable.html">Editable Table</a> </li>
<li> <a href="tables-export.html">Export Table</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layout"></i> <span class="nav-title">Layouts</span></a>
<ul aria-expanded="false">
<li><a href="layout-mini.html">Sidebar Mini</a></li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-pie-chart"></i><span class="nav-title">Charts</span></a>
<ul aria-expanded="false">
<li> <a href="chart-apex.html">Apex Chart</a> </li>
<li> <a href="chart-flot.html">Flot Chart</a> </li>
<li> <a href="chart-morris.html">Morris Chart</a> </li>
<li> <a href="chart-chartist.html">Chartist Charts</a> </li>
<li> <a href="chart-chartjs.html">Chartjs Chart</a> </li>
<li> <a href="chart-c3.html">C3 Chart</a> </li>
<li> <a href="chart-sparkline.html">Sparkline Chart</a> </li>
<li> <a href="chart-knob.html">Knob Chart</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i class="nav-icon ti ti-pencil-alt"></i> <span class="nav-title">Forms</span> </a>
<ul aria-expanded="false">
<li> <a href="form-autonumeric.html">Autonumeric</a> </li>
<li> <a href="form-editors.html">Editors</a> </li>
<li> <a href="form-elements.html">Elements</a> </li>
<li> <a href="form-file-upload.html">Drop Zone
</a> </li>
<li> <a href="form-input-groups.html">Input Groups</a> </li>
<li> <a href="form-inputmask.html">Input Masks</a> </li>
<li> <a href="form-layouts.html">Forms Layouts</a> </li>
<li> <a href="form-listbox.html">Listbox</a> </li>
<li> <a href="form-pickers.html">Pickers</a> </li>
<li> <a href="form-range-slider.html">Range Slider</a> </li>
<li> <a href="form-selects.html">Selects</a> </li>
<li> <a href="form-switchers.html">Switchers</a> </li>
<li> <a href="form-validation.html">Validation</a> </li>
</ul>
</li>
<li class="nav-static-title">Extra Components</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-map-alt"></i><span class="nav-title">Maps</span></a>
<ul aria-expanded="false">
<li> <a href="maps-google.html">Google Maps</a> </li>
<li> <a href="maps-vector.html">Vector Maps</a> </li>
<li> <a href="maps-mapael.html">Mapael Maps</a> </li>
</ul>
</li>
<li class="active">
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-layers"></i><span class="nav-title">Pages</span><span class="nav-label label label-primary">12</span></a>
<ul aria-expanded="false">
<li class="active"> <a href="page-account-settings.html">Profile</a> </li>
<li> <a href="page-clients.html">Clients</a> </li>
<li> <a href="page-contacts.html">Contacts</a> </li>
<li> <a href="page-employees.html">Employees</a> </li>
<li> <a href="page-faq.html">FAQ</a> </li>
<li> <a href="page-file-manager.html">File Manager</a> </li>
<li> <a href="page-gallery.html">Gallery</a> </li>
<li> <a href="page-pricing.html">Pricing</a> </li>
<li> <a href="page-task-list.html">Task List</a> </li>
<li> <a href="page-404.html">404</a> </li>
<li> <a href="page-500.html">500</a> </li>
<li> <a href="page-coming-soon.html">Coming Soon</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-key"></i><span class="nav-title">Auth</span></a>
<ul aria-expanded="false">
<li> <a href="auth-login.html">Login</a> </li>
<li> <a href="auth-register.html">Register</a> </li>
<li> <a href="auth-lockscreen.html">Lock Screen</a> </li>
</ul>
</li>
<li>
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false"><i class="nav-icon ti ti-list"></i><span class="nav-title">Multi Level</span></a>
<ul aria-expanded="false">
<li> <a href="javascript: void(0);">Level 1.1</a> </li>
<li class="scoop-hasmenu">
<a class="has-arrow" href="javascript: void(0);">Level 1.2</a>
<ul aria-expanded="false">
<li> <a href="javascript: void(0);">Level 2.1</a> </li>
<li> <a href="javascript: void(0);">Level 2.2</a> </li>
</ul>
</li>
</ul>
</li>
<li class="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
<h5 class="text-white mb-1">Mentor admin</h5>
<p class="font-13 text-white line-20">Multipurpose Bootstrap 4 Admin Template</p>
<a class="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Buy now</a>
</li>
</ul>
</div>
<!-- end sidebar-nav -->
</aside>
<!-- end app-navbar -->
<!-- begin app-main -->
<div class="app-main" id="main">
<!-- begin container-fluid -->
<div class="container-fluid">
<!-- begin row -->
<div class="row">
<div class="col-md-12 m-b-30">
<!-- begin page title -->
<div class="d-block d-sm-flex flex-nowrap align-items-center">
<div class="page-title mb-2 mb-sm-0">
<h1>Profile</h1>
</div>
<div class="ml-auto d-flex align-items-center">
<nav>
<ol class="breadcrumb p-0 m-b-0">
<li class="breadcrumb-item">
<a href="index.html"><i class="ti ti-home"></i></a>
</li>
<li class="breadcrumb-item">
Pages
</li>
<li class="breadcrumb-item active text-primary" aria-current="page">Profile</li>
</ol>
</nav>
</div>
</div>
<!-- end page title -->
</div>
</div>
<!-- end row -->
<!--mail-Compose-contant-start-->
<div class="row account-contant">
<div class="col-12">
<div class="card card-statistics">
<div class="card-body p-0">
<div class="row no-gutters">
<div class="col-xl-3 pb-xl-0 pb-5 border-right">
<div class="page-account-profil pt-5">
<div class="profile-img text-center rounded-circle">
<div class="pt-5">
<div class="bg-img m-auto">
<img src="/assets/img/avtar/01.jpg" class="img-fluid" alt="users-avatar">
</div>
<div class="profile pt-4">
<h4 class="mb-1"><?= isset($_SESSION['user_firstname'])? $_SESSION['user_firstname']:''; ?> <?= isset($_SESSION['user_lastname'])? $_SESSION['user_lastname']:''; ?></h4>
<p><?= isset($_SESSION['user_email'])? $_SESSION['user_email']:''; ?></p>
</div>
</div>
</div>
<div class="py-5 profile-counter">
<ul class="nav justify-content-center text-center">
<li class="nav-item border-right px-3">
<div>
<h4 class="mb-0">90</h4>
<p>Post</p>
</div>
</li>
<li class="nav-item border-right px-3">
<div>
<h4 class="mb-0">1.5K</h4>
<p>Messages</p>
</div>
</li>
<li class="nav-item px-3">
<div>
<h4 class="mb-0">4.4K</h4>
<p>Members</p>
</div>
</li>
</ul>
</div>
<div class="profile-btn text-center">
<div><button class="btn btn-light text-primary mb-2">Upload New Avatar</button></div>
<div><button class="btn btn-danger">Delete</button></div>
</div>
</div>
</div>
<div class="col-xl-5 col-md-6 col-12 border-t border-right">
<div class="page-account-form">
<div class="form-titel border-bottom p-3">
<h5 class="mb-0 py-2">Edit Your Personal Settings</h5>
</div>
<div class="p-4">
<form>
<div class="form-row">
<div class="form-row">
<div class="form-group col-md-5">
<label for="name1">Firstname</label>
<input type="text" class="form-control" id="name1" value="Alice">
</div>
<div class="form-group col-md-5">
<label for="name1">Lastname</label>
<input type="text" class="form-control" id="name1" value="Williams">
</div>
<div class="form-group col-md-2">
<label for="name1">MI</label>
<input type="text" class="form-control" id="name1" value="">
</div>
</div>
<div class="form-group col-md-12">
<label for="title1">Title</label>
<input type="text" class="form-control" id="title1" value="Marketing expert">
</div>
<div class="form-group col-md-12">
<label for="phone1">Phone Number</label>
<input type="text" class="form-control" id="phone1" value="(01) 97 563 15613">
</div>
<div class="form-group col-md-12">
<label for="email1">Email</label>
<input type="email" class="form-control" id="email1" value="alicewilliams@gmail.com">
</div>
</div>
<div class="form-group">
<label for="add1">Address</label>
<input type="text" class="form-control" id="add1" value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503">
</div>
<div class="form-group">
<label for="add2">Address 2</label>
<input type="text" class="form-control" id="add2" value="1234 North Avenue Luke Lane, South Bend, IN 360001">
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label for="inputState3">City</label>
<select id="inputState3" class="form-control">
<option>Choose...</option>
<option selected="">London</option>
<option>Montreal</option>
<option>Delhi</option>
<option>Tokyo</option>
</select>
</div>
<div class="form-group col-md-4">
<label for="inputState4">State</label>
<select id="inputState4" class="form-control">
<option>Choose...</option>
<option selected="">England</option>
<option>California </option>
<option>Texas</option>
<option>Scotland </option>
</select>
</div>
<div class="form-group col-md-4">
<label for="inputZip">Zip</label>
<input type="text" class="form-control" id="inputZip" value="EC1A 1BB">
</div>
</div>
<div class="form-group">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="gridCheck">
<label class="form-check-label" for="gridCheck">
I agree to receive email notification.
</label>
</div>
</div>
<button type="submit" class="btn btn-primary">Update Information</button>
</form>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 border-t col-12">
<div class="page-account-form">
<div class="form-titel border-bottom p-3">
<h5 class="mb-0 py-2">Your External Link</h5>
</div>
<div class="p-4">
<form>
<div class="form-group">
<label for="fb">Facebook URL:</label>
<input type="text" class="form-control" id="fb" value="https://www.facebook.com/">
</div>
<div class="form-group">
<label for="tr">Twitter URL:</label>
<input type="text" class="form-control" id="tr" value="https://twitter.com/">
</div>
<div class="form-group">
<label for="br">Blogger URL:</label>
<input type="text" class="form-control" id="br" value="https://www.blogger.com">
</div>
<div class="form-group">
<label for="go">Google+ URL:</label>
<input type="text" class="form-control" id="go" value="https://plus.google.com/discover">
</div>
<div class="form-group">
<label for="li">LinkedIn URL:</label>
<input type="text" class="form-control" id="li" value="https://in.linkedin.com/">
</div>
<div class="form-group">
<label for="we">Website URL:</label>
<input type="text" class="form-control" id="we" value="https://yourwebsite.com">
</div>
<button type="submit" class="btn btn-primary">Save & Update</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--mail-Compose-contant-end-->
</div>
<!-- end container-fluid -->
</div>
<!-- end app-main -->
</div>
<!-- end app-container -->