Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 

1 wiersz
3.4 KiB

  1. {"ast":null,"code":"var __jsx = React.createElement;\nimport React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\"; // core components\n\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Card from \"components/Card/Card.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/landingPageSections/workStyle.js\";\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid'; //image\n\nimport img1 from \"assets/img/gallery/1.jpg\";\nimport img2 from \"assets/img/gallery/2.jpg\";\nimport img3 from \"assets/img/gallery/3.jpg\";\nimport img4 from \"assets/img/gallery/4.jpg\";\nimport img5 from \"assets/img/gallery/5.jpg\";\nimport img6 from \"assets/img/gallery/6.jpg\";\nimport img7 from \"assets/img/gallery/7.jpg\";\nimport img8 from \"assets/img/gallery/8.jpg\";\nvar useStyles = makeStyles(styles);\nexport default function WorkSection() {\n var classes = useStyles();\n return __jsx(\"div\", {\n id: \"gallery\"\n }, __jsx(\"br\", null), __jsx(\"h3\", {\n className: classes.title\n }, \"Thamrin Group Gallery\"), __jsx(\"div\", {\n className: classes.section,\n id: \"notifications\",\n style: {\n marginTop: \"-150px\"\n }\n }, __jsx(\"div\", {\n className: classes.section\n }, __jsx(\"div\", {\n className: classes.container,\n align: \"center\"\n }, __jsx(Grid, {\n container: true,\n style: {\n padding: \"10px\"\n }\n }, __jsx(Grid, {\n item: true,\n xs: 3,\n style: {\n padding: \"10px\"\n }\n }, __jsx(Card, null, __jsx(\"img\", {\n src: img1,\n alt: \"First slide\",\n className: \"slick-image\"\n }))), __jsx(Grid, {\n item: true,\n xs: 3,\n style: {\n padding: \"10px\"\n }\n }, __jsx(Card, null, __jsx(\"img\", {\n src: img2,\n alt: \"First slide\",\n className: \"slick-image\"\n }))), __jsx(Grid, {\n item: true,\n xs: 3,\n style: {\n padding: \"10px\"\n }\n }, __jsx(Card, null, __jsx(\"img\", {\n src: img3,\n alt: \"First slide\",\n className: \"slick-image\"\n }))), __jsx(Grid, {\n item: true,\n xs: 3,\n style: {\n padding: \"10px\"\n }\n }, __jsx(Card, null, __jsx(\"img\", {\n src: img4,\n alt: \"First slide\",\n className: \"slick-image\"\n })))), __jsx(Grid, {\n container: true,\n style: {\n padding: \"10px\",\n marginTop: \"-80px\"\n }\n }, __jsx(Grid, {\n item: true,\n xs: 3,\n style: {\n padding: \"10px\"\n }\n }, __jsx(Card, null, __jsx(\"img\", {\n src: img5,\n alt: \"First slide\",\n className: \"slick-image\"\n }))), __jsx(Grid, {\n item: true,\n xs: 3,\n style: {\n padding: \"10px\"\n }\n }, __jsx(Card, null, __jsx(\"img\", {\n src: img6,\n alt: \"First slide\",\n className: \"slick-image\"\n }))), __jsx(Grid, {\n item: true,\n xs: 3,\n style: {\n padding: \"10px\"\n }\n }, __jsx(Card, null, __jsx(\"img\", {\n src: img7,\n alt: \"First slide\",\n className: \"slick-image\"\n }))), __jsx(Grid, {\n item: true,\n xs: 3,\n style: {\n padding: \"10px\"\n }\n }, __jsx(Card, null, __jsx(\"img\", {\n src: img8,\n alt: \"First slide\",\n className: \"slick-image\"\n }))))))));\n}","map":null,"metadata":{},"sourceType":"module"}