update to bootstrap 4 p2

app/plugins/blog/views/admin/dashboard.html

@@ -14,9 +14,9 @@
         <tr>
             <td>{title}</td>
             <td>{contentSummary}</td>
-            <td><a href="{ROOT_URL}admin/blog/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+            <td><a href="{ROOT_URL}admin/blog/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-            <td><a href="{ROOT_URL}admin/blog/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+            <td><a href="{ROOT_URL}admin/blog/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-            <td width="30px"><a href="{ROOT_URL}admin/blog/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+            <td width="30px"><a href="{ROOT_URL}admin/blog/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
         </tr>
         {/LOOP}
         {ALT}

app/plugins/blog/views/admin/list.html

@@ -24,8 +24,8 @@
                 <td>{commentCount}</td>
                 <td>{DTC}{created}{/DTC}</td>
                 <td>{DTC}{edited}{/DTC}</td>
-                <td><a href="{ROOT_URL}admin/blog/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+                <td><a href="{ROOT_URL}admin/blog/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-                <td><a href="{ROOT_URL}admin/blog/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/blog/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
                 <td>
                     <input type="checkbox" value="{ID}" name="B_[]">
                 </td>

app/plugins/blog/views/admin/view.html

@@ -1,8 +1,6 @@
 <div class="row">
     <div class="col-sm-8 blog-main">
-        <div class="page-header">
             <h1>{title} <small>{DTC}{created}{/DTC} by <a href="{ROOT_URL}admin/users/view/{author}">{authorName}</a></small></h1>
-        </div>
         <div class="well">{content}</div>
         <a href="{ROOT_URL}admin/blog/delete/{ID}" class="btn btn-md btn-danger" role="button">Delete</a>
         <a href="{ROOT_URL}admin/blog/edit/{ID}" class="btn btn-md btn-warning" role="button">Edit</a>

app/plugins/blog/views/recentWidget.html

@@ -1,6 +1,6 @@
-<div class="panel panel-info">
+<div class="card panel-info">
-    <div class="panel-heading">
+    <div class="card-header">
-        <h3 class="panel-title">Recent Posts</h3>
+        <h3 class="card-title">Recent Posts</h3>
     </div>
     <ul class="list-group">
         {LOOP}

app/plugins/blog/views/sidebar.html

@@ -1,8 +1,8 @@
-<div class="panel panel-info">
+<div class="card panel-info">
-    <div class="panel-heading">
+    <div class="card-header">
-        <h3 class="panel-title">Recent Posts</h3>
+        <h3 class="card-title">Recent Posts</h3>
     </div>
-    <div class="panel-body">
+    <div class="card-body">
         <ol class="list-unstyled">
             {LOOP}
                 <li><a href="{ROOT_URL}blog/post/{ID}">{title}</a></li>
@@ -12,7 +12,7 @@
             {/ALT}
         </ol>
     </div>
-    <div class="panel-footer">
+    <div class="card-footer">
         <a href="{ROOT_URL}blog">View All</a>
     </div>
 </div>

app/plugins/blog/views/sidebar2.html

@@ -1,8 +1,8 @@
-<div class="panel panel-info">
+<div class="card panel-info">
-    <div class="panel-heading">
+    <div class="card-header">
-        <h3 class="panel-title">Archives</h3>
+        <h3 class="card-title">Archives</h3>
     </div>
-    <div class="panel-body">
+    <div class="card-body">
         <ol class="list-unstyled">
             {LOOP}
                 <li>({count}) <a href="{ROOT_URL}blog/month/{month}/{year}">{monthText} {year}</a></li>

app/plugins/bookmarks/views/bookmarks/create.html

@@ -1,5 +1,4 @@
 <legend>Create Bookmark</legend>
-{BookmarkBreadCrumbs}
 <form action="" method="post" class="form-horizontal">
     <input type="hidden" name="token" value="{TOKEN}">
     <div class="form-group">

app/plugins/bookmarks/views/bookmarks/edit.html

@@ -1,5 +1,4 @@
 <legend>Edit Bookmark</legend>
-{BookmarkBreadCrumbs}
 <form action="" method="post" class="form-horizontal">
     <input type="hidden" name="token" value="{TOKEN}">
     <div class="form-group">

app/plugins/bookmarks/views/bookmarks/list.html

@@ -1,4 +1,4 @@
-{BookmarkBreadCrumbs}
+
 <table class="table table-striped">
     <thead>
         <tr>
@@ -20,9 +20,9 @@
             <td style="text-align: center;">
                     {privacy}
             </td>
-            <td><a href="{ROOT_URL}bookmarks/bookmark/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+            <td><a href="{ROOT_URL}bookmarks/bookmark/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-            <td><a href="{ROOT_URL}bookmarks/editBookmark/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+            <td><a href="{ROOT_URL}bookmarks/editBookmark/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-            <td><a href="{ROOT_URL}bookmarks/deleteBookmark/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+            <td><a href="{ROOT_URL}bookmarks/deleteBookmark/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
         </tr>
         {/LOOP}
         {ALT}

app/plugins/bookmarks/views/bookmarks/view.html

@@ -1,11 +1,11 @@
 {BookmarkBreadCrumbs}<br />
 <div class="container col-md-4 col-lg-4">
 	<div class="row">
-        <div class="panel panel-{color}">
+        <div class="card panel-{color}">
-            <div class="panel-heading">
+            <div class="card-header">
-                <h3 class="panel-title">Bookmark</h3>
+                <h3 class="card-title">Bookmark</h3>
             </div>
-            <div class="panel-body">
+            <div class="card-body">
                 <div class="row">
                     <div class=""> 
                         <table class="table table-user-primary">
@@ -72,12 +72,12 @@
                     </div>
                 </div>
             </div>
-            <div class="panel-footer">
+            <div class="card-footer">
                 {refreshBtn}
                 {hideBtn}
                 {archiveBtn}
-                <a href="{ROOT_URL}bookmarks/editBookmark/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a>
+                <a href="{ROOT_URL}bookmarks/editBookmark/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a>
-                <a href="{ROOT_URL}bookmarks/deleteBookmark/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a>
+                <a href="{ROOT_URL}bookmarks/deleteBookmark/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a>
             </div>
         </div>
 	</div>

app/plugins/bookmarks/views/components/bookmarkListPanel.html

@@ -1,20 +1,20 @@
-<div class="panel panel-{color}">
+<div class="card panel-{color}">
-    <div class="panel-heading" data-target="#Collapse{ID}" data-toggle="collapse" aria-expanded="true" aria-controls="#Collapse{ID}">
+    <div class="card-header" data-target="#Collapse{ID}" data-toggle="collapse" aria-expanded="true" aria-controls="#Collapse{ID}">
         {title}
     </div>
     <div id="Collapse{ID}" class="panel-collapse collapse in" style="width:100%; position: relative;" role="tabpanel" aria-expanded="true">
-        <div class="panel-body">
+        <div class="card-body">
             <ul class="list-group">
                 {bookmarkListRows}
             </ul>
         </div>
-        <div class="panel-footer">
+        <div class="card-footer">
-            <a href="{ROOT_URL}bookmarks/createBookmark/{ID}" class="btn btn-sm btn-success" role="button"><i class="glyphicon glyphicon-plus-sign"></i></a></td>
+            <a href="{ROOT_URL}bookmarks/createBookmark/{ID}" class="btn btn-sm btn-success" role="button"><i class="fa fa-fw fa-plus"></i></a></td>
-            <span class="pull-right">
+            <span class="float-right">
-                <a href="{ROOT_URL}bookmarks/bookmarks/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-th-list"></i></a>
+                <a href="{ROOT_URL}bookmarks/bookmarks/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-list"></i></a>
-                <a href="{ROOT_URL}bookmarks/folders/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-info-sign"></i></a></td>
+                <a href="{ROOT_URL}bookmarks/folders/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-info-circle"></i></a></td>
-                <a href="{ROOT_URL}bookmarks/editFolder/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+                <a href="{ROOT_URL}bookmarks/editFolder/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-                <a href="{ROOT_URL}bookmarks/deleteFolder/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <a href="{ROOT_URL}bookmarks/deleteFolder/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
             </span>
         </div>
     </div>

app/plugins/bookmarks/views/components/bookmarkListRows.html

@@ -3,11 +3,11 @@
 <li class="list-group-item list-group-item-{color}">
     <a href="{ROOT_URL}bookmarks/bookmarks/{ID}" class="btn btn-sm" role="button">{iconHtml}</a>
     <a href="{url}" class="list-group"> {title}</a>
-    <span class="pull-right">
+    <span class="float-right">
         {hideBtn}
         {archiveBtn}
-        <a href="{ROOT_URL}bookmarks/editBookmark/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a>
+        <a href="{ROOT_URL}bookmarks/editBookmark/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a>
-        <a href="{ROOT_URL}bookmarks/deleteBookmark/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a>
+        <a href="{ROOT_URL}bookmarks/deleteBookmark/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a>
     </span>
 </li>
 {/LOOP}

app/plugins/bookmarks/views/components/folderPanelList.html

@@ -1,10 +1,10 @@
 {LOOP}
-<div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6 col-xs-6">
+<div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6">
     {panel}
 </div>
 {/LOOP}
 {ALT}
-<div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6 col-xs-6">
+<div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6">
     <p>no folders</p>
 </div>
 {/ALT}

app/plugins/bookmarks/views/dash.html

@@ -1,16 +1,15 @@
 
-{BookmarkBreadCrumbs}
 <div class="row">
-    <div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6 col-xs-6">
+    <div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6">
-        <legend>Unsorted Bookmarks</legend>
+        <legend style="margin-top: 20px; margin-bottom: 10px;">Unsorted Bookmarks</legend>
         {bookmarksList}
     </div>
-    <div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6 col-xs-6">
+    <div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6">
-        <legend>Folders List</legend>
+        <legend style="margin-top: 20px; margin-bottom: 10px;">Folders List</legend>
         {foldersList}
     </div>
 </div>
-<legend>Folders</legend>
+<legend style="margin-top: 20px; margin-bottom: 10px;">Folders</legend>
 <div class="row">
     {folderPanels}
 </div>

app/plugins/bookmarks/views/folders/create.html

@@ -1,5 +1,4 @@
 <legend>Create Folder</legend>
-{BookmarkBreadCrumbs}
 <form action="" method="post" class="form-horizontal">
     <input type="hidden" name="token" value="{TOKEN}">
     <div class="form-group">

app/plugins/bookmarks/views/folders/edit.html

@@ -1,5 +1,4 @@
 <legend>Edit Folder</legend>
-{BookmarkBreadCrumbs}
 <form action="" method="post" class="form-horizontal">
     <input type="hidden" name="token" value="{TOKEN}">
     <div class="form-group">

app/plugins/bookmarks/views/folders/list.html

@@ -1,4 +1,4 @@
-{BookmarkBreadCrumbs}
+
 <table class="table table-striped">
     <thead>
         <tr>
@@ -16,9 +16,9 @@
             <td align="center">{title}</td>
             <td align="center">{privacy}</td>
             <td>{description}</td>
-            <td><a href="{ROOT_URL}bookmarks/folders/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-info-sign"></i></a></td>
+            <td><a href="{ROOT_URL}bookmarks/folders/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-info-circle"></i></a></td>
-            <td><a href="{ROOT_URL}bookmarks/editFolder/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+            <td><a href="{ROOT_URL}bookmarks/editFolder/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-            <td><a href="{ROOT_URL}bookmarks/deleteFolder/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+            <td><a href="{ROOT_URL}bookmarks/deleteFolder/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
         </tr>
         {/LOOP}
         {ALT}

app/plugins/bookmarks/views/folders/view.html

@@ -1,11 +1,11 @@
 {BookmarkBreadCrumbs}<br />
 <div class="container col-md-4 col-lg-4">
 	<div class="row">
-        <div class="panel panel-{color}">
+        <div class="card panel-{color}">
-            <div class="panel-heading">
+            <div class="card-header">
-                <h3 class="panel-title">Bookmark Folder</h3>
+                <h3 class="card-title">Bookmark Folder</h3>
             </div>
-            <div class="panel-body">
+            <div class="card-body">
                 <div class="row">
                     <div class=""> 
                         <table class="table table-user-primary">
@@ -37,10 +37,10 @@
                     </div>
                 </div>
             </div>
-            <div class="panel-footer">
+            <div class="card-footer">
-                <a href="{ROOT_URL}bookmarks/bookmarks/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-th-list"></i></a>
+                <a href="{ROOT_URL}bookmarks/bookmarks/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-list"></i></a>
-                <a href="{ROOT_URL}bookmarks/editFolder/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a>
+                <a href="{ROOT_URL}bookmarks/editFolder/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a>
-                <a href="{ROOT_URL}bookmarks/deleteFolder/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a>
+                <a href="{ROOT_URL}bookmarks/deleteFolder/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a>
             </div>
         </div>
 	</div>

app/plugins/bookmarks/views/import.html

@@ -1,4 +1,4 @@
-<legend>Import Bookmarks</legend>
+<legend style="margin-top: 20px; margin-bottom: 10px;">Import Bookmarks</legend>
 <form action="" method="post" enctype="multipart/form-data" class="form-horizontal">
     <div class="form-group">
         <label for="bookmark_file" class="col-lg-3 control-label">Export file (.html):</label>

app/plugins/bookmarks/views/nav/folderTabs.html

@@ -1,6 +1,6 @@
 <ul class="nav nav-tabs">
-    <li><a href="{ROOT_URL}bookmarks/index/">Dashboard</a></li>
+    <li><a href="{ROOT_URL}bookmarks/index/" class="nav-link">Dashboard</a></li>
-    <li><a href="{ROOT_URL}bookmarks/folders/">Folders</a></li>
+    <li><a href="{ROOT_URL}bookmarks/folders/" class="nav-link">Folders</a></li>
-    <li><a href="{ROOT_URL}bookmarks/import/">Import</a></li>
+    <li><a href="{ROOT_URL}bookmarks/import/" class="nav-link">Import</a></li>
 </ul>
 {userFolderTabs}

app/plugins/bookmarks/views/nav/userFolderTabs.html

@@ -1,7 +1,7 @@
 <ul class="nav nav-tabs">
-    <li><a href="{ROOT_URL}bookmarks/folders/">All</a></li>
+    <li><a href="{ROOT_URL}bookmarks/folders/" class="nav-link">All</a></li>
     {LOOP}
-        <li><a href="{ROOT_URL}bookmarks/bookmarks/{ID}">{title}</a></li>
+        <li><a href="{ROOT_URL}bookmarks/bookmarks/{ID}" class="nav-link">{title}</a></li>
     {/LOOP}
     {ALT}
         <li></li>

app/plugins/bugreport/views/admin/list.html

@@ -20,8 +20,8 @@
 				<td align="center">{ID}</td>
 				<td align="center">{DTC}{time}{/DTC}</td>
 				<td>{description}</td>
-				<td><a href="{ROOT_URL}admin/bugreport/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+				<td><a href="{ROOT_URL}admin/bugreport/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-                <td><a href="{ROOT_URL}admin/bugreport/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/bugreport/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 				<td>
 					<input type="checkbox" value="{ID}" name="BR_[]">
 				</td>

app/plugins/bugreport/views/admin/view.html

@@ -1,11 +1,11 @@
 <div class="container">
 	<div class="row">
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+		<div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-			<div class="panel panel-primary">
+			<div class="card panel-primary">
-				<div class="panel-heading">
+				<div class="card-header">
-					<h3 class="panel-title">Bug Report</h3>
+					<h3 class="card-title">Bug Report</h3>
 				</div>
-				<div class="panel-body">
+				<div class="card-body">
 					<div class="row">
 						<div class=" col-md-12 col-lg-12 "> 
 							<table class="table table-user-primary">
@@ -49,12 +49,12 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel-footer">
+				<div class="card-footer">
 					{ADMIN}
 					<form action="{ROOT_URL}admin/bugreport/delete" method="post">
 						<INPUT type="hidden" name="BR_" value="{ID}"/>
 						<input type="hidden" name="token" value="{TOKEN}" />
-						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></button>
+						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-times"></i></button>
 					</form>
 					{/ADMIN}
 				</div>

app/plugins/comments/views/admin/dashboard.html

@@ -13,8 +13,8 @@
         <tr>
             <td>{authorName}</td>
             <td>{content}</td>
-            <td><a href="{ROOT_URL}admin/comments/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+            <td><a href="{ROOT_URL}admin/comments/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-            <td><a href="{ROOT_URL}admin/comments/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+            <td><a href="{ROOT_URL}admin/comments/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
         </tr>
         {/LOOP}
         {ALT}

app/plugins/comments/views/admin/list.html

@@ -22,8 +22,8 @@
                 <td><a href="{ROOT_URL}admin/blog/view/{contentID}">{contentTitle}</a></td>
                 <td>{content}</td>
                 <td>{DTC}{created}{/DTC}</td> 
-                <td><a href="{ROOT_URL}admin/comments/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+                <td><a href="{ROOT_URL}admin/comments/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-                <td><a href="{ROOT_URL}admin/comments/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/comments/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
                 <td>
                     <input type="checkbox" value="{ID}" name="C_[]">
                 </td>

app/plugins/comments/views/control.html

@@ -1,8 +1,8 @@
 <div class="action">
-    <a href="{ROOT_URL}{COMMENT_TYPE}/comments/edit/{ID}" class="btn btn-warning btn-xs" role="button">
+    <a href="{ROOT_URL}{COMMENT_TYPE}/comments/edit/{ID}" class="btn btn-warning btn-sm" role="button">
-        <span class="glyphicon glyphicon-pencil"></span>
+        <span class="fa fa-fw fa-pencil"></span>
     </a>
-    <a href="{ROOT_URL}{COMMENT_TYPE}/comments/delete/{ID}" class="btn btn-danger btn-xs" role="button">
+    <a href="{ROOT_URL}{COMMENT_TYPE}/comments/delete/{ID}" class="btn btn-danger btn-sm" role="button">
-        <span class="glyphicon glyphicon-trash"></span>
+        <span class="fa fa-fw fa-trash"></span>
     </a>
 </div>

app/plugins/comments/views/list.html

@@ -1,18 +1,18 @@
-<div class="panel panel-info widget comments">
+<div class="card panel-info widget comments">
-    <div class="panel-heading">
+    <div class="card-header">
-        <span class="glyphicon glyphicon-comment"></span>
+        <span class="fa fa-fw fa-comment"></span>
-        <h3 class="panel-title">Comments</h3>
+        <h3 class="card-title">Comments</h3>
         <span class="label label-primary">{count}</span>
     </div>
-    <div class="panel-body">
+    <div class="card-body">
         <ul class="list-group">
             {LOOP}
             <li class="list-group-item">
                 <div class="row">
-                    <div class="col-xs-2 col-md-1">
+                    <div class="col-sm-2 col-md-12">
                         <img src="{ROOT_URL}{avatar}" class="img-circle img-responsive" alt="" />
                     </div>
-                    <div class="col-xs-10 col-md-11">
+                    <div class="col-sm-10 col-md-12">
                         <div>
                             <div class="mic-info">
                                 By: <a href="{ROOT_URL}home/profile/{author}">{authorName}</a> on {DTC date}{created}{/DTC}
@@ -29,7 +29,7 @@
             {ALT}
             <li class="list-group-item">
                 <div class="row">
-                    <div class="col-xs-10 col-md-11">
+                    <div class="col-sm-10 col-md-12">
                         <div class="comment-text">
                             <p class="text-center">Be the first to comment.</p>
                         </div>

app/plugins/feedback/views/admin/list.html

@@ -20,8 +20,8 @@
 				<td>{ID}</td>
 				<td>{DTC}{time}{/DTC}</td>
 				<td>{feedback}</td>
-				<td><a href="{ROOT_URL}admin/feedback/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+				<td><a href="{ROOT_URL}admin/feedback/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-                <td><a href="{ROOT_URL}admin/feedback/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/feedback/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 				<td>
 					<input type="checkbox" value="{ID}" name="F_[]">
 				</td>

app/plugins/feedback/views/admin/view.html

@@ -1,11 +1,11 @@
 <div class="container">
 	<div class="row">
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+		<div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-			<div class="panel panel-primary">
+			<div class="card panel-primary">
-				<div class="panel-heading">
+				<div class="card-header">
-					<h3 class="panel-title">Feedback</h3>
+					<h3 class="card-title">Feedback</h3>
 				</div>
-				<div class="panel-body">
+				<div class="card-body">
 					<div class="row">
 						<div class=" col-md-12 col-lg-12 "> 
 							<table class="table table-user-primary">
@@ -41,12 +41,12 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel-footer">
+				<div class="card-footer">
 					{ADMIN}
 					<form action="{ROOT_URL}admin/feedback/delete" method="post">
 						<INPUT type="hidden" name="F_" value="{ID}"/>
 						<input type="hidden" name="token" value="{TOKEN}" />
-						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></button>
+						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-times"></i></button>
 					</form>
 					{/ADMIN}
 				</div>

app/plugins/members/views/admin/memberships/list.html

@@ -24,8 +24,8 @@
 				<td>{prettyPrice}</td>
                 <td>{DTC}{current_period_start}{/DTC}</td>
                 <td>{DTC}{current_period_end}{/DTC}</td>
-				<td><a href="{ROOT_URL}admin/records/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+				<td><a href="{ROOT_URL}admin/records/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-                <td><a href="{ROOT_URL}admin/records/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/records/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 				<td>
 					<input type="checkbox" value="{ID}" name="MP_[]">
 				</td>

app/plugins/members/views/admin/products/list.html

@@ -20,8 +20,8 @@
 				<td>{name}</td>
 				<td>{monthly_price}</td>
 				<td>{yearly_price}</td>
-				<td><a href="{ROOT_URL}admin/products/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+				<td><a href="{ROOT_URL}admin/products/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-                <td><a href="{ROOT_URL}admin/products/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/products/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 				<td>
 					<input type="checkbox" value="{ID}" name="MP_[]">
 				</td>

app/plugins/members/views/admin/products/view.html

@@ -1,11 +1,11 @@
 <div class="container">
 	<div class="row">
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+		<div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-			<div class="panel panel-primary">
+			<div class="card panel-primary">
-				<div class="panel-heading">
+				<div class="card-header">
-					<h3 class="panel-title">Membership Product</h3>
+					<h3 class="card-title">Membership Product</h3>
 				</div>
-				<div class="panel-body">
+				<div class="card-body">
 					<div class="row">
 						<div class=" col-md-12 col-lg-12 "> 
 							<table class="table table-user-primary">
@@ -41,12 +41,12 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel-footer">
+				<div class="card-footer">
 					{ADMIN}
 					<form action="{ROOT_URL}admin/feedback/delete" method="post">
 						<INPUT type="hidden" name="F_" value="{ID}"/>
 						<input type="hidden" name="token" value="{TOKEN}" />
-						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></button>
+						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-times"></i></button>
 					</form>
 					{/ADMIN}
 				</div>

app/plugins/members/views/landing1.html

@@ -19,11 +19,11 @@
         <h2>Pricing</h2>
         <div class="row">
             <div class="col-sm-4">
-                <div class="panel panel-default">
+                <div class="card">
-                    <div class="panel-heading">
+                    <div class="card-header">
                         <h3>Free</h3>
                     </div>
-                    <div class="panel-body">
+                    <div class="card-body">
                         <p>Basic bookmark storage</p>
                         <p>No import/export</p>
                         <p>Completely free</p>
@@ -32,11 +32,11 @@
                 </div>
             </div>
             <div class="col-sm-4">
-                <div class="panel panel-primary">
+                <div class="card panel-primary">
-                    <div class="panel-heading">
+                    <div class="card-header">
                         <h3>{name} Monthly</h3>
                     </div>
-                    <div class="panel-body">
+                    <div class="card-body">
                         <p>Import/export bookmarks</p>
                         <p>Advanced curation tools</p>
                         <p>{prettyPriceMonthly}/month</p>
@@ -45,11 +45,11 @@
                 </div>
             </div>
             <div class="col-sm-4">
-                <div class="panel panel-primary">
+                <div class="card panel-primary">
-                    <div class="panel-heading">
+                    <div class="card-header">
                         <h3>{name} Yearly</h3>
                     </div>
-                    <div class="panel-body">
+                    <div class="card-body">
                         <p>Save with annual billing</p>
                         <p>All features included</p>
                         <p>{prettyPriceYearly}/year</p>

app/plugins/members/views/landing2.html

@@ -15,9 +15,9 @@
     <h2 class="text-center">Affordable Plans</h2>
     <div class="row">
         <div class="col-sm-6">
-            <div class="panel panel-success">
+            <div class="card panel-success">
-                <div class="panel-heading">{name} Monthly Plan</div>
+				<div class="card-header">{name} Monthly Plan</div>
-                <div class="panel-body">
+                <div class="card-body">
                     <p>{prettyPriceMonthly}/month</p>
                     <p>All pro features unlocked</p>
                     <a href="{ROOT_URL}member/getmonthly/{ID}" class="btn btn-success btn-block" role="button">Get Started</a>
@@ -25,9 +25,9 @@
             </div>
         </div>
         <div class="col-sm-6">
-            <div class="panel panel-info">
+            <div class="card panel-info">
-                <div class="panel-heading">{name} Yearly Plan</div>
+				<div class="card-header">{name} Yearly Plan</div>
-                <div class="panel-body">
+                <div class="card-body">
                     <p>{prettyPriceYearly}/year</p>
                     <p>Save {prettySavings} annually!</p>
                     <a href="{ROOT_URL}member/getyearly/{ID}" class="btn btn-info btn-block" role="button">Sign Up</a>

app/plugins/members/views/manage.html

@@ -19,8 +19,8 @@
             <td>{prettyPrice}</td>
             <td>{DTC=date}{current_period_start}{/DTC}</td>
             <td>{DTC=date}{current_period_end}{/DTC}</td>
-            <td><a href="{ROOT_URL}member/pause/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-pause"></i></a></td>
+            <td><a href="{ROOT_URL}member/pause/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-pause"></i></a></td>
-            <td><a href="{ROOT_URL}member/cancel/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-remove"></i></a></td>
+            <td><a href="{ROOT_URL}member/cancel/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-times"></i></a></td>
         </tr>
         {/LOOP}
         {ALT}

app/plugins/messages/views/mesage.html

@@ -1,14 +1,14 @@
 <div class="container">
 	<div class="row">
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+		<div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-			<div class="panel panel-primary">
+			<div class="card panel-primary">
 				{LOOP}
 				{SINGLE}
-				<div class="panel-heading">
+				<div class="card-header">
-					<h3 class="panel-title">{subject}</h3>
+					<h3 class="card-title">{subject}</h3>
 				</div>
 				{/SINGLE}
-				<div class="panel-body">
+				<div class="card-body">
 					<div class="row">
 						<div class="col-md-3 col-lg-3 " align="center">
 							<a href="{ROOT_URL}home/profile/{userFrom}">{userFrom}</a><br>
@@ -23,10 +23,10 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel-footer">
+				<div class="card-footer">
 					{ADMIN}
 					{ID}
-					<span class="pull-right">
+					<span class="float-right">
 						{DTC}{sent}{/DTC}
 					</span>
 					{/ADMIN}

app/plugins/messages/views/message.html

@@ -1,14 +1,14 @@
 <div class="container">
 	<div class="row">
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+		<div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-			<div class="panel panel-primary">
+			<div class="card panel-primary">
 				{LOOP}
 				{SINGLE}
-				<div class="panel-heading">
+				<div class="card-header">
-					<h3 class="panel-title">{subject}</h3>
+					<h3 class="card-title">{subject}</h3>
 				</div>
 				{/SINGLE}
-				<div class="panel-body">
+				<div class="card-body">
 					<div class="row">
 						<div class="col-md-3 col-lg-3 " align="center">
 							<a href="{ROOT_URL}home/profile/{userFrom}">{userFrom}</a><br>
@@ -23,10 +23,10 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel-footer">
+				<div class="card-footer">
 					{ADMIN}
 					{ID}
-					<span class="pull-right">
+					<span class="float-right">
 						{DTC}{sent}{/DTC}
 					</span>
 					{/ADMIN}

app/plugins/messages/views/nav/recentMessagesDropdown.html

@@ -1,6 +1,15 @@
-<li class="dropdown">
+<li class="dropdown nav-link">
-    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-envelope"></i>{MBADGE}</a>
+    <a
-    <ul class="dropdown-menu message-dropdown">
+        href="#"
+        class="nav-link dropdown-toggle"
+        id="messagesDropdown"
+        role="button"
+        data-toggle="dropdown"
+        aria-haspopup="true"
+        aria-expanded="false">
+        <i class="fa fa-fw fa-envelope"></i>{MBADGE}
+    </a>
+    <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
         <li class="message-header">
             <div class="media">
                 <div class="media-body text-center" style="padding-bottom: 10px; padding-top: 10px">
@@ -12,7 +21,7 @@
         <li class="message-preview">
             <a href="{ROOT_URL}messages/view/{ID}">
                 <div class="media">
-                    <span class="pull-left">
+                    <span class="float-left">
                         <img class="media-object avatar-round-40" src="{ROOT_URL}{fromAvatar}" alt="">
                     </span>
                     <div class="media-body">
@@ -38,4 +47,4 @@
             <a href="{ROOT_URL}messages">Read All New Messages</a>
         </li>
     </ul>
-</li>
+</li>

app/plugins/notifications/views/list.html

@@ -13,8 +13,8 @@
                 {LOOP}
 			    <tr {unseenBadge}>
                     <td>{notification}</td>
-                    <td><a href="{ROOT_URL}notifications/markRead/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+                    <td><a href="{ROOT_URL}notifications/markRead/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-                    <td><a href="{ROOT_URL}notifications/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                    <td><a href="{ROOT_URL}notifications/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
                 </tr>
                 {/LOOP}
                 {ALT}

app/plugins/notifications/views/nav/recentNotificationsDropdown.html

@@ -1,6 +1,15 @@
-<li class="dropdown">
+<li class="dropdown nav-link">
-    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-bell"></i>{NBADGE}</a>
+    <a
-    <ul class="dropdown-menu message-dropdown">
+        href="#"
+        class="nav-link dropdown-toggle"
+        id="notiificationsDropdown"
+        role="button"
+        data-toggle="dropdown"
+        aria-haspopup="true"
+        aria-expanded="false">
+        <i class="fa fa-fw fa-bell"></i>{NBADGE}
+    </a>
+    <ul class="dropdown-menu dropdown-menu-right message-dropdown" aria-labelledby="notiificationsDropdown">
         {LOOP}
         <li class="message-preview">
             <a href="{ROOT_URL}notifications">

app/plugins/subscribe/views/admin/list.html

@@ -17,7 +17,7 @@
 			<tr>
 				<td align="center">{ID}</td>
 				<td>{EMAIL}</td>
-				<td><a href="{ROOT_URL}admin/subscriptions/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+				<td><a href="{ROOT_URL}admin/subscriptions/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 				<td>
 					<input type="checkbox" value="{ID}" name="S_[]">
 				</td>

app/views/admin/dashboard/dash.html

@@ -1,14 +1,14 @@
 <legend>Admin Dashboard</legend>
 <div class="row">
-    <div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6 col-xs-6">
+    <div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6">
         {userDash}
     </div>
-    <div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6 col-xs-6">
+    <div class="col-xlg-6 col-lg-6 col-md-6 col-sm-6">
         {commentDash}
     </div>
 </div>
 <div class="row">
-    <div class="col-xlg-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
+    <div class="col-xlg-12 col-lg-12 col-md-12 col-sm-12">
         {blogDash}
     </div>
 </div>

app/views/admin/dashboard/users.html

@@ -12,9 +12,9 @@
         {LOOP}
         <tr>
             <td align="center">{username}</td>
-            <td><a href="{ROOT_URL}admin/users/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-user"></i></a></td>
+            <td><a href="{ROOT_URL}admin/users/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-user"></i></a></td>
-            <td><a href="{ROOT_URL}admin/users/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+            <td><a href="{ROOT_URL}admin/users/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-            <td><a href="{ROOT_URL}admin/users/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+            <td><a href="{ROOT_URL}admin/users/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
         </tr>
         {/LOOP}
         {ALT}

app/views/admin/groups/list.html

@@ -18,8 +18,8 @@
             <tr>
                 <td><a href="{ROOT_URL}admin/groups/view/{ID}">{name}</a></td>
                 <td><a href="{ROOT_URL}admin/groups/listmembers/{ID}">{userCount}</a></td>
-                <td><a href="{ROOT_URL}admin/groups/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+                <td><a href="{ROOT_URL}admin/groups/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-                <td><a href="{ROOT_URL}admin/groups/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/groups/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
                 <td>
                     <input type="checkbox" value="{ID}" name="G_[]">
                 </td>

app/views/admin/groups/list_members.html

@@ -1,6 +1,4 @@
-<div class="page-header">
+<h1>{groupName} <small>user list</small></h1>
-    <h1>{groupName} <small>user list</small></h1>
-</div>
 {PAGINATION}
 <form action="{ROOT_URL}admin/users/delete" method="post">
     <table class="table table-striped">
@@ -22,8 +20,8 @@
                 <td>{ID}</td>
                 <td><a href='{ROOT_URL}admin/users/view/{ID}'>{username}</a></td>
                 <td>{DTC date}{registered}{/DTC}</td>
-                <td><a href="{ROOT_URL}admin/users/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+                <td><a href="{ROOT_URL}admin/users/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-                <td><a href="{ROOT_URL}admin/users/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/users/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
                 <td>
                     <input type="checkbox" value="{ID}" name="U_[]">
                 </td>

app/views/admin/groups/view.html

@@ -1,11 +1,11 @@
 <div class="container">
     <div class="row">
-        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+        <div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-            <div class="panel panel-primary">
+            <div class="card panel-primary">
-                <div class="panel-heading">
+				<div class="card-header">
-                    <h3 class="panel-title">{name}</h3>
+                    <h3 class="card-title">{name}</h3>
                 </div>
-                <div class="panel-body">
+                <div class="card-body">
                     <div class="row">
                         <div class=" col-md-9 col-lg-9 "> 
                             <table class="table table-user-primary">
@@ -16,7 +16,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="panel-footer">
+                <div class="card-footer">
                     <a href="{ROOT_URL}admin/groups/edit/{ID}" class="btn btn-sm btn-warning" role="button">Edit</a>
                     <a href="{ROOT_URL}admin/groups/delete/{ID}" class="btn btn-sm btn-danger" role="button">Delete</a>
                 </div>

app/views/admin/logs/admin.html

@@ -40,7 +40,7 @@
 					<form action="{ROOT_URL}admin/admin/delete" method="post">
 						<INPUT type="hidden" name="L_" value="{ID}"/>
 						<input type="hidden" name="token" value="{TOKEN}" />
-						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></button>
+						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-times"></i></button>
 					</form>
 					{/ADMIN}
 				</div>

app/views/admin/logs/admin_list.html

@@ -20,8 +20,8 @@
 				<td>{ID}</td>
 				<td>{DTC}{time}{/DTC}</td>
 				<td>{action}</td>
-				<td><a href="{ROOT_URL}admin/admin/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+				<td><a href="{ROOT_URL}admin/admin/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-                <td><a href="{ROOT_URL}admin/admin/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/admin/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 				<td>
 					<input type="checkbox" value="{ID}" name="A_[]">
 				</td>

app/views/admin/logs/error.html

@@ -47,7 +47,7 @@
 					<form action="{ROOT_URL}admin/errors/delete" method="post">
 						<INPUT type="hidden" name="E_" value="{ID}"/>
 						<input type="hidden" name="token" value="{TOKEN}" />
-						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></button>
+						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-times"></i></button>
 					</form>
 					{/ADMIN}
 				</div>

app/views/admin/logs/error_list.html

@@ -18,8 +18,8 @@
                 <td align="center">{ID}</td>
                 <td align="center">{DTC}{time}{/DTC}</td>
                 <td>{error}</td>
-                <td><a href="{ROOT_URL}admin/errors/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+                <td><a href="{ROOT_URL}admin/errors/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-                <td><a href="{ROOT_URL}admin/errors/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/errors/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
                 <td>
                     <input type="checkbox" value="{ID}" name="E_[]">
                 </td>

app/views/admin/logs/login.html

@@ -40,7 +40,7 @@
 					<form action="{ROOT_URL}admin/logins/delete" method="post">
 						<INPUT type="hidden" name="L_" value="{ID}"/>
 						<input type="hidden" name="token" value="{TOKEN}" />
-						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></button>
+						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-times"></i></button>
 					</form>
 					{/ADMIN}
 				</div>

app/views/admin/logs/login_list.html

@@ -20,8 +20,8 @@
 				<td>{ID}</td>
 				<td>{DTC}{time}{/DTC}</td>
 				<td>{action}</td>
-				<td><a href="{ROOT_URL}admin/logins/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+				<td><a href="{ROOT_URL}admin/logins/view/{ID}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
-                <td><a href="{ROOT_URL}admin/logins/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/logins/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 				<td>
 					<input type="checkbox" value="{ID}" name="L_[]">
 				</td>

app/views/admin/modules/models/list.html

@@ -20,7 +20,7 @@
             <td>{installedVersion}</td>
             <td>{DTC=date}{installDate}{/DTC}</td>
             <td>{DTC=date}{lastUpdate}{/DTC}</td>
-            <td><a href="{ROOT_URL}admin/models/view/{name}" class="btn btn-sm btn-primary" role="button"><i class="glyphicon glyphicon-open"></i></a></td>
+            <td><a href="{ROOT_URL}admin/models/view/{name}" class="btn btn-sm btn-primary" role="button"><i class="fa fa-fw fa-upload"></i></a></td>
         </tr>
         {/LOOP}
         {ALT}

app/views/admin/modules/models/view.html

@@ -1,11 +1,11 @@
 <div class="container">
 	<div class="row">
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+		<div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-			<div class="panel panel-primary">
+			<div class="card panel-primary">
-				<div class="panel-heading">
+				<div class="card-header">
-					<h3 class="panel-title">Model Info</h3>
+					<h3 class="card-title">Model Info</h3>
 				</div>
-				<div class="panel-body">
+				<div class="card-body">
 					<div class="row">
 						<div class=" col-md-12 col-lg-12 "> 
 							<table class="table table-user-primary">
@@ -59,7 +59,7 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel-footer">
+				<div class="card-footer">
                     <a href="{ROOT_URL}admin/models/install/{name}" class="btn btn-sm btn-warning" role="button">Install</a>
                     <a href="{ROOT_URL}admin/models/uninstall/{name}" class="btn btn-sm btn-danger" role="button">Uninstall</a>
                 </div>

app/views/admin/modules/plugins/view.html

@@ -1,11 +1,11 @@
 <div class="container">
 	<div class="row">
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+		<div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-			<div class="panel panel-primary">
+			<div class="card panel-primary">
-				<div class="panel-heading">
+				<div class="card-header">
-					<h3 class="panel-title">Plugin Info</h3>
+					<h3 class="card-title">Plugin Info</h3>
 				</div>
-				<div class="panel-body">
+				<div class="card-body">
 					<div class="row">
 						<div class=" col-md-12 col-lg-12 "> 
 							<table class="table table-user-primary">
@@ -63,7 +63,7 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel-footer">
+				<div class="card-footer">
                     <a href="{ROOT_URL}admin/plugins/install/{name}" class="btn btn-sm btn-primary" role="button">Install</a>
                     <a href="{ROOT_URL}admin/plugins/enable/{name}" class="btn btn-sm btn-success" role="button">Enable</a>
                     <a href="{ROOT_URL}admin/plugins/disable/{name}" class="btn btn-sm btn-danger" role="button">Disable</a>

app/views/admin/routes/list.html

@@ -24,8 +24,8 @@
 				<td>{redirect_type}</td>
 				<td>{original_url}</td>
 				<td>{forwarded_url}</td>
-				<td><a href="{ROOT_URL}admin/routes/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+				<td><a href="{ROOT_URL}admin/routes/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-                <td><a href="{ROOT_URL}admin/routes/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/routes/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 				<td>
 					<input type="checkbox" value="{ID}" name="R_[]">
 				</td>

app/views/admin/routes/view.html

@@ -1,11 +1,11 @@
 <div class="container">
     <div class="row">
-        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+        <div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-            <div class="panel panel-primary">
+            <div class="card panel-primary">
-                <div class="panel-heading">
+				<div class="card-header">
-                    <h3 class="panel-title">{nickname}</h3>
+                    <h3 class="card-title">{nickname}</h3>
                 </div>
-                <div class="panel-body">
+                <div class="card-body">
                     <div class="row">
                         <div class=" col-md-9 col-lg-9 "> 
                             <table class="table table-user-primary">
@@ -27,7 +27,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="panel-footer">
+                <div class="card-footer">
                     <a href="{ROOT_URL}admin/routes/edit/{ID}" class="btn btn-sm btn-warning" role="button">Edit</a>
                     <a href="{ROOT_URL}admin/routes/delete/{ID}" class="btn btn-sm btn-danger" role="button">Delete</a>
                 </div>

app/views/admin/tokens/list.html

@@ -15,7 +15,7 @@
 				<td align="center">{ID}</td>
 				<td><a href='{ROOT_URL}admin/tokens/view/{ID}'>{name}</a></td>
 				<td>{token_type}</td>
-                <td><a href="{ROOT_URL}admin/tokens/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/tokens/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 			</tr>
 			{/LOOP}
 	        {ALT}

app/views/admin/tokens/view.html

@@ -1,11 +1,11 @@
 <div class="container">
     <div class="row">
-        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+        <div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-            <div class="panel panel-primary">
+            <div class="card panel-primary">
-                <div class="panel-heading">
+				<div class="card-header">
-                    <h3 class="panel-title">{name}</h3>
+                    <h3 class="card-title">{name}</h3>
                 </div>
-                <div class="panel-body">
+                <div class="card-body">
                     <div class="row">
                         <div class=" col-md-9 col-lg-9 "> 
                             <table class="table table-user-primary">
@@ -39,7 +39,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="panel-footer">
+                <div class="card-footer">
                     <a href="{ROOT_URL}admin/tokens/delete/{ID}" class="btn btn-sm btn-danger" role="button">Delete</a>
                 </div>
             </div>

app/views/admin/users/list.html

@@ -20,8 +20,8 @@
 				<td align="center">{ID}</td>
 				<td><a href='{ROOT_URL}admin/users/view/{ID}'>{username}</a></td>
 				<td>{DTC date}{registered}{/DTC}</td>
-				<td><a href="{ROOT_URL}admin/users/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="glyphicon glyphicon-edit"></i></a></td>
+				<td><a href="{ROOT_URL}admin/users/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil-square"></i></a></td>
-                <td><a href="{ROOT_URL}admin/users/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="glyphicon glyphicon-trash"></i></a></td>
+                <td><a href="{ROOT_URL}admin/users/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
 				<td>
 					<input type="checkbox" value="{ID}" name="U_[]">
 				</td>

app/views/admin/users/view.html

@@ -1,11 +1,11 @@
 <div class="container">
 	<div class="row">
-		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
+		<div class="col-sm-12 col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 top-pad" >
-			<div class="panel panel-primary">
+			<div class="card panel-primary">
-				<div class="panel-heading">
+				<div class="card-header">
-					<h3 class="panel-title">{username}</h3>
+					<h3 class="card-title">{username}</h3>
 				</div>
-				<div class="panel-body">
+				<div class="card-body">
 					<div class="row">
 						<div class="col-md-3 col-lg-3 " align="center">
 							<img alt="User Pic" src="{ROOT_URL}{avatar}" class="img-circle img-responsive">
@@ -49,15 +49,15 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel-footer">
+				<div class="card-footer">
-					<a href="{ROOT_URL}messages/create?prepopuser={USERNAME}" data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-envelope"></i></a>
+					<a href="{ROOT_URL}messages/create?prepopuser={USERNAME}" data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="fa fa-fw fa-envelope"></i></a>
 					{ADMIN}
-					<span class="pull-right">
+					<span class="float-right">
 							<a href="{ROOT_URL}admin/users/edit/{ID}">
-								<button name="submit" value="edit" class="btn btn-sm btn-warning"><i class="glyphicon glyphicon-edit"></i></button>
+								<button name="submit" value="edit" class="btn btn-sm btn-warning"><i class="fa fa-fw fa-pencil-square"></i></button>
 							</a>
 							<a href="{ROOT_URL}admin/users/delete/{ID}">
-								<button name="submit" value="delete" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></button>
+								<button name="submit" value="delete" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-times"></i></button>
 							</a>
 					</span>
 					{/ADMIN}

app/views/alpha/index.html

@@ -1,8 +1,8 @@
 <div class="container">
     <div class="row">
-        <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 col-centered">
+        <div class="col-lg-9 col-md-9 col-sm-12 col-centered">
             <div class="row">
-                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="col-lg-12 col-md-12 col-sm-12">
                     <h2>Welcome to The Tempus-Project Friends and Family Alpha.</h2>
                     <hr>
                     <p>This project is now entering its third official version and nearly its tenth year of development. What a long journey it has been to get here.</p>

app/views/copy.html

@@ -1,5 +1,5 @@
 <div class="copy">
-	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
+	<div class="col-lg-12 col-md-12 col-sm-12 text-center">
 	    <p class="text-muted">Powered by <a href="https://thetempusproject.com">The Tempus Project</a>.</p>
 	</div>
 </div>

app/views/footer/container.html

@@ -1,17 +1,27 @@
 <div class="footer-head" id="footer-head">
-    <div class="container">
+    <div class="container custom-expand">
-        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center hidden-lg hidden-md hidden-sm">
+        <!-- Collapsible Footer Toggle Button -->
-            <a href="#footer" class="navbar-toggle collapsed" data-toggle="collapse">
+        <div class="col-12 text-center">
-                <span class="bars"></span>
+            <button 
+                class="d-lg-none" 
+                type="button" 
+                data-toggle="collapse" 
+                data-target="#footer" 
+                aria-controls="footer" 
+                aria-expanded="false" 
+                aria-label="Toggle navigation">
+                <i class="fa fa-bars"></i> <!-- Font Awesome Icon -->
                 <span class="sr-only">Toggle navigation</span>
-            </a>
+            </button>
         </div>
-        <div id="footer" class="navbar-collapse collapse">
+        <!-- Collapsible Footer Content -->
-            <div class="row">
+        <div id="footer" class="collapse d-lg-block">
+            <div class="row pt-3">
                 {FOOTER_LEFT}
                 {FOOTER_CENTER}
                 {FOOTER_RIGHT}
             </div>
         </div>
     </div>
-</div>
+</div>
+

app/views/forms/iconSelect.html

@@ -1,17 +1,17 @@
 <div id="selected-icon">No icon selected</div>
-<button class="btn btn-default dropdown-toggle" type="button" id="iconMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+<button class="btn btn-default dropdown-toggler" type="button" id="iconMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
     Select Icon <span class="caret"></span>
 </button>
 <ul class="dropdown-menu" aria-labelledby="iconMenu">
     <li><a href="#" onclick="setIcon('asterisk', 'Asterisk')"><span class="glyphicon glyphicon-asterisk"></span> Asterisk</a></li>
     <li><a href="#" onclick="setIcon('plus', 'Plus')"><span class="glyphicon glyphicon-plus"></span> Plus</a></li>
     <li><a href="#" onclick="setIcon('cloud', 'Cloud')"><span class="glyphicon glyphicon-cloud"></span> Cloud</a></li>
-    <li><a href="#" onclick="setIcon('envelope', 'Envelope')"><span class="glyphicon glyphicon-envelope"></span> Envelope</a></li>
+    <li><a href="#" onclick="setIcon('envelope', 'Envelope')"><span class="fa fa-fw fa-envelope"></span> Envelope</a></li>
-    <li><a href="#" onclick="setIcon('pencil', 'Pencil')"><span class="glyphicon glyphicon-pencil"></span> Pencil</a></li>
+    <li><a href="#" onclick="setIcon('pencil', 'Pencil')"><span class="fa fa-fw fa-pencil"></span> Pencil</a></li>
     <li><a href="#" onclick="setIcon('film', 'Film')"><span class="glyphicon glyphicon-film"></span> Film</a></li>
     <li><a href="#" onclick="setIcon('star', 'Star')"><span class="glyphicon glyphicon-star"></span> Star</a></li>
     <li><a href="#" onclick="setIcon('star-empty', 'Star Empty')"><span class="glyphicon glyphicon-star-empty"></span> Star Empty</a></li>
-    <li><a href="#" onclick="setIcon('remove', 'Remove')"><span class="glyphicon glyphicon-remove"></span> Remove</a></li>
+    <li><a href="#" onclick="setIcon('remove', 'Remove')"><span class="fa fa-fw fa-times"></span> Remove</a></li>
     <li><a href="#" onclick="setIcon('ok', 'Ok')"><span class="glyphicon glyphicon-ok"></span> Ok</a></li>
     <li><a href="#" onclick="setIcon('th-large', 'Th Large')"><span class="glyphicon glyphicon-th-large"></span> Th Large</a></li>
     <li><a href="#" onclick="setIcon('home', 'Home')"><span class="glyphicon glyphicon-home"></span> Home</a></li>
@@ -29,14 +29,14 @@
     <li><a href="#" onclick="setIcon('blackboard', 'Blackboard')"><span class="glyphicon glyphicon-blackboard"></span> Blackboard</a></li>
     <li><a href="#" onclick="setIcon('headphones', 'Headphones')"><span class="glyphicon glyphicon-headphones"></span> Headphones</a></li>
     <li><a href="#" onclick="setIcon('usd', 'USD')"><span class="glyphicon glyphicon-usd"></span> USD</a></li>
-    <li><a href="#" onclick="setIcon('info-sign', 'Info Sign')"><span class="glyphicon glyphicon-info-sign"></span> Info Sign</a></li>
+    <li><a href="#" onclick="setIcon('info-sign', 'Info Sign')"><span class="fa fa-fw fa-info-circle"></span> Info Sign</a></li>
     <li><a href="#" onclick="setIcon('scissors', 'Scissors')"><span class="glyphicon glyphicon-scissors"></span> Scissors</a></li>
     <li><a href="#" onclick="setIcon('hourglass', 'Hourglass')"><span class="glyphicon glyphicon-hourglass"></span> Hourglass</a></li>
     <li><a href="#" onclick="setIcon('pushpin', 'Pushpin')"><span class="glyphicon glyphicon-pushpin"></span> Pushpin</a></li>
     <li><a href="#" onclick="setIcon('folder-open', 'Folder Open')"><span class="glyphicon glyphicon-folder-open"></span> Folder Open</a></li>
     <li><a href="#" onclick="setIcon('flash', 'Flash')"><span class="glyphicon glyphicon-flash"></span> Flash</a></li>
     <li><a href="#" onclick="setIcon('question-sign', 'Question Sign')"><span class="glyphicon glyphicon-question-sign"></span> Question Sign</a></li>
-    <li><a href="#" onclick="setIcon('comment', 'Comment')"><span class="glyphicon glyphicon-comment"></span> Comment</a></li>
+    <li><a href="#" onclick="setIcon('comment', 'Comment')"><span class="fa fa-fw fa-comment"></span> Comment</a></li>
     <li><a href="#" onclick="setIcon('warning-sign', 'Warning Sign')"><span class="glyphicon glyphicon-warning-sign"></span> Warning Sign</a></li>
     <li><a href="#" onclick="setIcon('calendar', 'Calendar')"><span class="glyphicon glyphicon-calendar"></span> Calendar</a></li>
     <li><a href="#" onclick="setIcon('thumbs-down', 'Thumbs Down')"><span class="glyphicon glyphicon-thumbs-down"></span> Thumbs Down</a></li>

app/views/index.html

@@ -2,53 +2,55 @@
     <div class="row">
         <div class="col-md-12">
             <div id="carousel-home" class="carousel slide" data-ride="carousel">
+                <!-- Indicators -->
                 <ol class="carousel-indicators">
                     <li data-target="#carousel-home" data-slide-to="0" class="active"></li>
                     <li data-target="#carousel-home" data-slide-to="1"></li>
                     <li data-target="#carousel-home" data-slide-to="2"></li>
                 </ol>
+    
+                <!-- Carousel Items -->
                 <div class="carousel-inner">
-                    <div class="bg-primary slide-text-bg carousel-caption main-text">
+                    <div class="carousel-item active">
-                        <div class="center-block">
+                        <img src="{ROOT_URL}app/images/ttp.png" class="d-block w-100" alt="First slide">
-                            <h1>The Tempus Project</h1>
+                        <div class="carousel-caption d-none d-md-block bg-primary slide-text-bg">
-                            <h3>PHP powered web application for rapid prototyping</h3>
-                        </div>
-                    </div>
-                    <div class="item active">
-                        <img src="{ROOT_URL}app/images/ttp.png" alt="First slide">
-                        <div class="carousel-caption bg-primary slide-text-bg">
                             <h3>Powerful</h3>
                             <p>The Tempus Project is built with expansion in mind. From a custom template engine to the simple to use MVC style, The Tempus Project is built to provide a powerful and stable foundation for web applications.</p>
                         </div>
                     </div>
-                    <div class="item">
+                    <div class="carousel-item">
-                        <img src="{ROOT_URL}app/images/ttp-install.png" alt="Second slide">
+                        <img src="{ROOT_URL}app/images/ttp-install.png" class="d-block w-100" alt="Second slide">
-                        <div class="carousel-caption bg-primary slide-text-bg">
+                        <div class="carousel-caption d-none d-md-block bg-primary slide-text-bg">
                             <h3>Quick and Simple Installation</h3>
                             <p>Built with rapid deployment in mind you can have The Tempus Project installed in just minutes.</p>
                         </div>
                     </div>
-                    <div class="item">
+                    <div class="carousel-item">
-                        <img src="{ROOT_URL}app/images/ttp-github.png" alt="Third slide">
+                        <img src="{ROOT_URL}app/images/ttp-github.png" class="d-block w-100" alt="Third slide">
-                        <div class="carousel-caption bg-primary slide-text-bg">
+                        <div class="carousel-caption d-none d-md-block bg-primary slide-text-bg">
                             <h3>Open Source</h3>
-                            <p>The Tempus Project is completely open source and only utilizes other open-source components. The Project is provided under thee MIT license.</p>
+                            <p>The Tempus Project is completely open source and only utilizes other open-source components. The Project is provided under the MIT license.</p>
                         </div>
                     </div>
                 </div>
-                <a href="#carousel-home" class="left carousel-control" data-slide="prev">
+    
-                    <span class="glyphicon glyphicon-chevron-left"></span>
+                <!-- Controls -->
+                <a class="carousel-control-prev" href="#carousel-home" role="button" data-slide="prev">
+                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                    <span class="sr-only">Previous</span>
                 </a>
-                <a href="#carousel-home" class="right carousel-control" data-slide="next">
+                <a class="carousel-control-next" href="#carousel-home" role="button" data-slide="next">
-                    <span class="glyphicon glyphicon-chevron-right"></span>
+                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                    <span class="sr-only">Next</span>
                 </a>
             </div>
         </div>
     </div>
+    
     <div class="row">
-        <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 col-centered">
+        <div class="col-lg-9 col-md-9 col-sm-12 col-centered">
             <div class="row">
-                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="col-lg-12 col-md-12 col-sm-12">
                     <h2>Welcome to The Tempus Project</h2>
                     <hr>
                     <p>The aim of The Tempus Project is to create an easy to use and implement CMS based

app/views/install/nav.html

@@ -1,12 +1,12 @@
 <ul class="nav nav-tabs nav-justified" role="tablist" style="margin-top: 55px">
-	<li class="{menu-Welcome}"><a href="#">Welcome</a></li>
+	<li class="nav-link {menu-Welcome}"><a href="#">Welcome</a></li>
-	<li class="{menu-Terms}"><a href="#">Terms</a></li>
+	<li class="nav-link {menu-Terms}"><a href="#">Terms</a></li>
-	<li class="{menu-Verify}"><a href="#">Verify</a></li>
+	<li class="nav-link {menu-Verify}"><a href="#">Verify</a></li>
-	<li class="{menu-Configure}"><a href="#">Configure</a></li>
+	<li class="nav-link {menu-Configure}"><a href="#">Configure</a></li>
-	<li class="{menu-Routing}"><a href="#">Routing</a></li>
+	<li class="nav-link {menu-Routing}"><a href="#">Routing</a></li>
-	<li class="{menu-Models}"><a href="#">Models</a></li>
+	<li class="nav-link {menu-Models}"><a href="#">Models</a></li>
-	<li class="{menu-Plugins}"><a href="#">Plugins</a></li>
+	<li class="nav-link {menu-Plugins}"><a href="#">Plugins</a></li>
-	<li class="{menu-Resources}"><a href="#">Resources</a></li>
+	<li class="nav-link {menu-Resources}"><a href="#">Resources</a></li>
-	<li class="{menu-User}"><a href="#">User</a></li>
+	<li class="nav-link {menu-User}"><a href="#">User</a></li>
-	<li class="{menu-Complete}"><a href="#">Complete</a></li>
+	<li class="nav-link {menu-Complete}"><a href="#">Complete</a></li>
 </ul>

app/views/issues/error.html

@@ -1,4 +1,4 @@
-<div class="alert alert-danger" role="alert">
+<div class="alert alert-danger w-100" role="alert">
     {LOOP}
         {message}<br>
     {/LOOP}

app/views/issues/info.html

@@ -1,4 +1,4 @@
-<div class="alert alert-info" role="alert">
+<div class="alert alert-info w-100" role="alert">
     {LOOP}
         {message}<br>
     {/LOOP}

app/views/issues/notice.html

@@ -1,4 +1,4 @@
-<div class="alert alert-warning" role="alert">
+<div class="alert alert-warning w-100" role="alert">
     {LOOP}
         {message}<br>
     {/LOOP}

app/views/issues/success.html

@@ -1,4 +1,4 @@
-<div class="alert alert-success" role="alert">
+<div class="alert alert-success w-100" role="alert">
     {LOOP}
         {message}<br>
     {/LOOP}

app/views/login.html

@@ -1,25 +1,44 @@
 <form action="{ROOT_URL}home/login" method="post" class="form-horizontal">
     <legend>Please sign in</legend>
-    <div class="form-group">
+
-        <label for="username" class="col-lg-3 control-label">Username</label>
+    <!-- Username -->
-        <div class="col-lg-3">
+    <div class="form-group row">
-            <input type="text" class="form-check-input" name="username" id="username" placeholder="username" required autofocus>
+        <label for="username" class="col-lg-3 col-form-label">Username</label>
+        <div class="col-lg-9">
+            <input type="text" class="form-control" name="username" id="username" placeholder="Username" required autofocus>
         </div>
     </div>
-    <div class="form-group">
+
-        <label for="password" class="col-lg-3 control-label">Password</label>
+    <!-- Password -->
-        <div class="col-lg-3">
+    <div class="form-group row">
-            <input type="password" class="form-check-input" name="password" id="password" placeholder="password" required>
+        <label for="password" class="col-lg-3 col-form-label">Password</label>
+        <div class="col-lg-9">
+            <input type="password" class="form-control" name="password" id="password" placeholder="Password" required>
         </div>
     </div>
-    <div class="form-group">
+
-        <label for="remember" class="col-lg-3 control-label">Remember me</label>
+    <!-- Remember Me -->
-        <div class="col-lg-3">
+    <div class="form-group row">
-            <input name="remember" id="remember" type="checkbox" value="remember-me">
+        <div class="col-lg-3"></div>
+        <div class="col-lg-9">
+            <div class="form-check">
+                <input type="checkbox" class="form-check-input" name="remember" id="remember" value="remember-me">
+                <label class="form-check-label" for="remember">Remember me</label>
+            </div>
         </div>
     </div>
-    <button name="submit" value="submit" type="submit" class="btn btn-lg btn-primary center-block">Sign in</button><br>
+
+    <!-- Submit Button -->
+    <div class="form-group row">
+        <div class="col-lg-12 text-center">
+            <button name="submit" value="submit" type="submit" class="btn btn-lg btn-primary">Sign in</button>
+        </div>
+    </div>
+
+    <!-- Hidden Token -->
     <input type="hidden" name="token" value="{TOKEN}">
 </form>
-Don't have an account? You can register <a href="{ROOT_URL}register">here</a>.<br>
+
-if you need assistance with your username or password, please <a href="{ROOT_URL}register/recover">Click here</a>.
+<!-- Additional Links -->
+<p>Don't have an account? You can register <a href="{ROOT_URL}register">here</a>.</p>
+<p>If you need assistance with your username or password, please <a href="{ROOT_URL}register/recover">Click here</a>.</p>

app/views/nav/admin.html

@@ -1,5 +1,6 @@
-<div class="collapse navbar-collapse navbar-ex1-collapse">
+
-    <ul class="nav navbar-nav side-nav">
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <ul class="navbar-nav navbar-dark bg-dark flex-column">
         {ADMIN_LINKS}
-    </ul>
+</ul>
-</div>
+</nav>

app/views/nav/main.html

@@ -1,3 +1,3 @@
-<ul class="nav navbar-nav">
+<ul class="navbar-nav">
     {MENU_LINKS}
 </ul>

app/views/nav/statusLoggedIn.html

@@ -1,10 +1,19 @@
-<li class="dropdown">
+<li class="dropdown nav-link">
-    <a href="#" class="dropdown-toggle" data-toggle="dropdown">{USERNAME} <i class="fa fa-user"></i></a>
+    <a
-    <ul class="dropdown-menu">
+        href="#"
+        class="nav-link dropdown-toggle"
+        id="userDropdown"
+        role="button"
+        data-toggle="dropdown"
+        aria-haspopup="true"
+        aria-expanded="false">
+        {USERNAME}<i class="fa fa-user pl-2"></i>
+    </a>
+    <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
         <li><a href="{ROOT_URL}usercp"><i class="fa fa-fw fa-user"></i> Profile</a></li>
         {topNavRightDropdown}
         <li><a href="{ROOT_URL}usercp/settings"><i class="fa fa-fw fa-gear"></i> Settings</a></li>
-        <li class="divider"></li>
+        <div class="dropdown-divider"></div>
         <li>
             <a href="{ROOT_URL}home/logout"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
         </li>

app/views/nav/statusLoggedOut.html

@@ -1,22 +1,59 @@
-<li class="dropdown">
+<li class="dropdown nav-link">
-    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
+    <a
-    <ul class="dropdown-menu">
+        href="#"
-        <form method="post" action="{ROOT_URL}home/login" id="signin" class="navbar-form navbar-right" role="form">
+        class="nav-link dropdown-toggle"
+        id="userDropdown"
+        role="button"
+        data-toggle="dropdown"
+        aria-haspopup="true"
+        aria-expanded="false">
+      <i class="fa fa-user"></i>
+    </a>
+    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
+        <form method="post" action="{ROOT_URL}home/login" id="signin" class="px-4 py-3">
             <input type="hidden" name="rurl" id="rurl" value="{CURRENT_URL}">
             <input type="hidden" name="token" value="{TOKEN}">
-            <li style="margin-left: 10px;margin-right: 10px;">
+
-                <div class="input-group">
+            <!-- Username -->
-                    <input id="username" type="text" class="form-control" name="username" value="" placeholder="Username">
+            <div class="form-group">
-                    <input id="password" type="password" class="form-control" name="password" value="" placeholder="Password">
+                <label for="username">Username</label>
-                    <span class="input-group-addon">
+                <input
-                        <input type="checkbox" name="remember" id="remember">
+                id="username"
-                    </span>
+                type="text"
-                </div>
+                class="form-control"
-            </li>
+                name="username"
-            <li class="divider"></li>
+                placeholder="Username">
-            <li style="margin-left: 10px;">
+            </div>
-                <button type="submit" class="btn btn-primary" name="submit" value="submit">Sign in</button>
+
-            </li>
+            <!-- Password -->
+            <div class="form-group">
+                <label for="password">Password</label>
+                <input
+                id="password"
+                type="password"
+                class="form-control"
+                name="password"
+                placeholder="Password">
+            </div>
+
+          <!-- Remember Me -->
+            <div class="form-check">
+                <input
+                type="checkbox"
+                class="form-check-input"
+                id="remember"
+                name="remember">
+                <label class="form-check-label" for="remember">Remember me</label>
+            </div>
+
+            <!-- Submit Button -->
+            <button
+                type="submit"
+                class="btn btn-primary btn-block mt-3"
+                name="submit"
+                value="submit">
+                Sign in
+            </button>
         </form>
-    </ul>
+    </div>
 </li>

app/views/nav/usercp.html

@@ -1,5 +1,5 @@
 <ul class="nav nav-tabs" role="tablist">
     {LOOP}
-    <li><a href="{url}">{name}</a></li>
+    <li><a href="{url}" class="nav-link">{name}</a></li>
     {/LOOP}
 </ul>

app/views/profile.html

@@ -1,11 +1,11 @@
 <div class="container">
 	<div class="row">
 		<div class="col-sm-12 col-md-6 col-lg-8 col-sm-offset-0 col-md-offset-3 col-lg-offset-2 top-pad" >
-			<div class="panel panel-primary">
+			<div class="card panel-primary">
-				<div class="panel-heading">
+				<div class="card-header">
-					<h3 class="panel-title">{username}</h3>
+					<h3 class="card-title">{username}</h3>
 				</div>
-				<div class="panel-body">
+				<div class="card-body">
 					<div class="row">
 						<div class="col-md-3 col-lg-3 " align="center">
 							<img alt="User Pic" src="{ROOT_URL}{avatar}" class="img-circle img-responsive">
@@ -45,12 +45,12 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel-footer">
+				<div class="card-footer">
-					<a href="{ROOT_URL}messages/create?prepopuser={USERNAME}" data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-envelope"></i></a>
+					<a href="{ROOT_URL}messages/create?prepopuser={USERNAME}" data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="fa fa-fw fa-envelope"></i></a>
 					{ADMIN}
-					<span class="pull-right">
+					<span class="float-right">
-						<a href="{ROOT_URL}admin/users/edit/{ID}" data-original-title="Edit this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-warning"><i class="glyphicon glyphicon-edit"></i></a>
+						<a href="{ROOT_URL}admin/users/edit/{ID}" data-original-title="Edit this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-warning"><i class="fa fa-fw fa-pencil-square"></i></a>
-						<a href="{ROOT_URL}admin/users/delete/{ID}" data-original-title="Remove this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></a>
+						<a href="{ROOT_URL}admin/users/delete/{ID}" data-original-title="Remove this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-times"></i></a>
 					</span>
 					{/ADMIN}
 				</div>

app/views/switches.html

@@ -1,48 +1,48 @@
-<div class="col-xs-12 col-sm-6 col-md-4 col-sm-offset-3 col-md-offset-4">
+<div class="col-sm-6 col-md-4 col-sm-offset-3 col-md-offset-4">
-    <div class="panel panel-default">
+    <div class="card">
         <!-- Default panel contents -->
-        <div class="panel-heading">Material Design Switch Demos</div>
+			<div class="card-header">Material Design Switch Demos</div>
     
         <!-- List group -->
         <ul class="list-group">
             <li class="list-group-item">
                 Bootstrap Switch Default
-                <div class="material-switch pull-right">
+                <div class="material-switch float-right">
                     <input id="someSwitchOptionDefault" name="someSwitchOption001" type="checkbox"/>
                     <label for="someSwitchOptionDefault" class="label-default"></label>
                 </div>
             </li>
             <li class="list-group-item">
                 Bootstrap Switch Primary
-                <div class="material-switch pull-right">
+                <div class="material-switch float-right">
                     <input id="someSwitchOptionPrimary" name="someSwitchOption001" type="checkbox"/>
                     <label for="someSwitchOptionPrimary" class="label-primary"></label>
                 </div>
             </li>
             <li class="list-group-item">
                 Bootstrap Switch Success
-                <div class="material-switch pull-right">
+                <div class="material-switch float-right">
                     <input id="someSwitchOptionSuccess" name="someSwitchOption001" type="checkbox"/>
                     <label for="someSwitchOptionSuccess" class="label-success"></label>
                 </div>
             </li>
             <li class="list-group-item">
                 Bootstrap Switch Info
-                <div class="material-switch pull-right">
+                <div class="material-switch float-right">
                     <input id="someSwitchOptionInfo" name="someSwitchOption001" type="checkbox"/>
                     <label for="someSwitchOptionInfo" class="label-info"></label>
                 </div>
             </li>
             <li class="list-group-item">
                 Bootstrap Switch Warning
-                <div class="material-switch pull-right">
+                <div class="material-switch float-right">
                     <input id="someSwitchOptionWarning" name="someSwitchOption001" type="checkbox"/>
                     <label for="someSwitchOptionWarning" class="label-warning"></label>
                 </div>
             </li>
             <li class="list-group-item">
                 Bootstrap Switch Danger
-                <div class="material-switch pull-right">
+                <div class="material-switch float-right">
                     <input id="someSwitchOptionDanger" name="someSwitchOption001" type="checkbox"/>
                     <label for="someSwitchOptionDanger" class="label-danger"></label>
                 </div>