app/views/phcmemberspro/member/dashboards/index.html.erb in phcmemberspro-82.2.0 vs app/views/phcmemberspro/member/dashboards/index.html.erb in phcmemberspro-82.3.0

@@ -4,64 +4,58 @@
 <div class="row">
 	<div class="col-lg-12">
 		<div class="wrapper wrapper-content">
 
 			<div class="row">
-				<div class="col-lg-3">
-					<div class="widget style1 navy-bg">
-						<div class="row">
-							<div class="col-xs-4">
-								<i class="fa fa-users fa-5x"></i>
-							</div>
-							<div class="col-xs-8 text-right">
-								<span><%= "Member".pluralize(2) %></span>
-								<h2 class="font-bold"><%= @member_profile.count(:all) %></h2>
-							</div>
+
+				<div class="col-lg-3 col-md-6">
+					<div class="widget widget-stats bg-gradient-teal">
+						<div class="stats-icon stats-icon-lg">
+							<i class="fas fa-users fa-fw"></i>
 						</div>
+						<div class="stats-content">
+							<div class="stats-title">Total <%= "Member".pluralize(2) %></div>
+							<div class="stats-number"><%= @member_profile.count(:all) %></div>
+						</div>
 					</div>
 				</div>
 
-				<div class="col-lg-3">
-					<div class="widget style1 yellow-bg">
-						<div class="row">
-							<div class="col-xs-4">
-								<i class="fa fa-envelope fa-5x"></i>
-							</div>
-							<div class="col-xs-8 text-right">
-								<span>Total <%= "Address".pluralize(2) %> </span>
-								<h2 class="font-bold"><%= @member_address.count(:all) %></h2>
-							</div>
+				<div class="col-lg-3 col-md-6">
+					<div class="widget widget-stats bg-gradient-blue">
+						<div class="stats-icon stats-icon-lg">
+							<i class="fas fa-globe-asia fa-fw"></i>
 						</div>
+						<div class="stats-content">
+							<div class="stats-title">Total <%= "Address".pluralize(2) %></div>
+							<div class="stats-number"><%= @member_address.count(:all) %></div>
+						</div>
 					</div>
 				</div>
 
-				<div class="col-lg-3">
-					<div class="widget style1 lazur-bg">
-						<div class="row">
-							<div class="col-xs-4">
-								<i class="fa fa-list fa-5x"></i>
-							</div>
-							<div class="col-xs-8 text-right">
-								<span>Total <%= "Listing".pluralize(2) %></span>
-								<h2 class="font-bold"><%= @member_listing.count(:all) %></h2>
-							</div>
+				<div class="col-lg-3 col-md-6">
+					<div class="widget widget-stats bg-gradient-purple">
+						<div class="stats-icon stats-icon-lg">
+							<i class="fas fa-address-card fa-fw"></i>
 						</div>
+						<div class="stats-content">
+							<div class="stats-title">Total <%= "Listing".pluralize(2) %></div>
+							<div class="stats-number"><%= @member_listing.count(:all) %></div>
+						</div>
 					</div>
 				</div>
 
-				<div class="col-lg-3">
-					<div class="widget style1 red-bg">
-						<div class="row">
-							<div class="col-xs-4">
-								<i class="fa fa-sitemap fa-5x"></i>
-							</div>
-							<div class="col-xs-8 text-right">
-								<span><%= "Category".pluralize(2) %></span>
-								<h2 class="font-bold"><%= @directory_category.count(:all) %></h2>
-							</div>
+				<div class="col-lg-3 col-md-6">
+					<div class="widget widget-stats bg-gradient-pink">
+						<div class="stats-icon stats-icon-lg">
+							<i class="fas fa-sitemap fa-fw"></i>
 						</div>
+						<div class="stats-content">
+							<div class="stats-title">Total <%= "Category".pluralize(2) %></div>
+							<div class="stats-number"><%= @directory_category.count(:all) %></div>
+						</div>
 					</div>
 				</div>
+
 			</div>
 
 		</div>
 	</div>
 </div>