25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

88 lines
4.1 KiB

  1. import React from "react";
  2. import { makeStyles } from "@material-ui/core/styles";
  3. // core components
  4. import GridContainer from "components/Grid/GridContainer.js";
  5. import Button from "components/CustomButtons/Button.js";
  6. import GridItem from "components/Grid/GridItem.js";
  7. import Card from "components/Card/Card.js";
  8. import Icon from "@material-ui/core/Icon";
  9. import styles from "assets/jss/nextjs-material-kit/pages/landingPageSections/workStyle.js";
  10. import Carousel from "react-slick";
  11. import Container from '@material-ui/core/Container';
  12. import Typography from '@material-ui/core/Typography';
  13. import Paper from '@material-ui/core/Paper';
  14. import Grid from '@material-ui/core/Grid';
  15. import stylecss from "pages-sections/home/business-partner.css";
  16. import yamaha from 'assets/img/home/yamaha1.jpg';
  17. import suzuki from 'assets/img/home/suzuki.jpg';
  18. import mercedes from 'assets/img/home/mercedes.jpg';
  19. import hino from 'assets/img/home/hino.jpg';
  20. import honda from 'assets/img/home/honda.jpg';
  21. import pim from 'assets/img/home/pim.jpg';
  22. import emilia from 'assets/img/home/emilia.jpg';
  23. import bpr from 'assets/img/home/bpr.jpg';
  24. import home from 'assets/img/home/home.jpg';
  25. const useStyles = makeStyles(styles);
  26. export default function WorkSection() {
  27. const classes = useStyles();
  28. console.log(stylecss.container);
  29. return (
  30. <div>
  31. <GridContainer justify="center" color="dark">
  32. <GridItem xs={12} sm={12}>
  33. <h2 className={classes.title}>Thamrin Group Businees Partner</h2>
  34. </GridItem>
  35. </GridContainer>
  36. <div className={classes.root}>
  37. <Grid container spacing={3}>
  38. <Grid item xs={12} sm={12} className={classes.marginAuto}>
  39. <Carousel>
  40. <div className="container">
  41. <img src={yamaha} alt="Snow" style={{width:"100%"}}/>
  42. <Button href="/yamaha/home" target="_blank" className="btn">Visit Page</Button>
  43. </div>
  44. </Carousel>
  45. </Grid>
  46. <Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}>
  47. <Carousel>
  48. <div className="container">
  49. <img src={suzuki} alt="Snow" style={{width:"100%"}}/>
  50. <Button href="/suzuki/home" target="_blank" className="btn">Visit Page</Button>
  51. </div>
  52. </Carousel>
  53. </Grid>
  54. <Grid item xs={12} sm={12} style={{marginTop:"-31px"}} className={classes.marginAuto}>
  55. <Carousel>
  56. <div className="container">
  57. <img src={honda} alt="Snow" style={{width:"100%"}}/>
  58. <Button href="/honda/home" target="_blank" className="btn">Visit Page</Button>
  59. </div>
  60. </Carousel>
  61. </Grid>
  62. <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
  63. <Carousel><img src={hino}/></Carousel>
  64. </Grid>
  65. <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
  66. <Carousel><img src={mercedes}/></Carousel>
  67. </Grid>
  68. <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
  69. <Carousel><img src={emilia}/></Carousel>
  70. </Grid>
  71. <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
  72. <Carousel><img src={bpr}/></Carousel>
  73. </Grid>
  74. <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
  75. <Carousel><img src={pim}/></Carousel>
  76. </Grid>
  77. <Grid item xs={12} sm={12} style={{marginTop:"-25px"}} className={classes.marginAuto}>
  78. <Carousel><img src={home}/></Carousel>
  79. </Grid>
  80. </Grid>
  81. </div>
  82. </div>
  83. );
  84. }