\n It has survived not only five centuries, but also\n the leap into electronic typesetting, remaining\n essentially unchanged.\n
\n
\n Richard McClintock, a Latin professor at\n Hampden-Sydney College in Virginia, looked up one of\n the more obscure Latin words, consectetur, from a\n Lorem Ipsum passage.\n
\n
\n It has survived not only five centuries, but also\n the leap into electronic typesetting, remaining\n essentially unchanged.\n
\n \n \n )\n}\n\nexport default EmailSideBar\n","import React from \"react\"\nimport MetaTags from 'react-meta-tags';\nimport { Link } from \"react-router-dom\"\nimport { Container, Row, Col, Card, CardBody, Media } from \"reactstrap\"\n\n//Import Image\nimport avatar2 from \"../../assets/images/users/avatar-2.jpg\"\nimport img3 from \"../../assets/images/small/img-3.jpg\"\nimport img4 from \"../../assets/images/small/img-4.jpg\"\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\"\n\n//Import Email Sidebar\nimport EmailSideBar from \"./email-sidebar\"\n\n//Import Email Topbar\nimport EmailToolbar from \"./email-toolbar\"\n\nconst EmailRead = () => {\n return (\n \n
\n \n {/* Render Email Top Tool Bar */}\n \n\n \n \n \n \n
\n Humberto D. Champion\n
\n support@domain.com\n \n \n\n
\n This Week's Top Stories\n
\n\n
Dear Lorem Ipsum,
\n
\n Praesent dui ex, dapibus eget mauris ut, finibus\n vestibulum enim. Quisque arcu leo, facilisis in fringilla\n id, luctus in tortor. Nunc vestibulum est quis orci varius\n viverra. Curabitur dictum volutpat massa vulputate\n molestie. In at felis ac velit maximus convallis.\n
\n
\n Sed elementum turpis eu lorem interdum, sed porttitor eros\n commodo. Nam eu venenatis tortor, id lacinia diam. Sed\n aliquam in dui et porta. Sed bibendum orci non tincidunt\n ultrices. Vivamus fringilla, mi lacinia dapibus\n condimentum, ipsum urna lacinia lacus, vel tincidunt mi\n nibh sit amet lorem.\n
\n
Sincerly,
\n \n\n \n
\n \n \n
\n \n Download\n \n
\n \n \n
\n \n \n
\n \n Download\n \n
\n \n \n \n\n \n Reply\n \n \n \n
\n \n \n \n
\n \n )\n}\n\nexport default EmailRead\n","import React from \"react\"\nimport MetaTags from 'react-meta-tags';\nimport { Row, Col } from \"reactstrap\"\nimport { Link } from \"react-router-dom\"\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\"\n\nconst EmailBasicTemplte = () => {\n return (\n \n
\n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n Please confirm your email address by\n clicking the link below.\n \n \n\n \n \n We may need to send you critical\n information about our service and it\n is important that we have an accurate\n email address.\n \n \n\n \n \n \n Confirm email address\n \n \n \n\n \n \n Skote\n
\n \n )\n}\n\nexport default Login\n","export default \"data:image/png;base64,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\"","import React from \"react\"\nimport { Carousel } from \"react-responsive-carousel\"\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"\nimport { Col } from \"reactstrap\"\n\nconst CarouselPage = () => {\n return (\n \n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n \n 5k+ Satisfied\n clients\n
\n
\n \n
\n
\n
\n
\n "Fantastic theme with a ton of options. If\n you just want the HTML to integrate with your\n project, then this is the package. You can\n find the files in the 'dist‘ folder...no need\n to install git and all the other stuff the\n documentation talks about. “\n
\n\n
\n
\n Abs1981\n
\n
\n - Skote User\n
\n
\n
\n
\n
\n
\n
\n
\n
\n "If Every Vendor on Envato are as supportive\n as Themesbrand, Development with be a nice\n experience. You guys are Wonderful. Keep us\n the good work. “\n
\n\n
\n
\n Abs1981\n
\n
\n - Skote User\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n \n \n )\n}\nexport default CarouselPage\n","import React from \"react\"\nimport MetaTags from 'react-meta-tags';\nimport { Link } from \"react-router-dom\"\nimport { Col, Container, Form, Row, Input } from \"reactstrap\"\n\nimport { AvForm, AvField } from \"availity-reactstrap-validation\"\n\n// import images\nimport logodark from \"../../assets/images/logo-dark.png\"\nimport logolight from \"../../assets/images/logo-light.png\"\nimport CarouselPage from \"./CarouselPage\"\n\nconst Login2 = () => {\n return (\n \n
\n \n )\n}\nexport default LockScreen\n","import React from \"react\"\nimport PropTypes from 'prop-types';\nimport MetaTags from 'react-meta-tags';\nimport { Col, Container, Row, Alert } from \"reactstrap\"\n\n// availity-reactstrap-validation\nimport { AvField, AvForm } from \"availity-reactstrap-validation\"\nimport { Link } from \"react-router-dom\"\n\n// import images\nimport logodark from \"../../assets/images/logo-dark.png\"\nimport logolight from \"../../assets/images/logo-light.png\"\nimport user from \"../../assets/images/users/avatar-1.jpg\"\nimport CarouselPage from \"./CarouselPage\"\n\nconst LockScreen2 = (props) => {\n return (\n \n
\n \n \n \n )\n}\n\nexport default CardsMini\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAAAuCAMAAAAvFhqQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUdwTIyYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn4yYn5H50coAAAASdFJOUwAzyuFEmWV3uxEf7gZV+ao6iJQkgG4AAAJrSURBVFjD7ZjNFqMgDIWDAgGttb3v/7CzACwYwJ9zZjZjdremyVe4IJToiSeeeOJvxcv34t+yeIdOFKmaY+ig7dcZuz3NVJGomZmIyDKnZLs6o2tFX+YsC6dPmYjIDwCAIYxdoYpEBqCIyAEuTzW1omTfd1jSeK4klGDhnMUVzbPcDxGRGq+zKAAYAGASSrCsGYtKD+d90bfNhu0Ei0tTywDs9qOlKhKRsQQ2A0DvigLm1TGNYOEkHIDwI41QRSIDwPJjcQA06ZSS5QIYprZpjlgIoUOpJMv3JAvGDxHRZ7zEsoblwbwooSTLcJYFbdO0Wfi3LKuqZMF0lqVtmjbLhLhvVFSFxe5YprRlSpaWadostIahr6kKi9mx1IpuXeumqa7poBTyjoUqEjluJh2WmPtrG0wzDcd7XZQGedVcFYkMwACqw4JtFW5RMU2Pxc8ARqoowWIBvsYCJ0zTY6GlmKVFvmM24QF3kUWaRrCMzrnCsPMkVZHIAGgAxjZLzN2tm71pOusozYuRSqwj+oZxP7mO6qbps4R58UJJFn2LJR6HomkOWMgBsEJJFtqzdPbdwjTqZ5omy8TsbBgKs1c1lvUeS26aJkuqFTqUqsbCN1ky0zRZ0lEldChVjUXdZoGLpmn7JexsKpxNdqrCQmNiMQAsLcloxyzJNO3z7gDA6CGWLJU470YER0RkAcw8x6Nxntu8AbytuEqJFuGt59sqY7GJxc9p7OksSzRN+06S9sPAXKgai9+620itLrBE0zTvamYGMC5x081VjYWGxELLCMApUbR7m34d3H+V9k118MXp+SfjiSee+D/jD2GXg2Y2a8lCAAAAAElFTkSuQmCC\"","import React, { useState } from \"react\";\nimport { Container, Row, Col, Card, CardBody } from \"reactstrap\";\nimport { Link } from \"react-router-dom\";\n\n//Images\nimport client1 from \"../../../../assets/images/clients/1.png\";\nimport client2 from \"../../../../assets/images/clients/2.png\";\nimport client3 from \"../../../../assets/images/clients/3.png\";\nimport client4 from \"../../../../assets/images/clients/4.png\";\nimport client5 from \"../../../../assets/images/clients/5.png\";\nimport client6 from \"../../../../assets/images/clients/6.png\";\n\nconst AboutUs = () => {\n const [step1, setStep1] = useState(true);\n const [step2, setStep2] = useState(false);\n\n return (\n \n \n \n \n
\n
\n
About us
\n
What is ICO Token?
\n
\n \n \n \n
\n
\n
Best ICO for your cryptocurrency business
\n
\n If several languages coalesce, the grammar of the resulting\n that of the individual new common language will be more simple\n and regular than the existing.\n
\n
\n It would be necessary to have uniform pronunciation.\n
\n \n \n \n \n \n )\n}\n\nexport default OurTeam\n","export default __webpack_public_path__ + \"static/media/img-1.0688bacf.jpg\";","export default __webpack_public_path__ + \"static/media/img-2.d318de83.jpg\";","export default __webpack_public_path__ + \"static/media/img-3.173a4ec6.jpg\";","import React from \"react\"\nimport { Container, Row, Col } from \"reactstrap\"\nimport { Link } from \"react-router-dom\"\n\n//Import Images\nimport blog1 from \"../../../../assets/images/crypto/blog/img-1.jpg\"\nimport blog2 from \"../../../../assets/images/crypto/blog/img-2.jpg\"\nimport blog3 from \"../../../../assets/images/crypto/blog/img-3.jpg\"\n\nconst Blog = () => {\n const blogs = [\n {\n imgUrl: blog1,\n tag: \"Cryptocurrency\",\n date: \"04 Mar, 2020\",\n title: \"Donec pede justo, fringilla vele\",\n desc:\n \"If several languages coalesce, the grammar of the resulting language\",\n },\n {\n imgUrl: blog2,\n tag: \"Cryptocurrency\",\n date: \"12 Feb, 2020\",\n title: \"Aenean ut eros et nisl\",\n desc: \"Everyone realizes why a new common language would be desirable\",\n },\n {\n imgUrl: blog3,\n tag: \"Cryptocurrency\",\n date: \"06 Jan, 2020\",\n title: \"In turpis, pellentesque posuere\",\n desc:\n \"To an English person, it will seem like simplified English, as a skeptical Cambridge\",\n },\n ]\n return (\n \n \n \n \n
\n
\n
Blog
\n
Latest News
\n
\n \n \n\n \n {blogs.map((blog, key) => (\n
\n
\n
\n \n
\n {blog.tag}\n
\n
\n\n
\n
\n {blog.date}\n
\n
{blog.title}
\n
{blog.desc}
\n\n
\n Read more\n
\n
\n
\n \n ))}\n \n \n \n \n )\n}\n\nexport default Blog\n","import PropTypes from \"prop-types\"\nimport React, { useState } from \"react\"\n\nimport { CardBody, Collapse } from \"reactstrap\"\nimport { Link } from \"react-router-dom\"\n\nconst Accordian = props => {\n const [col1, setcol1] = useState(true)\n const [col2, setcol2] = useState(false)\n const [col3, setcol3] = useState(false)\n const [col4, setcol4] = useState(false)\n\n function t_col1() {\n setcol1(!col1)\n setcol2(false)\n setcol3(false)\n setcol4(false)\n }\n\n function t_col2() {\n setcol1(false)\n setcol2(!col2)\n setcol3(false)\n setcol4(false)\n }\n\n function t_col3() {\n setcol1(false)\n setcol2(false)\n setcol3(!col3)\n setcol4(false)\n }\n\n function t_col4() {\n setcol1(false)\n setcol2(false)\n setcol3(false)\n setcol4(!col4)\n }\n\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport { ResponsiveContainer, PieChart, Pie } from \"recharts\";\n\nconst data = [\n { name: 'Group A', value: 400 },\n { name: 'Group B', value: 300 },\n { name: 'Group C', value: 300 },\n { name: 'Group D', value: 200 },\n];\n\n\nexport default function SimpleTreeMap() {\n\n return (\n
\n \n \n \n \n \n
\n );\n}","import React from 'react';\nimport { Row, Col, Card, CardBody, CardTitle } from \"reactstrap\"\nimport MetaTags from 'react-meta-tags';\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\nimport SimpleLineChart from '../AllCharts/rechart/SimpleLineChart';\nimport SimpleAreaChart from '../AllCharts/rechart/SimpleAreaChart';\nimport MixBarChart from '../AllCharts/rechart/MixBarChart';\nimport VerticalComposedChart from '../AllCharts/rechart/VerticalComposedChart';\nimport ThreeDimScatterChart from '../AllCharts/rechart/ThreeDimScatterChart';\nimport SpecifiedDomainRadarChart from '../AllCharts/rechart/SpecifiedDomainRadarChart';\nimport SimpleRadialBarChart from '../AllCharts/rechart/SimpleRadialBarChart';\nimport CustomActiveShapePieChart from '../AllCharts/rechart/CustomActiveShapePieChart';\n\nconst ReCharts = () => {\n return (\n \n \n
\n \n \n Basic example\n \n For basic styling—light padding and only horizontal\n dividers—add the base className .table to any\n <table>.\n \n\n
\n
\n \n
\n
#
\n
First Name
\n
Last Name
\n
Username
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
@fat
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
@twitter
\n
\n \n
\n
\n \n \n \n\n
\n \n \n Dark table\n \n You can also invert the colors—with light text on dark\n backgrounds—with .table-dark.\n \n\n
\n
\n \n
\n
#
\n
First Name
\n
Last Name
\n
Username
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
@fat
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
@twitter
\n
\n \n
\n
\n \n \n \n \n\n \n
\n \n \n Table head\n \n Use one of two modifier className to make{\" \"}\n <thead>s appear light or dark gray.\n \n\n
\n
\n \n
\n
#
\n
First Name
\n
Last Name
\n
Username
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
@fat
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
@twitter
\n
\n \n
\n
\n \n \n \n\n
\n \n \n Striped rows\n \n Use .table-striped to add zebra-striping to any\n table row within the <tbody>.\n \n\n
\n
\n \n
\n
#
\n
First Name
\n
Last Name
\n
Username
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
@fat
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
@twitter
\n
\n \n
\n
\n \n \n \n \n\n \n
\n \n \n Bordered table\n \n Add .table-bordered for borders on all sides of\n the table and cells.\n \n\n
\n
\n \n
\n
#
\n
First Name
\n
Last Name
\n
Username
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
@fat
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
@twitter
\n
\n \n
\n
\n \n \n \n\n
\n \n \n Borderless table\n \n {\" \"}\n Add .table-borderless for a table without\n borders.\n \n\n
\n
\n \n
\n
#
\n
First Name
\n
Last Name
\n
Username
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
@fat
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
@twitter
\n
\n \n
\n
\n \n \n \n \n\n \n
\n \n \n
\n
Vertical alignment
\n
Table cells in <tbody> inherit their alignment from <table> and are aligned to the the top by default. Use the vertical align classes to re-align where needed.
\n\n
\n
\n\n \n
\n
#
\n
First Name
\n
Last Name
\n
Action
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
\n \n
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
\n \n
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
\n \n
\n
\n
\n
4
\n
Jacob
\n
Thornton
\n
\n \n
\n
\n \n
\n
\n\n
\n \n \n \n
\n \n \n
Nesting
\n
Border styles, active styles, and table variants are not inherited by nested tables.
\n\n
\n
\n \n
\n
#
\n
First
\n
Last
\n
Handle
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
\n
\n \n
\n
Header
\n
Header
\n
Header
\n
\n \n \n
\n
A
\n
First
\n
Last
\n
\n
\n
B
\n
First
\n
Last
\n
\n \n
\n
\n
\n
\n
3
\n
Jacob
\n
Thornton
\n
@fat
\n
\n \n
\n
\n\n \n \n \n \n\n \n
\n \n \n Hoverable \n \n Add .table-hover to enable a hover state on\n table rows within a <tbody>.\n \n\n
\n
\n \n
\n
#
\n
First Name
\n
Last Name
\n
Username
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
@fat
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
@twitter
\n
\n \n
\n
\n \n \n \n\n
\n \n \n Small table \n \n {\" \"}\n Add .table-sm to make tables more compact by\n cutting cell padding in half.\n \n\n
\n
\n \n
\n
#
\n
First Name
\n
Last Name
\n
Username
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
@fat
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
@twitter
\n
\n
\n
4
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
5
\n
Jacob
\n
Thornton
\n
@fat
\n
\n \n
\n
\n \n \n \n \n \n
\n \n \n Contextual className \n \n Use contextual className to color table rows or individual\n cells.\n \n\n
\n
\n \n
\n
#
\n
Column heading
\n
Column heading
\n
Column heading
\n
\n \n \n
\n
1
\n
Column content
\n
Column content
\n
Column content
\n
\n\n
\n
2
\n
Column content
\n
Column content
\n
Column content
\n
\n\n
\n
3
\n
Column content
\n
Column content
\n
Column content
\n
\n\n
\n
4
\n
Column content
\n
Column content
\n
Column content
\n
\n\n
\n
5
\n
Column content
\n
Column content
\n
Column content
\n
\n \n
\n
\n \n \n \n\n
\n \n \n Captions \n \n A <caption> functions like a heading for\n a table. It helps users with screen readers to find a table\n and understand what it’s about and decide if they want to\n read it.\n \n\n
\n
\n
List of users
\n \n
\n
#
\n
First Name
\n
Last Name
\n
Username
\n
\n \n \n
\n
1
\n
Mark
\n
Otto
\n
@mdo
\n
\n
\n
2
\n
Jacob
\n
Thornton
\n
@fat
\n
\n
\n
3
\n
Larry
\n
the Bird
\n
@twitter
\n
\n \n
\n
\n \n \n \n \n\n \n
\n \n \n Responsive table \n \n Create responsive tables by wrapping any .table{\" \"}\n in .table-responsive\n to make them scroll horizontally on small devices (under\n 768px).\n \n\n
\n react-bootstrap-table-next plugin has most features enabled by default,\n so all you need to do to use it with your own tables is to\n call the construction function:{\" \"}\n react-bootstrap-table-next .\n
\n Neque porro quisquam est, qui dolorem ipsum quia dolor\n sit amet, consectetur, adipisci velit, aliquam quaerat\n voluptatem. Ut enim ad minima veniam, quis\n
\n\n
\n \n Read more \n \n
\n
\n\n \n\n
\n
\n \n Project discussion with team\n \n
\n
24 Mar, 2020
\n\n
\n \n\n
\n \n \n \n \n \n
\n
\n\n
\n
\n \n {\" \"}\n Development\n \n
\n
\n \n {\" \"}\n 08 Comments\n \n
\n
\n\n
\n At vero eos et accusamus et iusto odio dignissimos\n ducimus qui blanditiis praesentium voluptatum deleniti\n atque corrupti quos dolores similique sunt in culpa\n qui officia deserunt mollitia animi est\n
\n\n
\n \n Read more \n \n
\n
\n\n \n\n
\n
\n
\n \n \n \n
\n
\n \n 1\n \n
\n
\n \n 2\n \n
\n
\n \n 3\n \n
\n
\n \n ...\n \n
\n
\n \n 10\n \n
\n
\n \n \n \n
\n
\n
\n
\n \n \n
\n \n\n \n
\n \n
\n
Archive
\n\n
\n
\n
\n
2020
\n
\n
\n \n 03\n \n
\n
\n \n\n
\n \n {\" \"}\n Beautiful Day with Friends\n \n\n \n Drawing\n a sketch\n \n\n \n Project\n discussion with team\n \n
\n
\n\n
\n
\n
\n
2019
\n
\n
\n \n 06\n \n
\n
\n \n\n
\n \n Coffee\n with Friends\n \n\n \n Neque\n porro quisquam est\n \n\n \n Quis\n autem vel eum iure\n \n\n \n Cras mi\n eu turpis\n \n\n \n Drawing\n a sketch\n \n\n \n Project\n discussion with team\n \n
\n
\n\n
\n
\n
\n
2018
\n
\n
\n \n 03\n \n
\n
\n \n\n
\n \n {\" \"}\n Beautiful Day with Friends\n \n\n \n Drawing\n a sketch\n \n\n \n Project\n discussion with team\n \n
\n
\n \n \n
\n \n \n \n \n \n )\n}\n\nexport default BlogList;","export default __webpack_public_path__ + \"static/media/img-7.f6859a84.jpg\";","import React from \"react\";\nimport { Card, CardBody, Col } from \"reactstrap\";\nimport { Link } from \"react-router-dom\";\n\n// import images\nimport img1 from \"../../../assets/images/small/img-7.jpg\";\nimport img2 from \"../../../assets/images/small/img-4.jpg\";\nimport img3 from \"../../../assets/images/small/img-6.jpg\";\n\nconst RightBar = () => {\n return (\n \n
\n \n \n
\n
Search
\n
\n \n \n
\n
\n\n \n\n
\n
Categories
\n\n
\n
\n \n Design\n \n
\n
\n \n Development{\" \"}\n \n 04\n \n \n
\n
\n \n Business\n \n
\n
\n \n Project\n \n
\n
\n \n Travel\n \n 12\n \n \n
\n
\n
\n\n \n\n
\n
Archive
\n\n
\n
\n \n 2020{\" \"}\n \n 03\n \n \n
\n
\n \n 2019{\" \"}\n \n 06\n \n \n
\n
\n \n 2018{\" \"}\n \n 05\n \n \n
\n
\n
\n\n \n\n
\n
Popular Posts
\n\n
\n \n
\n
\n \n
\n
\n
\n Beautiful Day with Friends\n
\n
10 Apr, 2020
\n
\n
\n \n\n \n
\n
\n \n
\n
\n
\n Drawing a sketch\n
\n
24 Mar, 2020
\n
\n
\n \n\n \n
\n
\n \n
\n
\n
\n Project discussion with team\n
\n
11 Mar, 2020
\n
\n
\n \n
\n
\n\n \n\n
\n
Tags
\n\n
\n
\n \n Design\n \n
\n
\n \n Development\n \n
\n
\n \n Business\n \n
\n
\n \n Project\n \n
\n
\n \n Travel\n \n
\n
\n \n Lifestyle\n \n
\n
\n \n Photography\n \n
\n
\n
\n \n \n \n \n )\n}\n\nexport default RightBar\n","import React from \"react\"\nimport MetaTags from 'react-meta-tags';\nimport { Container, Row } from \"reactstrap\"\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../../components/Common/Breadcrumb\"\n\nimport BlogList from \"./BlogList\"\nimport RightBar from \"./RightBar\"\n\nconst Index = () => {\n return (\n \n
\n \n Blog List | Skote - React Admin & Dashboard Template\n \n \n \n \n \n \n \n \n
\n \n )\n}\n\nexport default Index\n","import React, { useState } from \"react\"\nimport {\n Card,\n Col,\n NavItem,\n NavLink,\n Row,\n TabContent,\n TabPane,\n} from \"reactstrap\"\n\nimport classnames from \"classnames\"\nimport img1 from \"../../../assets/images/small/img-2.jpg\"\nimport img2 from \"../../../assets/images/small/img-6.jpg\"\nimport img3 from \"../../../assets/images/small/img-1.jpg\"\nimport { Link } from \"react-router-dom\"\n\nconst BlogGrid = () => {\n const [activeTab, toggleTab] = useState(\"1\")\n\n const toggle = tab => {\n if (activeTab !== tab) toggleTab(tab)\n }\n return (\n \n
\n Neque porro quisquam est, qui dolorem ipsum quia\n dolor sit amet, consectetur, adipisci velit, sed\n quia non numquam eius modi tempora incidunt ut\n labore et dolore magnam enim ad minima veniam quis\n
\n\n
\n Ut enim ad minima veniam, quis nostrum\n exercitationem ullam corporis suscipit laboriosam,\n nisi ut aliquid ex ea reprehenderit qui in ea\n voluptate velit esse quam nihil molestiae\n consequatur, vel illum qui dolorem eum fugiat quo\n voluptas nulla pariatur? At vero eos et accusamus et\n iusto odio dignissimos ducimus qui blanditiis\n praesentium voluptatum deleniti atque corrupti quos\n dolores et quas molestias excepturi sint occaecati\n cupiditate non provident, similique sunt\n
\n\n
\n
\n
\n \n
\n
\n
\n {\" \"}\n At vero eos et accusamus et iusto odio\n dignissimos ducimus qui blanditiis praesentium\n deleniti atque corrupti quos dolores et quas\n molestias excepturi sint quidem rerum facilis\n est\n
\n
\n
\n
\n\n
\n Itaque earum rerum hic tenetur a sapiente delectus,\n ut aut reiciendis voluptatibus maiores alias\n consequatur aut perferendis doloribus asperiores\n repellat. Sed ut perspiciatis unde omnis iste natus\n error sit\n
\n\n
\n
Title:
\n\n
\n
\n
\n
\n
\n
\n Donec sodales sagittis\n
\n
\n Sed consequat leo eget\n
\n
\n Aliquam lorem ante\n
\n
\n
\n
\n
\n
\n
\n
\n Aenean ligula eget\n
\n
\n Cum sociis natoque\n
\n
\n
\n
\n
\n
\n
\n
\n\n \n\n
\n
\n {\" \"}\n Comments :\n
\n\n
\n
\n
\n
\n \n
\n
\n
\n
\n Delores Williams{\" \"}\n \n 1 hr Ago\n \n
\n
\n If several languages coalesce, the grammar of\n the resulting language is more simple and\n regular than that of the individual\n
\n
\n \n Reply\n \n
\n
\n
\n
\n
\n \n
\n
\n
\n Clarence Smith{\" \"}\n \n 2 hrs Ago\n \n
\n
\n Neque porro quisquam est, qui dolorem ipsum\n quia dolor sit amet\n
\n
\n \n Reply\n \n
\n\n
\n
\n
\n \n
\n
\n
\n
\n Silvia Martinez{\" \"}\n \n 2 hrs Ago\n \n
\n
\n To take a trivial example, which of us\n ever undertakes laborious physical\n exercise\n
\n
\n \n Reply\n \n
\n
\n
\n
\n
\n\n
\n
\n
\n \n
\n
\n
\n
\n Keith McCoy{\" \"}\n \n 12 Aug\n \n
\n
\n Donec posuere vulputate arcu. phasellus\n accumsan cursus velit\n
\n Add className form-radio-outline & .form-radio-* for a color Checkboxes\n
\n\n
\n
\n \n \n Radio Outline Primary\n \n
\n
\n \n \n Radio Outline Success\n \n
\n
\n \n \n Radio Outline Info\n \n
\n
\n \n \n Radio Outline Warning\n \n
\n
\n \n \n Radio Outline Danger\n \n
\n
\n
\n \n \n \n \n \n \n\n \n
\n \n \n Switches\n
\n A switch has the markup of a custom checkbox but uses the .form-switch class to render a toggle switch. Switches also support the disabled attribute.\n
\n Easily select a time for a text input using your mouse or\n keyboards arrow keys.\n
\n\n \n \n \n \n
\n \n \n
Datepicker
\n
\n Examples of twitter bootstrap datepicker.\n
\n\n \n \n \n \n \n\n \n
\n \n \n
Bootstrap MaxLength
\n
\n This plugin integrates by default with Twitter bootstrap\n using badges to display the maximum lenght of the field\n where the user is inserting text.{\" \"}\n
\n \n
\n The badge will show up by default when the remaining chars\n are 10 or less:\n
\n Please note: if the alwaysShow option is\n enabled, the threshold option is ignored.\n
\n {\n optionchange(e)\n }}\n name=\"alloptions\"\n id=\"alloptions\"\n />\n {disbadge ? (\n \n You Types{\" \"}\n \n {optioncount}\n {\" \"}\n out of 25{\" \"}\n chars available\n \n ) : null}\n
\n\n
\n \n
\n All you need to do is specify the placement{\" \"}\n option, with one of those strings. If none is specified,\n the positioning will be defauted to 'bottom‘.\n
\n \n \n react-draft-wysiwyg\n \n Bootstrap-wysihtml5 is a javascript plugin that makes it\n easy to create simple, beautiful wysiwyg editors with the\n help of wysihtml5 and Twitter Bootstrap.\n \n\n \n \n \n \n \n \n
\n Provide valuable, actionable feedback to your users with\n HTML5 form validation–available in all our supported\n browsers.\n
\n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n \n {\" \"}\n Agree to terms and conditions\n \n
\n \n \n \n \n \n \n \n \n\n
\n \n \n
React Validation (Tooltips)
\n
\n If your form layout allows it, you can swap the\n .{\"{valid | invalid-}\"}feedback classes for\n .{\"{valid | invalid-}\"}-tooltip classes to\n display validation feedback in a styled tooltip.\n
\n \n \n Validation type\n \n Parsley is a availity reactstrap validation. It helps you\n provide your users with feedback on their form submission\n before sending it to your server.\n \n\n \n
\n \n
\n
\n \n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n {\" \"}\n \n
\n \n \n \n \n\n
\n \n \n Range validation\n \n Parsley is a availity reactstrap validation. It helps you\n provide your users with feedback on their form submission\n before sending it to your server.\n \n\n \n
\n \n \n Inline Example\n \n This library allows you to create editable elements on your\n page. It can be used with any engine (bootstrap, jquery-ui,\n jquery only) and includes both popup and inline modes.\n Please try out demo to see how it works.\n \n\n
\n \n \n Default Alerts \n \n Alerts are available for any length of\n text, as well as an optional dismiss button. For proper styling, use one\n of the four required contextual classes (e.g., .alert-success). For inline dismissal, use the alerts jQuery plugin.\n \n\n
\n \n A simple primary alert—check it out!\n \n \n A simple secondary alert—check it out!\n \n \n A simple success alert—check it out!\n \n \n A simple danger alert—check it out!\n \n \n A simple warning alert—check it out!\n \n \n A simple info alert—check it out!\n \n
\n \n \n \n\n
\n \n \n Link color \n \n Use the{\" \"}\n .alert-link{\" \"}\n utility className to quickly provide matching colored links\n within any alert.\n \n\n
\n \n A simple primary alert with{\" \"}\n \n an example link\n \n . Give it a click if you like.\n \n \n A simple secondary alert with{\" \"}\n \n an example link\n \n . Give it a click if you like.\n \n \n A simple success alert with{\" \"}\n \n an example link\n \n . Give it a click if you like.\n \n \n A simple danger alert with{\" \"}\n \n an example link\n \n . Give it a click if you like.\n \n \n A simple warning alert with{\" \"}\n \n an example link\n \n . Give it a click if you like.\n \n \n A simple info alert with{\" \"}\n \n an example link\n \n . Give it a click if you like.\n \n
\n \n \n \n \n\n \n
\n \n \n Dismissing \n \n Add a dismiss button and the .alert-dismissible class, which adds extra padding\n to the right of the alert and positions the .btn-close button.\n \n\n
\n \n A simple primary alert—check it out!\n \n \n A simple secondary alert—check it out!\n \n \n A simple success alert—check it out!\n \n \n A simple danger alert—check it out!\n \n \n A simple warning alert—check it out!\n \n \n A simple info alert—check it out!\n \n
\n \n \n \n\n
\n \n \n With Icon \n
\n \n A simple\n primary alert—check it out!\n \n \n A simple\n secondary alert—check it out!\n \n \n A simple success\n alert—check it out!\n \n \n A simple\n danger alert—check it out!\n \n \n A simple\n warning alert—check it out!\n \n \n A\n simple info alert—check it out!\n \n
\n \n \n \n \n \n
\n \n )\n}\n\nexport default UiAlert\n","import React, { useState } from \"react\";\nimport MetaTags from 'react-meta-tags';\nimport { Link } from \"react-router-dom\";\n\nimport { Col, Row, Card, CardBody, CardTitle, Container } from \"reactstrap\";\nimport {\n Button,\n DropdownToggle,\n DropdownMenu,\n DropdownItem,\n ButtonDropdown,\n} from \"reactstrap\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\n\nconst UiButtons = () => {\n const [drp_link, setdrp_link] = useState(false);\n\n return (\n \n
\n The .btn\n classes are designed to be used with the{\" \"}\n \n <button>\n {\" \"}\n element. However, you can also use these classes on{\" \"}\n <Link> or{\" \"}\n <input>{\" \"}\n elements (though some browsers may apply a slightly\n different rendering).\n
\n\n
\n \n Link\n \n \n Button\n \n \n \n \n
\n \n \n \n
\n \n \n Toggle states\n
\n Add{\" \"}\n \n data-toggle="button“\n \n to toggle a button’s{\" \"}\n active\n state. If you’re pre-toggling a button, you must manually\n add the \n .active\n {\" \"}\n class\n and{\" \"}\n \n aria-pressed="true“\n {\" \"}\n to the\n <button>.\n
\n\n
\n \n Single toggle\n \n
\n \n \n \n \n\n \n
\n \n \n Block Buttons\n
\n Create block level buttons—those that span the full width of\n a parent—by adding{\" \"}\n .btn-block.\n
\n Bootstrap’s{\" \"}\n .button styles\n can be applied to other elements, such as{\" \"}\n <label>s,\n to provide checkbox or radio style button toggling. Add{\" \"}\n \n data-toggle="buttons“\n {\" \"}\n to a.btn-group{\" \"}\n containing those modified buttons to enable toggling in\n their respective styles.\n
\n\n \n
\n \n \n \n\n \n \n\n \n \n \n \n
\n
\n \n \n\n \n \n\n \n \n
\n \n \n \n \n \n \n\n \n
\n \n \n Button group\n
\n Wrap a series of buttons with{\" \"}\n .btn in{\" \"}\n .btn-group.\n
\n\n \n
\n \n \n \n \n \n \n\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n Button toolbar\n
\n Combine sets of button groups into button toolbars for more\n complex components. Use utility className as needed to\n space out groups, buttons, and more.\n
\n Instead of applying button sizing classes to every button in\n a group, just add{\" \"}\n .btn-group-* to\n each .btn-group,\n including each one when nesting multiple groups.\n
\n \n \n \n Card title\n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n Button\n \n \n \n \n
\n \n \n \n Card title\n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n
\n \n \n \n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n
\n \n \n Card title\n \n Support card subtitle\n \n \n \n \n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n Card link\n \n \n Another link\n \n \n \n \n \n\n \n
\n \n Special title treatment\n \n With supporting text below as a natural lead-in to additional\n content.\n \n \n Go somewhere\n \n \n \n
\n \n Special title treatment\n \n With supporting text below as a natural lead-in to additional\n content.\n \n \n Go somewhere\n \n \n \n \n\n \n
\n \n Special title treatment\n \n With supporting text below as a natural lead-in to additional\n content.\n \n \n Go somewhere\n \n \n \n\n
\n \n Special title treatment\n \n With supporting text below as a natural lead-in to additional\n content.\n \n \n Go somewhere\n \n \n \n\n
\n \n Special title treatment\n \n With supporting text below as a natural lead-in to additional\n content.\n \n \n Go somewhere\n \n \n \n \n\n \n
\n \n
Featured
\n \n \n Special title treatment\n \n \n With supporting text below as a natural lead-in to\n additional content.\n \n \n Go somewhere\n \n \n \n \n\n
\n \n Quote\n \n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n Integer posuere erat a ante.\n \n \n
\n \n \n \n\n
\n \n Featured\n \n \n Special title treatment\n \n \n With supporting text below as a natural lead-in to\n additional content.\n \n \n Go somewhere\n \n \n 2 days ago\n \n \n \n\n \n
\n \n \n \n Card title\n \n This is a wider card with supporting text below as a natural\n lead-in to additional content. This content is a little bit\n longer.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n \n\n
\n \n \n Card title\n \n This is a wider card with supporting text below as a natural\n lead-in to additional content. This content is a little bit\n longer.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n \n \n\n
\n \n \n \n Card title\n \n This is a wider card with supporting text below as a natural\n lead-in to additional content. This content is a little bit\n longer.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n \n \n\n \n
\n \n \n
\n \n \n
\n \n Card title\n \n This is a wider card with supporting text below as a\n natural lead-in to additional content.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n \n \n \n
\n \n \n
\n \n Card title\n \n This is a wider card with supporting text below as a\n natural lead-in to additional content.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n
\n \n \n \n \n \n \n\n \n
\n \n \n \n Primary Card\n \n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n\n
\n \n \n \n Success Card\n \n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n\n
\n \n \n \n Info\n Card\n \n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n \n\n \n
\n \n \n \n Warning Card\n \n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n\n
\n \n \n \n Danger Card\n \n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n\n
\n \n \n \n Dark\n Card\n \n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n \n\n \n
\n \n \n
\n Primary\n outline Card\n
\n \n \n card title\n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n\n
\n \n \n
\n Danger outline\n Card\n
\n \n \n card title\n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n\n
\n \n \n
\n Success Card\n
\n \n \n card title\n \n Some quick example text to build on the card title and make\n up the bulk of the card's content.\n \n \n \n \n \n\n \n
\n
Card groups
\n \n
\n \n \n \n Card title\n \n This is a longer card with supporting text below as a\n natural lead-in to additional content. This content is a\n little bit longer.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n \n \n \n Card title\n \n This card has supporting text below as a natural lead-in\n to additional content.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n \n \n \n Card title\n \n This is a wider card with supporting text below as a\n natural lead-in to additional content. This card has even\n longer content than the first to show that equal height\n action.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n
\n \n \n \n\n \n
\n
Cards Columns
\n \n \n \n \n Card title that wraps to a new line\n \n This is a longer card with supporting text below as a\n natural lead-in to additional content. This content is a\n little bit longer.\n \n \n \n \n \n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n Integer posuere erat a ante.\n \n \n
\n \n \n \n \n \n Card title\n \n This card has supporting text below as a natural lead-in\n to additional content.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n \n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n Integer posuere erat.\n \n \n
\n \n \n \n Card title\n \n This card has a regular title and short paragraphy of text\n below it.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n \n \n \n \n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n Integer posuere erat a ante.\n \n \n
\n \n \n \n Card title\n \n This is another card with title and supporting text below.\n This card has some additional content to make it slightly\n taller overall.\n \n \n \n Last updated 3 mins ago\n \n \n \n \n \n \n \n \n
\n \n \n Slides Only\n \n Here’s a carousel with slides only. Note the presence of the{\" \"}\n .d-block and .img-fluid on\n carousel images to prevent browser default image alignment.\n \n \n \n \n \n
\n \n \n With controls\n \n Adding in the previous and next controls:\n \n \n \n \n \n \n \n
\n \n \n With indicators\n \n You can also add the indicators to the carousel, alongside\n the controls, too.\n \n \n \n \n \n
\n \n \n With captions\n \n Add captions to your slides easily with the{\" \"}\n .carousel-caption element within any{\" \"}\n .carousel-item.\n \n \n \n \n \n \n \n
\n \n \n Crossfade\n \n Add .carousel-fade to your carousel to animate\n slides with a fade transition instead of a slide.\n \n \n \n \n \n \n \n
\n \n )\n}\n\nexport default UiCarousel\n","import React from \"react\";\nimport MetaTags from 'react-meta-tags';\n\nimport { Col, Row, Container, Card, CardBody } from \"reactstrap\";\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\n\nconst UiColors = () => {\n return (\n \n
\n \n \n Single button dropdowns\n \n Any single .btn{\" \"}\n can be turned into a dropdown toggle with some markup\n changes. Here’s how you can put them to work with either{\" \"}\n <button>{\" \"}\n elements:\n \n \n
\n Pill badges\n \n Use the .rounded-pill modifier className to\n make badges more rounded (with a larger{\" \"}\n border-radius\n and additional horizontal padding). Useful\n if you miss the badges from v3.\n \n\n
\n \n \n Border spinner\n \n Use the border spinners for a lightweight loading indicator.\n \n
\n \n \n \n \n \n \n \n \n
\n {\" \"}\n \n \n
\n \n \n Growing spinner\n \n If you don’t fancy a border spinner, switch to the grow\n spinner. While it doesn’t technically spin, it does\n repeatedly grow!\n \n
\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n );\n};\n\nexport default UiGeneral;\n","import React from \"react\"\nimport MetaTags from 'react-meta-tags';\n\nimport {\n Col,\n Row,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Container,\n} from \"reactstrap\"\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\"\n\nconst UiGrid = () => {\n return (\n \n
\n \n \n Grid options\n \n See how aspects of the Bootstrap grid system work across\n multiple devices with a handy table.\n \n\n
\n
\n \n
\n
\n
\n Extra small\n \n <576px\n
\n
\n Small\n \n ≥576px\n
\n
\n Medium\n \n ≥768px\n
\n
\n Large\n \n ≥992px\n
\n
\n Extra large\n \n ≥1200px\n
\n
\n \n \n
\n
\n Grid behavior\n
\n
Horizontal at all times
\n
\n Collapsed to start, horizontal above breakpoints\n
\n
\n
\n
\n Max container width\n
\n
None (auto)
\n
540px
\n
720px
\n
960px
\n
1140px
\n
\n
\n
\n class prefix\n
\n
\n .col-\n
\n
\n .col-sm-\n
\n
\n .col-md-\n
\n
\n .col-lg-\n
\n
\n .col-xl-\n
\n
\n
\n
\n # of columns\n
\n
12
\n
\n
\n
\n Gutter width\n
\n
\n 24px (12px on each side of a column)\n
\n
\n
\n
\n Nestable\n
\n
Yes
\n
\n
\n
\n Offsets\n
\n
Yes
\n
\n
\n
\n Column ordering\n
\n
Yes
\n
\n \n
\n
\n \n \n \n \n \n
\n \n )\n}\n\nexport default UiGrid\n","import React from \"react\"\nimport MetaTags from 'react-meta-tags';\n\nimport img2 from \"../../assets/images/small/img-2.jpg\"\nimport img3 from \"../../assets/images/small/img-3.jpg\"\nimport img4 from \"../../assets/images/small/img-4.jpg\"\nimport { Link } from \"react-router-dom\"\n\nimport {\n Col,\n Row,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n CardImg,\n CardText,\n Container,\n} from \"reactstrap\"\nimport avatar1 from \"../../assets/images/users/avatar-1.jpg\"\nimport avatar2 from \"../../assets/images/users/avatar-2.jpg\"\nimport avatar3 from \"../../assets/images/users/avatar-3.jpg\"\nimport avatar4 from \"../../assets/images/users/avatar-4.jpg\"\nimport avatar5 from \"../../assets/images/users/avatar-5.jpg\"\nimport avatar6 from \"../../assets/images/users/avatar-6.jpg\"\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\"\n\nconst UiImages = () => {\n return (\n \n
\n \n \n \n \n \n \n Image thumbnails\n \n In addition to our border-radius utilities, you can use{\" \"}\n .img-thumbnail to\n give an image a rounded 1px border appearance.\n \n \n
\n \n \n
\n
\n \n
\n \n \n \n \n \n\n
\n \n \n Skotes\n \n Images in Bootstrap are made responsive with{\" \"}\n .img-fluid.{\" \"}\n max-width: 100%;{\" \"}\n and height: auto;{\" \"}\n are applied to the image so that it scales with the parent\n element.\n \n \n \n \n \n \n\n \n
\n \n \n Default media object\n \n The default media displays a media object (images, video,\n audio) to the left or right of a content block.\n \n
\n \n
\n
Media heading
\n Cras sit amet nibh libero, in gravida nulla. Nulla vel\n metus scelerisque ante sollicitudin. Cras purus odio,\n vestibulum in vulputate at, tempus viverra turpis. Fusce\n condimentum nunc ac nisi vulputate fringilla. Donec\n lacinia congue felis in faucibus.\n
\n
\n\n
\n \n
\n
Media heading
\n Cras sit amet nibh libero, in gravida nulla. Nulla vel\n metus scelerisque ante sollicitudin. Cras purus odio,\n vestibulum in vulputate at, tempus viverra turpis. Fusce\n condimentum nunc ac nisi vulputate fringilla. Donec\n lacinia congue felis in faucibus.\n
\n \n \n \n
\n
Media heading
\n Cras sit amet nibh libero, in gravida nulla. Nulla vel\n metus scelerisque ante sollicitudin. Cras purus odio,\n vestibulum in vulputate at, tempus viverra turpis.\n Fusce condimentum nunc ac nisi vulputate fringilla.\n Donec lacinia congue felis in faucibus.\n
\n
\n
\n
\n\n
\n
\n
Media object
\n Cras sit amet nibh libero, in gravida nulla. Nulla vel\n metus scelerisque ante sollicitudin. Cras purus odio,\n vestibulum in vulputate at, tempus viverra turpis. Fusce\n condimentum nunc ac nisi vulputate fringilla. Donec\n lacinia congue felis in faucibus.\n
\n \n
\n \n \n \n \n\n \n
\n \n \n Media alignment\n \n The images or other media can be aligned top, middle, or\n bottom. The default is top aligned.\n \n\n
\n \n
\n
Top-aligned media
\n
\n Cras sit amet nibh libero, in gravida nulla. Nulla vel\n metus scelerisque ante sollicitudin. Cras purus odio,\n vestibulum in vulputate at, tempus viverra turpis. Fusce\n condimentum nunc ac nisi vulputate fringilla. Donec\n lacinia congue felis in faucibus.\n
\n
\n Donec sed odio dui. Nullam quis risus eget urna mollis\n ornare vel eu leo. Cum sociis natoque penatibus et\n magnis dis parturient montes, nascetur ridiculus mus.\n
\n
\n
\n\n
\n \n
\n
Center-aligned media
\n
\n Cras sit amet nibh libero, in gravida nulla. Nulla vel\n metus scelerisque ante sollicitudin. Cras purus odio,\n vestibulum in vulputate at, tempus viverra turpis. Fusce\n condimentum nunc ac nisi vulputate fringilla. Donec\n lacinia congue felis in faucibus.\n
\n
\n Donec sed odio dui. Nullam quis risus eget urna mollis\n ornare vel eu leo. Cum sociis natoque penatibus et\n magnis dis parturient montes, nascetur ridiculus mus.\n
\n
\n
\n\n
\n \n
\n
Bottom-aligned media
\n
\n Cras sit amet nibh libero, in gravida nulla. Nulla vel\n metus scelerisque ante sollicitudin. Cras purus odio,\n vestibulum in vulputate at, tempus viverra turpis. Fusce\n condimentum nunc ac nisi vulputate fringilla. Donec\n lacinia congue felis in faucibus.\n
\n
\n Donec sed odio dui. Nullam quis risus eget urna mollis\n ornare vel eu leo. Cum sociis natoque penatibus et\n magnis dis parturient montes, nascetur ridiculus mus.\n
\n
\n
\n \n \n \n \n \n
\n \n )\n}\n\nexport default UiImages\n","import React, { useState } from \"react\"\nimport MetaTags from 'react-meta-tags';\n\nimport {\n Row,\n Col,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n CardText,\n Button,\n Modal,\n ModalHeader,\n ModalBody,\n Container,\n} from \"reactstrap\"\nimport { Link } from \"react-router-dom\"\n\n//Lightbox\nimport Lightbox from \"react-image-lightbox\"\nimport \"react-image-lightbox/style.css\"\nimport ModalVideo from \"react-modal-video\"\nimport \"react-modal-video/scss/modal-video.scss\"\n\n// import image\nimport img1 from \"../../assets/images/small/img-1.jpg\"\nimport img2 from \"../../assets/images/small/img-2.jpg\"\nimport img3 from \"../../assets/images/small/img-3.jpg\"\nimport img4 from \"../../assets/images/small/img-4.jpg\"\nimport img5 from \"../../assets/images/small/img-5.jpg\"\nimport img6 from \"../../assets/images/small/img-6.jpg\"\nimport img7 from \"../../assets/images/small/img-7.jpg\"\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\"\n\nconst images = [img1, img2, img3, img4, img5, img6]\n\nconst UiLightbox = () => {\n const [photoIndex, setphotoIndex] = useState(0)\n const [isFits, setisFits] = useState(false)\n const [isEffects, setisEffects] = useState(false)\n const [isGallery, setisGallery] = useState(false)\n const [isGalleryZoom, setisGalleryZoom] = useState(false)\n const [isOpen, setisOpen] = useState(false)\n const [isOpen1, setisOpen1] = useState(false)\n const [modal, setmodal] = useState(false)\n\n return (\n \n
\n Modals are streamlined, but flexible dialog prompts\n powered by JavaScript. They support a number of use cases\n from user notification to completely custom content and\n feature a handful of helpful subcomponents, sizes, and\n more.\n
\n\n \n
\n
\n
\n
Modal title
\n \n \n
\n
\n
One fine body…
\n
\n
\n \n \n Close\n \n
\n
\n
\n
\n \n \n \n \n \n
\n \n \n \n Default Modal\n \n
Toggle a working modal demo by clicking the button below. It will slide down and fade in from the top of the page.
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
\n
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in,\n egestas eget quam. Morbi leo risus, porta ac\n consectetur ac, vestibulum at eros.
\n
Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.
\n
Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor\n fringilla.
\n
Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in,\n egestas eget quam. Morbi leo risus, porta ac\n consectetur ac, vestibulum at eros.
\n
Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.
\n
Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor\n fringilla.
\n
Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in,\n egestas eget quam. Morbi leo risus, porta ac\n consectetur ac, vestibulum at eros.
Modals have three optional sizes, available via modifier classes to be placed on a .modal-dialog.
\n
\n {\n tog_xlarge();\n }}\n className=\"btn btn-primary \"\n data-toggle=\"modal\"\n data-target=\".bs-example-modal-xl\"\n >\n Extra large modal\n \n {\n tog_large();\n }}\n className=\"btn btn-light \"\n data-toggle=\"modal\"\n data-target=\".bs-example-modal-lg\"\n >\n Large modal\n \n {\n tog_small();\n }}\n className=\"btn btn-success \"\n data-toggle=\"modal\"\n data-target=\".bs-example-modal-sm\"\n >\n Small modal\n \n
\n\n
\n {\n tog_xlarge();\n }}\n >\n
\n \n Extra large modal\n \n {\n setmodal_xlarge(false);\n }}\n type=\"button\"\n className=\"close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n >\n ×\n \n
\n
\n
Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in,\n egestas eget quam. Morbi leo risus, porta ac\n consectetur ac, vestibulum at eros.
\n
Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.
\n
Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor\n fringilla.
Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in,\n egestas eget quam. Morbi leo risus, porta ac\n consectetur ac, vestibulum at eros.
\n
Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.
\n
Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor\n fringilla.
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
\n
\n \n
\n \n \n \n\n
\n \n \n \n Vertically Centered\n \n
Add .modal-dialog-centered to .modal-dialog to vertically center the modal.
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
\n
\n \n
\n \n \n \n\n
\n \n \n \n Scrollable modal\n \n
Another override is the option to pop up a modal that covers the user viewport, available via modifier classes that are placed on a .modal-dialog.
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
\n
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
\n
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
\n
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
\n
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
\n
\n Cras mattis consectetur purus sit amet fermentum.\n Cras justo odio, dapibus ac facilisis in, egestas\n eget quam. Morbi leo risus, porta ac consectetur\n ac, vestibulum at eros.\n
\n
\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Vivamus sagittis lacus vel\n augue laoreet rutrum faucibus dolor auctor.\n
\n
\n Aenean lacinia bibendum nulla sed consectetur.\n Praesent commodo cursus magna, vel scelerisque\n nisl consectetur et. Donec sed odio dui. Donec\n ullamcorper nulla non metus auctor fringilla.\n
\n Progress components are built with two HTML elements, some\n CSS to set the width, and a few attributes.\n
\n \n \n
\n
\n \n
{\" \"}\n\n
\n \n
\n\n
\n \n
\n\n
\n \n
\n
\n \n \n \n\n
\n \n \n Backgrounds\n
\n Use background utility classes to change the appearance of\n individual progress bars.\n
\n \n \n
\n
\n \n
\n\n
\n \n
\n\n
\n \n
\n\n
\n \n
\n
\n \n \n \n \n\n \n
\n \n \n Labels Example\n
\n Add labels to your progress bars by placing text within\n the{\" \"}\n .progress-bar.\n
\n \n \n
\n \n
\n \n \n \n\n
\n \n \n Multiple bars\n
\n Include multiple progress bars in a progress component if\n you need.\n
\n \n \n
\n \n
\n \n \n \n \n\n \n
\n \n \n Height\n
\n We only set a{\" \"}\n height value on\n the{\" \"}\n .progress-bar,\n so if you change that value the outer{\" \"}\n .progress will\n automatically resize accordingly.\n
\n \n \n
\n
\n
Progress sm
\n \n
\n
\n
Progress md
\n \n
\n
\n
Progress lg
\n \n
\n
\n
Progress xl
\n \n
\n
\n \n \n \n\n
\n \n \n Striped\n
\n Add striped {\" \"}\n to any to apply a stripe via CSS gradient over the\n progress bar’s background color.\n
\n \n \n
\n
\n \n
\n\n
\n \n
\n\n
\n \n \n \n \n Animated stripes\n
\n The striped gradient can also be\n animated. Add .progress-bar-animated to .progress-bar to animate the\n stripes right to left via CSS3 animations.\n
\n \n \n
\n \n
\n \n \n \n \n\n \n
\n \n \n Animated Progress\n
\n Add .animated-progess class with .progress-bar for animated progressbar.\n
\n \n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n \n \n
\n \n \n Custom progress\n
\n Example of Custom progress\n
\n \n \n
\n
\n \n
\n \n \n \n
\n
\n\n
\n \n
\n \n \n \n
\n
\n\n
\n \n
\n \n \n \n
\n
\n
\n \n \n \n \n \n
\n \n \n \n Progress Example\n \n \n \n
You can use these classes with existing components to create new ones.
\n {confirm_alert ? (\n {\n setconfirm_alert(false)\n setsuccess_dlg(true)\n setdynamic_title(\"Deleted\")\n setdynamic_description(\"Your file has been deleted.\")\n }}\n onCancel={() => setconfirm_alert(false)}\n >\n You won't be able to revert this!\n \n ) : null}\n \n\n
\n
\n
\n By passing a parameter, you can execute something else for\n "Cancel“.\n
\n {img_html ? (\n \n HTML example!\n \n }\n warning\n onConfirm={() => {\n setimg_html(false)\n }}\n >\n You can use bold text, links and other HTML tags\n \n ) : null}\n \n
\n Use the tab JavaScript plugin—include it individually or\n through the compiled{\" \"}\n bootstrap.js{\" \"}\n file—to extend our navigational tabs and pills to create\n tabbable panes of local content, even via dropdown menus.\n
\n\n \n\n \n \n \n
\n \n Raw denim you probably haven't heard of them jean\n shorts Austin. Nesciunt tofu stumptown aliqua, retro\n synth master cleanse. Mustache cliche tempor,\n williamsburg carles vegan helvetica. Reprehenderit\n butcher retro keffiyeh dreamcatcher synth. Cosby\n sweater eu banh mi, qui irure terry richardson ex\n squid. Aliquip placeat salvia cillum iphone. Seitan\n aliquip quis cardigan american apparel, butcher\n voluptate nisi qui.\n \n \n \n \n \n \n
\n \n Food truck fixie locavore, accusamus mcsweeney's\n marfa nulla single-origin coffee squid. Exercitation\n +1 labore velit, blog sartorial PBR leggings next\n level wes anderson artisan four loko farm-to-table\n craft beer twee. Qui photo booth letterpress,\n commodo enim craft beer mlkshk aliquip jean shorts\n ullamco ad vinyl cillum PBR. Homo nostrud organic,\n assumenda labore aesthetic magna delectus mollit.\n Keytar helvetica VHS salvia yr, vero magna velit\n sapiente labore stumptown. Vegan fanny pack odio\n cillum wes anderson 8-bit.\n \n \n \n \n \n \n
\n \n Etsy mixtape wayfarers, ethical wes anderson tofu\n before they sold out mcsweeney's organic lomo retro\n fanny pack lo-fi farm-to-table readymade. Messenger\n bag gentrify pitchfork tattooed craft beer, iphone\n skateboard locavore carles etsy salvia banksy hoodie\n helvetica. DIY synth PBR banksy irony. Leggings\n gentrify squid 8-bit cred pitchfork. Williamsburg\n banh mi whatever gluten-free, carles pitchfork\n biodiesel fixie etsy retro mlkshk vice blog.\n Scenester cred you probably haven't heard of them,\n vinyl craft beer blog stumptown. Pitchfork\n sustainable tofu synth chambray yr.\n \n \n \n \n \n \n
\n \n Trust fund seitan letterpress, keytar raw denim\n keffiyeh etsy art party before they sold out master\n cleanse gluten-free squid scenester freegan cosby\n sweater. Fanny pack portland seitan DIY, art party\n locavore wolf cliche high life echo park Austin.\n Cred vinyl keffiyeh DIY salvia PBR, banh mi before\n they sold out farm-to-table VHS viral locavore cosby\n sweater. Lomo wolf viral, mustache readymade\n thundercats keffiyeh craft beer marfa ethical. Wolf\n salvia freegan, sartorial keffiyeh echo park vegan.\n \n \n \n \n \n \n \n \n\n
\n \n \n Justify Tabs\n
\n Use the tab JavaScript plugin—include it individually or\n through the compiled{\" \"}\n bootstrap.js{\" \"}\n file—to extend our navigational tabs and pills to create\n tabbable panes of local content, even via dropdown menus.\n
\n\n \n\n \n \n \n
\n \n Raw denim you probably haven't heard of them jean\n shorts Austin. Nesciunt tofu stumptown aliqua, retro\n synth master cleanse. Mustache cliche tempor,\n williamsburg carles vegan helvetica. Reprehenderit\n butcher retro keffiyeh dreamcatcher synth. Cosby\n sweater eu banh mi, qui irure terry richardson ex\n squid. Aliquip placeat salvia cillum iphone. Seitan\n aliquip quis cardigan american apparel, butcher\n voluptate nisi qui.\n \n \n \n \n \n \n
\n \n Food truck fixie locavore, accusamus mcsweeney's\n marfa nulla single-origin coffee squid. Exercitation\n +1 labore velit, blog sartorial PBR leggings next\n level wes anderson artisan four loko farm-to-table\n craft beer twee. Qui photo booth letterpress,\n commodo enim craft beer mlkshk aliquip jean shorts\n ullamco ad vinyl cillum PBR. Homo nostrud organic,\n assumenda labore aesthetic magna delectus mollit.\n Keytar helvetica VHS salvia yr, vero magna velit\n sapiente labore stumptown. Vegan fanny pack odio\n cillum wes anderson 8-bit.\n \n \n \n \n \n \n
\n \n Etsy mixtape wayfarers, ethical wes anderson tofu\n before they sold out mcsweeney's organic lomo retro\n fanny pack lo-fi farm-to-table readymade. Messenger\n bag gentrify pitchfork tattooed craft beer, iphone\n skateboard locavore carles etsy salvia banksy hoodie\n helvetica. DIY synth PBR banksy irony. Leggings\n gentrify squid 8-bit cred pitchfork. Williamsburg\n banh mi whatever gluten-free, carles pitchfork\n biodiesel fixie etsy retro mlkshk vice blog.\n Scenester cred you probably haven't heard of them,\n vinyl craft beer blog stumptown. Pitchfork\n sustainable tofu synth chambray yr.\n \n \n \n \n\n \n \n
\n \n Trust fund seitan letterpress, keytar raw denim\n keffiyeh etsy art party before they sold out master\n cleanse gluten-free squid scenester freegan cosby\n sweater. Fanny pack portland seitan DIY, art party\n locavore wolf cliche high life echo park Austin.\n Cred vinyl keffiyeh DIY salvia PBR, banh mi before\n they sold out farm-to-table VHS viral locavore cosby\n sweater. Lomo wolf viral, mustache readymade\n thundercats keffiyeh craft beer marfa ethical. Wolf\n salvia freegan, sartorial keffiyeh echo park vegan.\n \n \n \n \n \n \n \n \n \n\n \n
\n \n \n Custom Tabs With Icon\n
\n Example of custom tabs with icon\n
\n\n \n\n \n \n \n
\n \n Raw denim you probably haven't heard of them jean\n shorts Austin. Nesciunt tofu stumptown aliqua, retro\n synth master cleanse. Mustache cliche tempor,\n williamsburg carles vegan helvetica. Reprehenderit\n butcher retro keffiyeh dreamcatcher synth. Cosby\n sweater eu banh mi, qui irure terry richardson ex\n squid. Aliquip placeat salvia cillum iphone. Seitan\n aliquip quis cardigan american apparel, butcher\n voluptate nisi qui.\n \n \n \n \n \n \n
\n \n Food truck fixie locavore, accusamus mcsweeney's\n marfa nulla single-origin coffee squid. Exercitation\n +1 labore velit, blog sartorial PBR leggings next\n level wes anderson artisan four loko farm-to-table\n craft beer twee. Qui photo booth letterpress,\n commodo enim craft beer mlkshk aliquip jean shorts\n ullamco ad vinyl cillum PBR. Homo nostrud organic,\n assumenda labore aesthetic magna delectus mollit.\n Keytar helvetica VHS salvia yr, vero magna velit\n sapiente labore stumptown. Vegan fanny pack odio\n cillum wes anderson 8-bit.\n \n \n \n \n \n \n
\n \n Etsy mixtape wayfarers, ethical wes anderson tofu\n before they sold out mcsweeney's organic lomo retro\n fanny pack lo-fi farm-to-table readymade. Messenger\n bag gentrify pitchfork tattooed craft beer, iphone\n skateboard locavore carles etsy salvia banksy hoodie\n helvetica. DIY synth PBR banksy irony. Leggings\n gentrify squid 8-bit cred pitchfork. Williamsburg\n banh mi whatever gluten-free, carles pitchfork\n biodiesel fixie etsy retro mlkshk vice blog.\n Scenester cred you probably haven't heard of them,\n vinyl craft beer blog stumptown. Pitchfork\n sustainable tofu synth chambray yr.\n \n \n \n \n \n \n
\n \n Trust fund seitan letterpress, keytar raw denim\n keffiyeh etsy art party before they sold out master\n cleanse gluten-free squid scenester freegan cosby\n sweater. Fanny pack portland seitan DIY, art party\n locavore wolf cliche high life echo park Austin.\n Cred vinyl keffiyeh DIY salvia PBR, banh mi before\n they sold out farm-to-table VHS viral locavore cosby\n sweater. Lomo wolf viral, mustache readymade\n thundercats keffiyeh craft beer marfa ethical. Wolf\n salvia freegan, sartorial keffiyeh echo park vegan.\n \n \n \n \n \n \n \n \n
\n \n \n Custom Tabs\n
Example of custom tabs
\n\n \n\n \n \n \n
\n \n Raw denim you probably haven't heard of them jean\n shorts Austin. Nesciunt tofu stumptown aliqua, retro\n synth master cleanse. Mustache cliche tempor,\n williamsburg carles vegan helvetica. Reprehenderit\n butcher retro keffiyeh dreamcatcher synth. Cosby\n sweater eu banh mi, qui irure terry richardson ex\n squid. Aliquip placeat salvia cillum iphone. Seitan\n aliquip quis cardigan american apparel, butcher\n voluptate nisi qui.\n \n \n \n \n \n \n
\n \n Food truck fixie locavore, accusamus mcsweeney's\n marfa nulla single-origin coffee squid. Exercitation\n +1 labore velit, blog sartorial PBR leggings next\n level wes anderson artisan four loko farm-to-table\n craft beer twee. Qui photo booth letterpress,\n commodo enim craft beer mlkshk aliquip jean shorts\n ullamco ad vinyl cillum PBR. Homo nostrud organic,\n assumenda labore aesthetic magna delectus mollit.\n Keytar helvetica VHS salvia yr, vero magna velit\n sapiente labore stumptown. Vegan fanny pack odio\n cillum wes anderson 8-bit.\n \n \n \n \n \n \n
\n \n Etsy mixtape wayfarers, ethical wes anderson tofu\n before they sold out mcsweeney's organic lomo retro\n fanny pack lo-fi farm-to-table readymade. Messenger\n bag gentrify pitchfork tattooed craft beer, iphone\n skateboard locavore carles etsy salvia banksy hoodie\n helvetica. DIY synth PBR banksy irony. Leggings\n gentrify squid 8-bit cred pitchfork. Williamsburg\n banh mi whatever gluten-free, carles pitchfork\n biodiesel fixie etsy retro mlkshk vice blog.\n Scenester cred you probably haven't heard of them,\n vinyl craft beer blog stumptown. Pitchfork\n sustainable tofu synth chambray yr.\n \n \n \n \n \n \n
\n \n Trust fund seitan letterpress, keytar raw denim\n keffiyeh etsy art party before they sold out master\n cleanse gluten-free squid scenester freegan cosby\n sweater. Fanny pack portland seitan DIY, art party\n locavore wolf cliche high life echo park Austin.\n Cred vinyl keffiyeh DIY salvia PBR, banh mi before\n they sold out farm-to-table VHS viral locavore cosby\n sweater. Lomo wolf viral, mustache readymade\n thundercats keffiyeh craft beer marfa ethical. Wolf\n salvia freegan, sartorial keffiyeh echo park vegan.\n \n \n \n \n \n \n \n \n \n \n
\n \n \n Vertical Nav Tabs\n
\n Example of Vertical nav tabs\n
\n \n
\n \n \n
\n \n \n
\n Raw denim you probably haven't heard of them jean\n shorts Austin. Nesciunt tofu stumptown aliqua, retro\n synth master cleanse. Mustache cliche tempor,\n williamsburg carles vegan helvetica. Reprehenderit\n butcher retro keffiyeh dreamcatcher synth. Cosby\n sweater eu banh mi, qui irure terry richardson ex\n squid. Aliquip placeat salvia cillum iphone. Seitan\n aliquip quis cardigan.\n
\n
\n Reprehenderit butcher retro keffiyeh dreamcatcher\n synth. Cosby sweater eu banh mi, qui irure terry\n richardson ex squid.\n
\n \n \n
\n Food truck fixie locavore, accusamus mcsweeney's\n marfa nulla single-origin coffee squid. Exercitation\n +1 labore velit, blog sartorial PBR leggings next\n level wes anderson artisan four loko farm-to-table\n craft beer twee. Qui photo booth letterpress,\n commodo enim craft beer mlkshk.\n
\n
\n {\" \"}\n Qui photo booth letterpress, commodo enim craft beer\n mlkshk aliquip jean shorts ullamco ad vinyl cillum\n PBR. Homo nostrud organic, assumenda labore\n aesthetic magna 8-bit\n
\n \n \n
\n Etsy mixtape wayfarers, ethical wes anderson tofu\n before they sold out mcsweeney's organic lomo retro\n fanny pack lo-fi farm-to-table readymade. Messenger\n bag gentrify pitchfork tattooed craft beer, iphone\n skateboard locavore carles etsy salvia banksy hoodie\n helvetica. DIY synth PBR banksy irony. Leggings\n gentrify squid 8-bit cred.\n
\n Trust fund seitan letterpress, keytar raw denim\n keffiyeh etsy art party before they sold out master\n cleanse gluten-free squid scenester freegan cosby\n sweater. Fanny pack portland seitan DIY, art party\n locavore wolf cliche high life echo park Austin.\n Cred vinyl keffiyeh DIY salvia PBR, banh mi before\n they sold out farm-to-table.\n
\n
\n Fanny pack portland seitan DIY, art party locavore\n wolf cliche high life echo park Austin. Cred vinyl\n keffiyeh DIY salvia PBR, banh mi before they sold\n out farm-to-table.\n
\n \n \n \n \n \n \n \n
\n \n \n \n Vertical Nav Tabs With Icon\n \n
\n Example of Vertical nav tabs with icon\n
\n \n
\n \n \n
\n \n \n
\n Raw denim you probably haven't heard of them jean\n shorts Austin. Nesciunt tofu stumptown aliqua, retro\n synth master cleanse. Mustache cliche tempor,\n williamsburg carles vegan helvetica. Reprehenderit\n butcher retro keffiyeh dreamcatcher synth. Cosby\n sweater eu banh mi, qui irure terry richardson ex\n squid. Aliquip placeat salvia cillum iphone. Seitan\n aliquip quis cardigan.\n
\n
\n Reprehenderit butcher retro keffiyeh dreamcatcher\n synth. Cosby sweater eu banh mi, qui irure terry\n richardson ex squid.\n
\n \n \n
\n Food truck fixie locavore, accusamus mcsweeney's\n marfa nulla single-origin coffee squid. Exercitation\n +1 labore velit, blog sartorial PBR leggings next\n level wes anderson artisan four loko farm-to-table\n craft beer twee. Qui photo booth letterpress,\n commodo enim craft beer mlkshk.\n
\n
\n {\" \"}\n Qui photo booth letterpress, commodo enim craft beer\n mlkshk aliquip jean shorts ullamco ad vinyl cillum\n PBR. Homo nostrud organic, assumenda labore\n aesthetic magna 8-bit\n
\n \n \n
\n Etsy mixtape wayfarers, ethical wes anderson tofu\n before they sold out mcsweeney's organic lomo retro\n fanny pack lo-fi farm-to-table readymade. Messenger\n bag gentrify pitchfork tattooed craft beer, iphone\n skateboard locavore carles etsy salvia banksy hoodie\n helvetica. DIY synth PBR banksy irony. Leggings\n gentrify squid 8-bit cred.\n
\n Trust fund seitan letterpress, keytar raw denim\n keffiyeh etsy art party before they sold out master\n cleanse gluten-free squid scenester freegan cosby\n sweater. Fanny pack portland seitan DIY, art party\n locavore wolf cliche high life echo park Austin.\n Cred vinyl keffiyeh DIY salvia PBR, banh mi before\n they sold out farm-to-table.\n
\n
\n Fanny pack portland seitan DIY, art party locavore\n wolf cliche high life echo park Austin. Cred vinyl\n keffiyeh DIY salvia PBR, banh mi before they sold\n out farm-to-table.\n
\n \n \n \n \n \n \n \n \n\n \n
\n \n \n Collapse\n \n
\n
\n
Example
\n
\n You can use a link with the{\" \"}\n href{\" \"}\n attribute, or a button with the{\" \"}\n data-target{\" \"}\n attribute. In both cases, the{\" \"}\n \n {\" \"}\n data-toggle="collapse“\n {\" \"}\n is required.\n
\n\n
\n \n Link with href{\" \"}\n \n \n Button with data-target\n \n
\n \n \n \n Anim pariatur cliche reprehenderit, enim eiusmod\n high life accusamus terry richardson ad squid.\n Nihil anim keffiyeh helvetica, craft beer labore\n wes anderson cred nesciunt sapiente ea proident.\n \n \n \n
\n \n
\n
\n
Multiple targets
\n
\n A <button> or{\" \"}\n <a> can show and hide multiple\n elements by referencing them with a selector in its{\" \"}\n href or data-bs-target{\" \"}\n attribute.\n
\n\n
\n \n Toggle first element\n \n \n Toggle second element\n \n\n \n Toggle both element\n \n
\n
\n
\n \n \n \n Anim pariatur cliche reprehenderit, enim\n eiusmod high life accusamus terry richardson\n ad squid. Nihil anim keffiyeh helvetica, craft\n beer labore wes anderson cred nesciunt\n sapiente ea proident.\n \n \n \n
\n
\n \n \n \n Anim pariatur cliche reprehenderit, enim\n eiusmod high life accusamus terry richardson\n ad squid. Nihil anim keffiyeh helvetica, craft\n beer labore wes anderson cred nesciunt\n sapiente ea proident.\n \n \n \n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n Accordion\n
\n Extend the default collapse behavior to create an\n accordion.\n
\n\n
\n
\n
\n \n Accordion Item #1\n \n
\n\n \n
\n
\n \n This is the first item's accordion body.\n {\" \"}\n It is hidden by default, until the collapse plugin\n adds the appropriate classes that we use to style\n each element. These classes control the overall\n appearance, as well as the showing and hiding via\n CSS transitions. You can modify any of this with\n custom CSS or overriding our default variables.\n It's also worth noting that just about any HTML\n can go within the .accordion-body,\n though the transition does limit overflow.\n
\n
\n \n
\n
\n
\n \n Accordion Item #2\n \n
\n\n \n
\n
\n \n This is the second item's accordion body.\n {\" \"}\n It is hidden by default, until the collapse plugin\n adds the appropriate classes that we use to style\n each element. These classes control the overall\n appearance, as well as the showing and hiding via\n CSS transitions. You can modify any of this with\n custom CSS or overriding our default variables.\n It's also worth noting that just about any HTML\n can go within the .accordion-body,\n though the transition does limit overflow.\n
\n
\n \n
\n
\n
\n \n Accordion Item #3\n \n
\n \n
\n
\n \n This is the third item's accordion body.\n {\" \"}\n It is hidden by default, until the collapse plugin\n adds the appropriate classes that we use to style\n each element. These classes control the overall\n appearance, as well as the showing and hiding via\n CSS transitions. You can modify any of this with\n custom CSS or overriding our default variables.\n It's also worth noting that just about any HTML\n can go within the .accordion-body,\n though the transition does limit overflow.\n
\n
\n \n
\n
\n \n
\n
\n Flush\n
\n Add .accordion-flush to remove the default{\" \"}\n background-color, some borders, and some\n rounded corners to render accordions edge-to-edge with\n their parent container.\n
\n\n \n
\n
\n \n Accordion Item #1\n \n
\n\n \n
\n
\n \n This is the first item's accordion body.\n {\" \"}\n It is hidden by default, until the collapse\n plugin adds the appropriate classes that we use\n to style each element. These classes control the\n overall appearance, as well as the showing and\n hiding via CSS transitions. You can modify any\n of this with custom CSS or overriding our\n default variables. It's also worth noting that\n just about any HTML can go within the{\" \"}\n .accordion-body, though the\n transition does limit overflow.\n
\n
\n \n
\n
\n
\n \n Accordion Item #2\n \n
\n\n \n
\n
\n \n This is the second item's accordion body.\n {\" \"}\n It is hidden by default, until the collapse\n plugin adds the appropriate classes that we use\n to style each element. These classes control the\n overall appearance, as well as the showing and\n hiding via CSS transitions. You can modify any\n of this with custom CSS or overriding our\n default variables. It's also worth noting that\n just about any HTML can go within the{\" \"}\n .accordion-body, though the\n transition does limit overflow.\n
\n
\n \n
\n
\n \n \n Accordion Item #3\n \n \n \n
\n
\n \n This is the third item's accordion body.\n {\" \"}\n It is hidden by default, until the collapse\n plugin adds the appropriate classes that we use\n to style each element. These classes control the\n overall appearance, as well as the showing and\n hiding via CSS transitions. You can modify any\n of this with custom CSS or overriding our\n default variables. It's also worth noting that\n just about any HTML can go within the{\" \"}\n .accordion-body, though the\n transition does limit overflow.\n
\n
\n \n
\n
\n
\n \n \n \n \n \n \n \n \n )\n}\n\nexport default UiTabsAccordions\n","import React from \"react\";\nimport MetaTags from \"react-meta-tags\";\nimport {\n Card,\n Row,\n Col,\n CardBody,\n CardTitle,\n Container,\n Media,\n} from \"reactstrap\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\n\nconst UiTypography = () => {\n return (\n \n
Traditional heading elements are designed to work best in the meat of your page content.
\n\n
Display 1
\n
Display 2
\n
Display 3
\n
Display 4
\n
Display 5
\n
Display 6
\n\n \n \n \n \n \n
\n \n \n Inline text elements\n
\n Styling for common inline HTML5 elements.\n
\n\n
\n Vivamus sagittis lacus vel augue laoreet rutrum faucibus\n dolor auctor.\n
\n
\n You can use the mark tag to highlight text.\n
\n
\n \n This line of text is meant to be treated as deleted\n text.\n \n
\n
\n \n This line of text is meant to be treated as no longer\n accurate.\n \n
\n
\n \n This line of text is meant to be treated as an addition\n to the document.\n \n
\n
\n This line of text will render as underlined\n
\n
\n \n This line of text is meant to be treated as fine print.\n \n
\n
\n This line rendered as bold text.\n
\n
\n This line rendered as italicized text.\n
\n \n \n \n
\n \n \n Unstyled List\n
\n Remove the default{\" \"}\n list-style and\n left margin on list items (immediate children only).{\" \"}\n \n This only applies to immediate children list items\n \n , meaning you will need to add the className for any\n nested lists as well.\n
\n\n
\n
Integer molestie lorem at massa
\n
\n Nulla volutpat aliquam velit\n
\n
Phasellus iaculis neque
\n
Purus sodales ultricies
\n
Vestibulum laoreet porttitor sem
\n
\n
\n
Faucibus porta lacus fringilla vel
\n
\n \n \n \n \n \n Inline List\n \n
Remove a list’s bullets and apply some\n light margin with a combination\n of two classes, .list-inline and\n .list-inline-item.
\n\n
\n
Lorem ipsum
\n
Phasellus iaculis
\n
Nulla volutpat
\n
\n \n \n \n \n \n
\n \n \n Blockquotes\n
\n For quoting blocks of content from another source within\n your document. Wrap{\" \"}\n \n <blockquote className="blockquote">\n {\" \"}\n around any{\" \"}\n HTML as the\n quote.\n
\n \n
\n
\n
\n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n Integer posuere erat a ante.\n
\n \n
\n
\n \n
\n
\n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n Integer posuere erat a ante.\n
\n \n
\n \n \n \n \n \n \n \n
\n \n \n Description list alignment\n
\n Align terms and descriptions horizontally by using our\n grid system’s predefined classNamees (or semantic mixins).\n For longer terms, you can optionally add a{\" \"}\n .text-truncate{\" \"}\n className to truncate the text with an ellipsis.\n
\n\n
\n
Description lists
\n
\n A description list is perfect for defining terms.\n
\n\n
Euismod
\n
\n Vestibulum id ligula porta felis euismod semper eget\n lacinia odio sem nec elit.\n
\n
\n Donec id elit non mi porta gravida at eget metus.\n
\n\n
Malesuada porta
\n
\n Etiam porta sem malesuada magna mollis euismod.\n
\n\n
\n Truncated term is truncated\n
\n
\n Fusce dapibus, tellus ac cursus commodo, tortor mauris\n condimentum nibh, ut fermentum massa justo sit amet\n risus.\n
\n\n
Nesting
\n
\n
\n
Nested definition list
\n
\n Aenean posuere, tortor sed cursus feugiat, nunc\n augue blandit nunc.\n
\n
\n
\n
\n \n \n \n \n \n
\n \n )\n}\nexport default UiTypography\n","import React from \"react\"\nimport MetaTags from 'react-meta-tags';\n\nimport { Card, CardBody, CardSubtitle, CardTitle, Col, Container, Row } from \"reactstrap\"\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\"\n\nconst UiVideo = () => {\n return (\n \n
\n Session timeout and keep-alive control with a nice\n Bootstrap warning dialog.\n
\n\n
\n
\n After a set amount of idle time, a Bootstrap warning\n dialog is shown to the user with the option to either\n log out, or stay connected. If "Logout“ button is\n selected, the page is redirected to a logout URL. If\n "Stay Connected“ is selected the dialog closes and the\n session is kept alive. If no option is selected after\n another set amount of idle time, the page is\n automatically redirected to a set timeout URL.\n
\n
\n Idle time is defined as no mouse, keyboard or touch\n event activity registered by the browser.\n
\n\n
\n As long as the user is active, the (optional) keep-alive\n URL keeps getting pinged and the session stays alive. If\n you have no need to keep the server-side session alive\n via the keep-alive URL, you can also use this plugin as\n a simple lock mechanism that redirects to your\n lock-session or log-out URL after a set amount of idle\n time.\n
\n Navigation drawers can toggle open or closed. Closed by default, the drawer opens temporarily above all other content until a section is selected.\n
\n \n )\n}\n\nexport default PagesStarter\n","import PropTypes from 'prop-types'\nimport React from \"react\"\nimport { Col, Card, CardBody } from \"reactstrap\"\n\nconst CardMaintenance = props => {\n return (\n \n
\n \n {props.children}\n \n \n \n )\n}\n\nCardMaintenance.propTypes = {\n children: PropTypes.any\n}\n\nexport default CardMaintenance\n","export default __webpack_public_path__ + \"static/media/maintenance.938d28ce.svg\";","import React from \"react\"\nimport MetaTags from 'react-meta-tags';\nimport { Link } from \"react-router-dom\"\nimport { Container, Row, Col } from \"reactstrap\"\n\n//Import Cards\nimport CardMaintenance from \"./card-maintenance\"\n\n//Import Images\nimport maintenance from \"../../assets/images/maintenance.svg\"\nimport logo from \"../../assets/images/logo-dark.png\"\n\nconst PagesMaintenance = () => {\n return (\n \n \n \n Maintenance | Skote - React Admin & Dashboard Template\n \n \n \n
\n
\n
\n \n \n \n
\n\n \n
\n
\n \n
\n \n \n
Site is Under Maintenance
\n
Please check back in sometime.
\n\n \n \n \n
\n Why is the Site Down?\n
\n
\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration.\n
\n \n\n \n \n
\n What is the Downtime?\n
\n
\n Contrary to popular belief, Lorem Ipsum is not simply\n random text. It has roots in a piece of classNameical.\n
\n \n\n \n \n
\n Do you need Support?\n
\n
\n If you are going to use a passage of Lorem Ipsum, you need\n to be sure there isn't anything embar..\n \n no-reply@domain.com\n \n
\n \n \n
\n \n \n \n \n \n )\n}\n\nexport default PagesMaintenance\n","export default __webpack_public_path__ + \"static/media/coming-soon.58c6b560.svg\";","import React from \"react\"\nimport MetaTags from 'react-meta-tags';\nimport { Link } from \"react-router-dom\"\nimport { Container, Row, Col } from \"reactstrap\"\n\n//Import Countdown\nimport Countdown from \"react-countdown\"\n\n//Import Images\nimport logo from \"../../assets/images/logo-dark.png\"\nimport maintanence from \"../../assets/images/coming-soon.svg\"\n\nconst PagesComingsoon = () => {\n const renderer = ({ days, hours, minutes, seconds, completed }) => {\n if (completed) {\n // Render a completed state\n return You are good to go!\n } else {\n return (\n <>\n
\n It will be as simple as Occidental in fact it will be\n Occidental.\n
\n\n \n
\n
\n \n
\n \n \n
\n \n \n \n
\n \n )\n}\n\nexport default PagesComingsoon\n","import React, { useState } from \"react\"\nimport MetaTags from 'react-meta-tags';\nimport { Row, Col, Card, CardBody, CardTitle } from \"reactstrap\"\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\"\n\nconst PagesTimeline = () => {\n const [step1, setStep1] = useState(true)\n const [step2, setStep2] = useState(false)\n const statuses = [\n {\n id: 1,\n stausTitle: \"Ordered\",\n iconClass: \"bx-copy-alt\",\n description: \"New common language will be more simple than existing.\",\n },\n {\n id: 2,\n stausTitle: \"Packed\",\n iconClass: \"bx-package\",\n description:\n \"To an English person, it will seem like simplified English existence.\",\n },\n {\n id: 3,\n stausTitle: \"Shipped\",\n iconClass: \"bx-car\",\n description:\n \"It will be as simple as occidental in fact it will be Cambridge\",\n },\n {\n id: 4,\n stausTitle: \"Delivered\",\n iconClass: \"bx-badge-check\",\n description:\n \"To an English person, it will seem like simplified English existence.\",\n },\n ];\n\n return (\n \n
\n \n )\n}\n\nexport default Pages404\n","import React from \"react\"\nimport { Link } from \"react-router-dom\"\nimport MetaTags from 'react-meta-tags';\nimport { Container, Row, Col } from \"reactstrap\"\n\n//Import Images\nimport error from \"../../assets/images/error-img.png\"\n\nconst Pages500 = () => {\n return (\n \n
\n \n \n \n \n \n );\n};\n\nHeader.propTypes = {\n changeSidebarType: PropTypes.func,\n leftMenu: PropTypes.any,\n leftSideBarType: PropTypes.any,\n showRightSidebar: PropTypes.any,\n showRightSidebarAction: PropTypes.func,\n t: PropTypes.any,\n user: PropTypes.any,\n toggleLeftmenu: PropTypes.func\n};\n\nconst mapStatetoProps = state => {\n const {\n layoutType,\n showRightSidebar,\n leftMenu,\n leftSideBarType,\n } = state.Layout;\n return { layoutType, showRightSidebar, leftMenu, leftSideBarType };\n};\n\nexport default connect(mapStatetoProps, {\n showRightSidebarAction,\n toggleLeftmenu,\n changeSidebarType,\n})(withTranslation()(Header));\n","import PropTypes from \"prop-types\"\nimport React, { useEffect, useRef } from \"react\"\n\n// //Import Scrollbar\nimport SimpleBar from \"simplebar-react\"\n\n// MetisMenu\nimport MetisMenu from \"metismenujs\"\nimport { withRouter } from \"react-router-dom\"\nimport { Link } from \"react-router-dom\"\n\n//i18n\nimport { withTranslation } from \"react-i18next\"\n\nconst SidebarContent = props => {\n const ref = useRef()\n // Use ComponentDidMount and ComponentDidUpdate method symultaniously\n useEffect(() => {\n const pathName = props.location.pathname\n\n const initMenu = () => {\n new MetisMenu(\"#side-menu\")\n let matchingMenuItem = null\n const ul = document.getElementById(\"side-menu\")\n const items = ul.getElementsByTagName(\"a\")\n for (let i = 0; i < items.length; ++i) {\n if (pathName === items[i].pathname) {\n matchingMenuItem = items[i]\n break\n }\n }\n if (matchingMenuItem) {\n activateParentDropdown(matchingMenuItem)\n }\n }\n initMenu()\n }, [props.location.pathname])\n\n useEffect(() => {\n ref.current.recalculate()\n })\n\n function scrollElement(item) {\n if (item) {\n const currentPosition = item.offsetTop\n if (currentPosition > window.innerHeight) {\n ref.current.getScrollElement().scrollTop = currentPosition - 300\n }\n }\n }\n\n function activateParentDropdown(item) {\n item.classList.add(\"active\")\n const parent = item.parentElement\n const parent2El = parent.childNodes[1]\n if (parent2El && parent2El.id !== \"side-menu\") {\n parent2El.classList.add(\"mm-show\")\n }\n\n if (parent) {\n parent.classList.add(\"mm-active\")\n const parent2 = parent.parentElement\n\n if (parent2) {\n parent2.classList.add(\"mm-show\") // ul tag\n\n const parent3 = parent2.parentElement // li tag\n\n if (parent3) {\n parent3.classList.add(\"mm-active\") // li\n parent3.childNodes[0].classList.add(\"mm-active\") //a\n const parent4 = parent3.parentElement // ul\n if (parent4) {\n parent4.classList.add(\"mm-show\") // ul\n const parent5 = parent4.parentElement\n if (parent5) {\n parent5.classList.add(\"mm-show\") // li\n parent5.childNodes[0].classList.add(\"mm-active\") // a tag\n }\n }\n }\n }\n scrollElement(item);\n return false\n }\n scrollElement(item);\n return false\n }\n\n return (\n \n \n
\n
\n
{props.t(\"Menu\")}
\n
\n \n \n {props.t(\"Inicio\")}\n \n
\n
\n \n \n {props.t(\"Profile\")}\n \n
\n\n
\n \n \n {props.t(\"Material y envase\")}\n \n
\n\n
\n \n \n {props.t(\"Muestras\")}\n \n
\n\n
\n \n \n {props.t(\"Alertas\")}\n \n
\n\n
\n \n \n {props.t(\"Pedidos\")}\n \n
\n\n
\n \n \n {props.t(\"Hoja de custodia\")}\n \n
\n \n
\n \n \n {props.t(\"Facturas\")}\n \n
\n\n
\n \n \n {props.t(\"Incidencia\")}\n \n
\n
\n \n \n {props.t(\"FAQS\")}\n \n
\n
\n \n \n {props.t(\"Contacto\")}\n \n
\n \n
\n
\n \n \n )\n}\n\nSidebarContent.propTypes = {\n location: PropTypes.object,\n t: PropTypes.any,\n}\n\nexport default withRouter(withTranslation()(SidebarContent))\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router-dom\";\n\n//i18n\nimport { withTranslation } from \"react-i18next\";\nimport SidebarContent from \"./SidebarContent\";\n\nimport { Link } from \"react-router-dom\";\n\nimport logo from \"../../assets/images/logo.svg\";\nimport logoLightPng from \"../../assets/images/labaqua/labaqua-logo.png\";\nimport logoLightSvg from \"../../assets/images/labaqua/labaqua-logo.png\";\nimport logoDark from \"../../assets/images/labaqua/labaqua-logo.png\";\n\n\n\nconst Sidebar = props => {\n\n return (\n \n
\n \n