Updated Experience Section

1hanzla100 · 1hanzla100 · commit 72be2d503c95 · 2021-01-11T19:46:17.000+05:00
diff --git a/src/components/home/Experience.jsx b/src/components/home/Experience.jsx
@@ -7,7 +7,7 @@ import {
 
 const Experience = ({experiences}) => {
     return (  
-        <section className="section section-lg">
+        <section className="section section-lg mb-5">
             <Container>
             <h2 className="display-4 pb-5 text-center">
                     Experiences
diff --git a/src/components/home/ExperienceCard.jsx b/src/components/home/ExperienceCard.jsx
@@ -2,27 +2,26 @@ import React from 'react';
 
 import { 
     Col,
-    Button,
     Card
  } from "react-bootstrap";
 const ExperienceCard = ({data}) => {
     return ( 
         <Col lg="4">
-             <Card className="shadow-lg--hover shadow border-0 text-center rounded my-2">
+             <Card className="shadow-lg--hover shadow border-0 text-center rounded m-3">
                <Card.Header>
                     <h5>{data.company}</h5>
                 </Card.Header>
                 <Card.Body className="py-5">
                     <Card.Img className=" bg-white rounded-circle mb-3 img-center img-fluid shadow-lg" src={data.companylogo} style={{ width: "100px" }} alt=""/>
-                    <Card.Title tag="h5">{data.role}</Card.Title>
+                    <Card.Title tag="h5">{data.heading}</Card.Title>
                     <Card.Subtitle>{data.date}</Card.Subtitle>
                     <Card.Text className="my-3 text-left">
-                        {data.desc}
+                        {data.description}
                     </Card.Text>
                     <ul className="text-left">
                             {
-                                data.descBullets ? 
-                                data.descBullets.map((desc) => {
+                                data.descriptionBullets ? 
+                                data.descriptionBullets.map((desc) => {
                                     return <li key={desc}>{desc}</li>
                                 }) : null
                             }
diff --git a/src/editable-stuff/config.js b/src/editable-stuff/config.js
@@ -134,31 +134,31 @@ const experiences = {
   show: true,
   data: [
     {
-      role: 'Software Engineer',
-      company: 'Quora',
+      heading: 'Software Engineer', // Here add your role in job role role 
+      company: 'Quora', // Here Add Company Name
       companylogo: require('../assets/img/quoraLogo.png'),
-      date: 'June 2018 – Present',
-      desc:
-        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      descBullets: [
+      date: 'June 2018 – Present', // DUration of Job
+      description: 
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',// Add Description
+      descriptionBullets: [
         'Lorem ipsum dolor sit amet',
         'Lorem ipsum dolor sit amet.',
-      ],
+      ], // Description Bullets (Show Description as a list) (optional)
     },
     {
-      role: 'Front-End Developer',
+      heading: 'Front-End Developer',
       company: 'Facebook',
       companylogo: require('../assets/img/facebookLogo.png'),
       date: 'May 2017 – May 2018',
-      desc:
+      description:
         'Lorem ipsum dolor sit amet, consefdctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
     },
     {
-      role: 'Software Engineer Intern',
+      heading: 'Software Engineer Intern',
       company: 'Airbnb',
       companylogo: require('../assets/img/airbnbLogo.png'),
       date: 'Jan 2015 – Sep 2015',
-      desc:
+      description:
         'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
     },
   ]
