No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 

107 líneas
7.5 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. const useStyles = makeStyles(styles);
  11. export default function WorkSection() {
  12. const classes = useStyles();
  13. return (
  14. <div>
  15. <GridContainer justify="center">
  16. <GridItem xs={12} sm={12} md={8}>
  17. <h2 className={classes.title}>Thamrin Group Businees Partner</h2>
  18. </GridItem>
  19. </GridContainer>
  20. <div className={classes.section} id="notifications" style={{marginTop:"-150px"}}>
  21. <div className={classes.section}>
  22. <div className={classes.container}>
  23. <GridContainer>
  24. <GridItem className={classes.marginAuto}>
  25. <Card carousel style={{width:"1290px", marginLeft:"-90px"}}>
  26. <img src="https://images.tokopedia.net/img/BgtCLw/2020/6/23/d7ff56cc-6c77-4259-b4c4-f36da093d591.jpg?ect=4g" alt="First slide" className="slick-image" />
  27. </Card>
  28. <div align="center">
  29. <Button color="info" round href="/yamaha/home" style={{width:"200px", marginTop:"-150px"}}>
  30. <Icon className={classes.icons}>open_in_new</Icon>Visit Page
  31. </Button>
  32. </div>
  33. <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
  34. <img src="https://www.suzukithamrin.com/wp-content/uploads/2020/11/ertiga_dekstop-scaled.jpg" alt="First slide" className="slick-image" />
  35. </Card>
  36. <div align="center">
  37. <Button color="info" round href="/suzuki/home" style={{width:"200px", marginTop:"-150px"}}>
  38. <Icon className={classes.icons}>open_in_new</Icon>Visit Page
  39. </Button>
  40. </div>
  41. <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
  42. <img src="https://automotive.thamrin.co.id/wp-content/uploads/2019/07/hino-slider.jpg" alt="First slide" className="slick-image" />
  43. </Card>
  44. <div align="center">
  45. <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
  46. <Icon className={classes.icons}>open_in_new</Icon>Visit Page
  47. </Button>
  48. </div>
  49. <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
  50. <img src="http://automotive.thamrin.co.id/wp-content/uploads/2020/06/Promotion_1.jpg" alt="First slide" className="slick-image" />
  51. </Card>
  52. <div align="center">
  53. <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
  54. <Icon className={classes.icons}>open_in_new</Icon>Visit Page
  55. </Button>
  56. </div>
  57. <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
  58. <img src="https://cdn.infobrand.id/images/img/posts/2018/08/24/siap-memperluas-jaringan-dealer-resmi-mercedes-benz-indonesia-perkenalkan-dealer-terbarunya-pt-thamrin-citra-abadi-di-palembang.jpg" alt="First slide" className="slick-image" />
  59. </Card>
  60. <div align="center">
  61. <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
  62. <Icon className={classes.icons}>open_in_new</Icon>Visit Page
  63. </Button>
  64. </div>
  65. <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
  66. <img src="https://hallo.palembang.go.id/petalokasi/login/assets/file/gambar/pim.jpg" alt="First slide" className="slick-image" />
  67. </Card>
  68. <div align="center">
  69. <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
  70. <Icon className={classes.icons}>open_in_new</Icon>Visit Page
  71. </Button>
  72. </div>
  73. <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
  74. <img src="https://s-light.tiket.photos/t/01E25EBZS3W0FY9GTG6C42E1SE/rsfit00gsm/tix-hotel/images-web/2020/11/15/78227b37-5913-433d-8fb1-0e614e8fb8f6-1605456088844-950925dd50353815a9937ed196ffea3e.jpg" alt="First slide" className="slick-image" />
  75. </Card>
  76. <div align="center">
  77. <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
  78. <Icon className={classes.icons}>open_in_new</Icon>Visit Page
  79. </Button>
  80. </div>
  81. <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
  82. <img src="https://orator.id/wp-content/uploads/2018/10/IMG_20181030_045630.jpg" alt="First slide" className="slick-image" />
  83. </Card>
  84. <div align="center">
  85. <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
  86. <Icon className={classes.icons}>open_in_new</Icon>Visit Page
  87. </Button>
  88. </div>
  89. <Card carousel style={{width:"1290px", marginTop:"-55px", marginLeft:"-90px"}}>
  90. <img src="https://homes.thamrin.co.id/wp-content/uploads/2020/02/Palembang-Villa-2.jpg" alt="First slide" className="slick-image" />
  91. </Card>
  92. <div align="center">
  93. <Button color="info" round href={"#"} style={{width:"200px", marginTop:"-150px"}}>
  94. <Icon className={classes.icons}>open_in_new</Icon>Visit Page
  95. </Button>
  96. </div>
  97. </GridItem>
  98. </GridContainer>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. );
  104. }