Merge pull request #179 from Lemoncode/feature/#178-add-new-info-to-a…

…bout-us

added new info about us

apps/react-app/src/common-app/components/card/card.component.tsx

@@ -5,11 +5,12 @@ interface Props {
   avatar: string;
   name: string;
   job: string;
+  linkedin_url: string;
   description: string;
 }
 
 export const Card: React.FC<Props> = (props: Props) => {
-  const { avatar, name, job, description } = props;
+  const { avatar, name, job, linkedin_url, description } = props;
   return (
     <div className={classes.root}>
       <div className={classes.avatar}>
@@ -18,6 +19,9 @@ export const Card: React.FC<Props> = (props: Props) => {
       <div className={classes.name}>{name}</div>
       <div className={classes.job}>{job}</div>
       <div className={classes.description}>{description}</div>
+      <a href={linkedin_url} target="_blank">
+        <img src="./assets/logo-linkedin.svg" alt="linkedin image" />
+      </a>
     </div>
   );
 };

apps/react-app/src/pods/about-us/data-json.ts

@@ -2,6 +2,7 @@ interface User {
   avatar: string;
   name: string;
   job: string;
+  linkedin_url: string;
   description: string;
 }
 
@@ -10,28 +11,40 @@ export const userList: User[] = [
     avatar: './assets/teresa.jpg',
     name: 'Teresa Milanés',
     job: 'Frontend Developer',
+    linkedin_url: 'https://www.linkedin.com/in/mteresamb/',
     description:
       'Soy  MªTeresa,  desarrolladora  de  aplicaciones  web  enfocada  en el  Frontend  y diseño UI- UX.Combino habilidades en diseño y comprensión de la experiencia de usuario para crear interfaces atractivas y funcionales',
   },
   {
     avatar: './assets/flavio.png',
     name: 'Flavio Forte',
     job: 'Frontend Developer',
+    linkedin_url: 'https://www.linkedin.com/in/flavio-forte-/',
     description:
       'Soy un desarrollador Front End, hace dos años arranque mi carrera cursando un Bootcamp de fundamentos, y me especialice cursando el Máster Front End Lemoncode, en la actualidad me encuentro colaborando en proyectos tales como ManfredExport y complementado mis capacidades cursando el Bootcamp Backend Lemoncode.',
   },
   {
     avatar: './assets/juan-berrocal.png',
     name: 'Juan Berrocal',
     job: 'Frontend Developer',
+    linkedin_url: 'https://www.linkedin.com/in/juan-berrocal-rudner/',
     description:
       'Graduado en informática de sistemas, gestioné la empresa familiar, fui freelance y desde hace tiempo trabajo en logística para una multinacional de alimentación. Las nuevas tecnologías brindan hoy unas posibilidades impensables hace unos años y estoy reciclándome para incorporarme a este fascinante mundo.',
   },
   {
     avatar: './assets/adolfo-zambrana.png',
     name: 'Adolfo Zambrana',
     job: 'Frontend Developer',
+    linkedin_url: 'https://www.linkedin.com/in/adolfo-zambrana-gilabert-a37776b5/',
     description:
       'Buenas, me llamo Adolfo Zambrana, soy programador FrontEnd, diseñador gráfico e Ilustrador, y durante estos últimos años he estado trabajando y formándome como programador Front-End especialista en experiencia de usuario.',
   },
+  {
+    avatar: './assets/abel-de-tena-torres.jpg',
+    name: 'Abel de Tena',
+    job: 'Frontend Developer',
+    linkedin_url: 'https://www.linkedin.com/in/abeldetena/',
+    description:
+      'Desarrollador Front End, cursé el bootcamp de JavaScript de Lemoncode y decidí dar un giro a mi carrera profesional para volcarme en la programación. Mi carrera se ha centrado en puestos de gestión, relacionados con mis estudios (Finanzas y Contabilidad, Logística). No obstante, tras cursar el bootcamp de JavaScript de Lemoncode, decidí dar un giro a mi carrera profesional y volcarme en el mundo de la programación. Actualmente, estoy cursando el Máster Front End de Lemoncode, donde sigo ampliando mis habilidades en el desarrollo web.',
+  },
 ];