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

product page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-12-14 10:55:29 -05:00
parent 4ba259dcce
commit d4366b39a6
8 changed files with 44 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/img/product/01.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

src/assets/img/product/p1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

src/assets/img/product/p2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

src/assets/img/product/p3.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

src/assets/img/product/p4.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

src/assets/img/product/p5.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

src/component/product/ProductFactory.jsx
+2 -33
View File
@@ -1,6 +1,7 @@
import React from "react";
import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
import getImage from "../../utils/getImage";
import ProductStart from "./ProductStart";
export default function ProductFactory(){
@@ -10,39 +11,7 @@ export default function ProductFactory(){
<BreadcrumbComBS title='Name of the Product Here' paths={['Dashboard', 'Product']} />
<div className="row">
<>
<div className="row">
<div className="col-md-9">
<div className="card card-statistics ">
<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />
<div className="card-body">
<h4 className="card-title">Commitment</h4>
<p className="card-text">Commitment is something that comes from understanding that everything has its price and then having the willingness to pay that price. This is important because nobody wants to put significant effort into something, only to find out after the fact that the price was too high.The price is something not necessarily defined as financial. It could be time, effort, sacrifice, money or perhaps, something else.</p>
<a href="javascript:void(0)" className="btn btn-primary mt-2">Read More</a>
</div>
</div>
</div>
<div className="col-md-3">
<div className="card card-statistics mb-30">
{/*<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />*/}
<div className="card-body">
<h4 className="card-title">Information</h4>
<p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
</div>
<ul className="list-group list-group-flush">
<li className="list-group-item">FAQ pages is for consistency</li>
<li className="list-group-item">Information</li>
<li className="list-group-item">Related content</li>
</ul>
<div className="card-body">
<a href="javascript:void(0)" className="card-link">Card link</a>
<a href="javascript:void(0)" className="card-link">Another link</a>
</div>
</div>
</div>
</div>
<ProductStart />
</>
src/component/product/ProductStart.jsx
+42
View File
@@ -0,0 +1,42 @@
import React from "react";
import getImage from "../../utils/getImage";
export default function ProductStart(){
return (
<>
<div className="row">
<div className="col-md-9">
<div className="card card-statistics ">
<img className="card-img-top" src={getImage('product/p4.jpg')} alt="Card image cap" />
<div className="card-body">
<h4 className="card-title">Commitment</h4>
<p className="card-text">Commitment is something that comes from understanding that everything has its price and then having the willingness to pay that price. This is important because nobody wants to put significant effort into something, only to find out after the fact that the price was too high.The price is something not necessarily defined as financial. It could be time, effort, sacrifice, money or perhaps, something else.</p>
</div>
</div>
</div>
<div className="col-md-3">
<div className="card card-statistics mb-30">
{/*<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />*/}
<div className="card-body">
<h4 className="card-title">Information</h4>
<p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
</div>
<ul className="list-group list-group-flush">
<li className="list-group-item">FAQ pages is for consistency</li>
<li className="list-group-item">Information</li>
<li className="list-group-item">Related content</li>
</ul>
<div className="card-body">
<a href="javascript:void(0)" className="card-link">Card link</a>
<a href="javascript:void(0)" className="card-link">Another link</a>
</div>
<div>
<a href="javascript:void(0)" className="btn btn-primary mt-2">Start Product</a>
</div>
</div>
</div>
</div>
</>
)
}