Controls/CMS-Client
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-10-14 22:02:57 -04:00
commit 5f95d857d4
783 changed files with 112323 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/eCommerce/ProductDetails/ProductReviews.js
+83
View File
@@ -0,0 +1,83 @@
import React from 'react';
import Grid from "@mui/material/Grid";
const ProductReviews = () => {
return (
<>
<Grid
container
rowSpacing={2}
alignItems="center"
columnSpacing={{ xs: 1, sm: 1, md: 1, lg: 3, xl: 4 }}
>
<Grid item xs={12} md={12} lg={4} xl={4}>
<div className='review-card'>
<div className='content'>
<div className='reating'>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
</div>
<p>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit.</p>
<img src="/images/down-arrow.png" alt="down-arrow" className='down-arrow' />
</div>
<div className='info'>
<img src="/images/user1.png" alt="User" />
<h4>Alvarado Turner</h4>
</div>
</div>
</Grid>
<Grid item xs={12} md={12} lg={4} xl={4}>
<div className='review-card'>
<div className='content'>
<div className='reating'>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
</div>
<p>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit.</p>
<img src="/images/down-arrow.png" alt="down-arrow" className='down-arrow' />
</div>
<div className='info'>
<img src="/images/user2.png" alt="User" />
<h4>Riley Dave</h4>
</div>
</div>
</Grid>
<Grid item xs={12} md={12} lg={4} xl={4}>
<div className='review-card'>
<div className='content'>
<div className='reating'>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
<i className="ri-star-fill"></i>
</div>
<p>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit.</p>
<img src="/images/down-arrow.png" alt="down-arrow" className='down-arrow' />
</div>
<div className='info'>
<img src="/images/user3.png" alt="User" />
<h4>Ivan Dan</h4>
</div>
</div>
</Grid>
</Grid>
</>
)
}
export default ProductReviews;