text: import bootstrap from "../../modules/svg/bootstrap.svg";
  import css from "../../modules/svg/css.svg";
  import express from "../../modules/svg/express.svg";
  import github from "../../modules/svg/github.svg";
  import html from "../../modules/svg/html.svg";
  import javascript from "../../modules/svg/javascript.svg";
  import jest from "../../modules/svg/jest.svg";
  import mongodb from "../../modules/svg/mongodb.svg";
  import mongoose from "../../modules/svg/mongoose.svg";
  import nodejs from "../../modules/svg/nodejs.svg";
  import react from "../../modules/svg/react.svg";
  import redux from "../../modules/svg/redux.svg";
  import restApi from "../../modules/svg/restApi.svg";
  import sass from "../../modules/svg/sass.svg";
  import mySQL from "../../modules/svg/mysql.svg";
  
  // * Just an import module for order and setting the parameters of the icons
  
  export const front = [
    { logo: html, title: "Html", width: "50px" },
    { logo: css, title: "CSS", width: "50px" },
    { logo: bootstrap, title: "Bootstrap", width: "55px" },
    { logo: sass, title: "Sass", width: "70px" },
    { logo: javascript, title: "Javascript", width: "50px" },
    { logo: react, title: "React", width: "65px" },
    { logo: redux, title: "Redux", width: "60px" },
    { logo: jest, title: "Jest", width: "50px" },
  ];
  
  export const back = [
    { logo: nodejs, title: "Nodejs", width: "55px" },
    { logo: express, title: "Express", width: "80px" },
    { logo: mongodb, title: "MongoDB", width: "80px" },
    { logo: mongoose, title: "Mongoose", width: "80px" },
    { logo: restApi, title: "Rest API", width: "55px" },
    { logo: mySQL, title: "MySQL", width: "60px" },
    { logo: github, title: "Github", width: "55px" },
  ];
  