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

added elsments

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-12-06 21:45:43 -05:00
parent 8c1f081c90
commit 73ca831e1a
2 changed files with 119 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/home/HomeSections.jsx
+115 -2
View File
@@ -136,7 +136,76 @@ export default function HomeSections(){
</div> </div>
<div className="card-body pb-0"> <div className="card-body pb-0">
<div className="row m-b-20"> <div className="row m-b-20">
<div className="col-xxs-6 col-xl-4 col-xxl-4 mb-2 mb-xxl-0"> <div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i>
</div>
<div className="report-details">
<p>Activate now</p>
<h4>Professional Website</h4>
</div>
</div>
</div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i>
</div>
<div className="report-details">
<p>Activate now</p>
<h4>Professional Blog</h4>
</div>
</div>
</div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i>
</div>
<div className="report-details">
<p>Activate now</p>
<h4>Business Website</h4>
</div>
</div>
</div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i>
</div>
<div className="report-details">
<p>Activate now</p>
<h4>Business Blog Site</h4>
</div>
</div>
</div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i>
</div>
<div className="report-details">
<p>Activate now</p>
<h4>OpenEmr </h4>
</div>
</div>
</div>
<div className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 extraProductCard">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i>
</div>
<div className="report-details">
<p>Activate now</p>
<h4>Dummy</h4>
</div>
</div>
</div>
<div style={{backgroundColor: 'red'}} className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded"> <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i> <i className="fa fa-cart-plus text-primary"></i>
@@ -147,7 +216,51 @@ export default function HomeSections(){
</div> </div>
</div> </div>
</div> </div>
<div className="col-xxs-6 col-md-4 col-xxl-4 mb-2 mb-xxl-0"> <div style={{backgroundColor: 'yellow'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-dollar text-primary"></i>
</div>
<div className="report-details">
<p>Annual Revenue</p>
<h3>$40,516</h3>
</div>
</div>
</div>
<div style={{backgroundColor: 'green'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-dollar text-primary"></i>
</div>
<div className="report-details">
<p>Annual Revenue</p>
<h3>$40,516</h3>
</div>
</div>
</div>
<div style={{backgroundColor: 'red'}} className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-cart-plus text-primary"></i>
</div>
<div className="report-details">
<p>Annual Sales</p>
<h3>15,236</h3>
</div>
</div>
</div>
<div style={{backgroundColor: 'yellow'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-dollar text-primary"></i>
</div>
<div className="report-details">
<p>Annual Revenue</p>
<h3>$40,516</h3>
</div>
</div>
</div>
<div style={{backgroundColor: 'green'}} className="col-xxs-6 col-md-4 col-xxl-6 mb-2 mb-xxl-0">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon-container img-icon m-r-20 bg-light-gray rounded"> <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
<i className="fa fa-dollar text-primary"></i> <i className="fa fa-dollar text-primary"></i>
src/css/style.scss
+4
View File
@@ -83,6 +83,10 @@
@import "pages/employees"; @import "pages/employees";
@import "pages/coming-soon"; @import "pages/coming-soon";
.extraProductCard{
background-color: aliceblue;
border-radius: 5px;
}