64
app/routes/Apps/GalleryGrid/GalleryGrid.js
Executable file
64
app/routes/Apps/GalleryGrid/GalleryGrid.js
Executable file
@@ -0,0 +1,64 @@
|
||||
import React from 'react';
|
||||
|
||||
import {
|
||||
Container,
|
||||
Row,
|
||||
CardColumns,
|
||||
Col
|
||||
} from './../../../components';
|
||||
import { HeaderMain } from "../../components/HeaderMain";
|
||||
import { ProjectsSmHeader } from "../../components/Projects/ProjectsSmHeader";
|
||||
import { GalleryCard } from "../../components/Gallery/GalleryCard";
|
||||
import { Paginations } from "../../components/Paginations";
|
||||
|
||||
const GalleryGrid = () => (
|
||||
<Container>
|
||||
<HeaderMain
|
||||
title="Gallery Grid"
|
||||
className="mb-5 mt-4"
|
||||
/>
|
||||
{ /* START Content */}
|
||||
<Row>
|
||||
<Col lg={ 12 }>
|
||||
<ProjectsSmHeader
|
||||
subTitle="Gallery Grid"
|
||||
linkList="/apps/gallery-table"
|
||||
linkGrid="/apps/gallery-grid"
|
||||
/>
|
||||
<CardColumns>
|
||||
<GalleryCard />
|
||||
<GalleryCard
|
||||
id="2"
|
||||
/>
|
||||
<GalleryCard
|
||||
id="3"
|
||||
/>
|
||||
<GalleryCard
|
||||
id="4"
|
||||
/>
|
||||
<GalleryCard
|
||||
id="5"
|
||||
/>
|
||||
<GalleryCard
|
||||
id="6"
|
||||
/>
|
||||
<GalleryCard
|
||||
id="7"
|
||||
/>
|
||||
<GalleryCard
|
||||
id="8"
|
||||
/>
|
||||
<GalleryCard
|
||||
id="9"
|
||||
/>
|
||||
</CardColumns>
|
||||
<div className="d-flex justify-content-center">
|
||||
<Paginations />
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
{ /* END Content */}
|
||||
</Container>
|
||||
);
|
||||
|
||||
export default GalleryGrid;
|
3
app/routes/Apps/GalleryGrid/index.js
Executable file
3
app/routes/Apps/GalleryGrid/index.js
Executable file
@@ -0,0 +1,3 @@
|
||||
import GalleryGrid from './GalleryGrid';
|
||||
|
||||
export default GalleryGrid;
|
Reference in New Issue
Block a user