You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

77 line
3.3 KiB

  1. import React from "react";
  2. import PropTypes from "prop-types";
  3. import classNames from "classnames";
  4. import { List, ListItem } from "@material-ui/core";
  5. import { makeStyles } from "@material-ui/core/styles";
  6. import Favorite from "@material-ui/icons/Favorite";
  7. import GridContainer from "components/Grid/GridContainer.js";
  8. import Grid from '@material-ui/core/Grid';
  9. import GridItem from "components/Grid/GridItem.js";
  10. import Paper from '@material-ui/core/Paper';
  11. import Card from "components/Card/Card.js";
  12. import styles from "assets/jss/nextjs-material-kit/components/footerStyle.js";
  13. import NSCB from "assets/img/nscb.png";
  14. import Suzuki from "assets/img/Suzuki.png";
  15. const useStyles = makeStyles(styles);
  16. export default function Footer(props) {
  17. const classes = useStyles();
  18. const { whiteFont } = props;
  19. const footerClasses = classNames({
  20. [classes.footer]: true,
  21. [classes.footerWhiteFont]: whiteFont
  22. });
  23. const aClasses = classNames({
  24. [classes.a]: true,
  25. [classes.footerWhiteFont]: whiteFont
  26. });
  27. return (
  28. <GridItem xs={12}><br/><br/>
  29. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
  30. <div align="center">
  31. <List className={classes.list}>
  32. <ListItem className={classes.inlineBlock}>
  33. <a href="/suzuki/home" className={classes.block} > Home </a>
  34. </ListItem>
  35. <ListItem className={classes.inlineBlock}>
  36. <a href="/suzuki/product/product" className={classes.block}> Product </a>
  37. </ListItem>
  38. <ListItem className={classes.inlineBlock}>
  39. <a href="/suzuki/latestsnews" className={classes.block}> Latest News </a>
  40. </ListItem>
  41. <ListItem className={classes.inlineBlock}>
  42. <a href="/suzuki/carrer" className={classes.block}> Carrer </a>
  43. </ListItem>
  44. <ListItem className={classes.inlineBlock}>
  45. <a href="/suzuki/about_us/aboutus" className={classes.block}> About Us </a>
  46. </ListItem>
  47. </List>
  48. </div>
  49. <div align="center">
  50. <List className={classes.list}>
  51. <ListItem className={classes.inlineBlock} style={{padding:"10px"}}>
  52. <a href="#" class="fa fa-facebook"></a>
  53. </ListItem>
  54. <ListItem className={classes.inlineBlock} style={{padding:"10px"}}>
  55. <a href="#" class="fa fa-instagram"></a>
  56. </ListItem>
  57. <ListItem className={classes.inlineBlock} style={{padding:"10px"}}>
  58. <a href="#" class="fa fa-twitter"></a>
  59. </ListItem>
  60. <ListItem className={classes.inlineBlock} style={{padding:"10px"}}>
  61. <a href="#" class="fa fa-youtube"></a>
  62. </ListItem>
  63. </List>
  64. </div><br/><br/>
  65. <div align="center">
  66. &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Brothers
  67. </div><br/><br/>
  68. </GridItem>
  69. );
  70. }
  71. Footer.propTypes = {
  72. whiteFont: PropTypes.bool
  73. };