..

srini047 · Feb 25, 2024 · ac24f7e · ac24f7e
1 parent 2c4e228
commit ac24f7e
Showing 1 changed file with 51 additions and 13 deletions.
diff --git a/src/components/Timeline.js b/src/components/Timeline.js
@@ -10,21 +10,41 @@ import { MdWork } from "react-icons/md";
 import { BsPencilFill } from "react-icons/bs";
 import { CgGoogle } from "react-icons/cg";
 import { MdDownloading } from "react-icons/md";
+import { SiZoho } from "react-icons/si";
 
 const Timeline = () => {
   return (
     <div>
       <VerticalTimeline>
+        {/* <VerticalTimelineElement
+          className="vertical-timeline-element--work"
+          contentStyle={{ background: "rgb(0, 0, 0)", color: "#fff" }}
+          date="Feb 2024 - Present"
+          iconStyle={{ background: "rgb(0, 0, 0)", color: "#fff" }}
+          icon={<SiZoho />}
+        >
+          <h3 className="vertical-timeline-element-subtitle">Zoho</h3>
+          <h5 className="vertical-timeline-element-title">
+            <i>Project Trainee</i>
+          </h5>
+          <p>C++, Python</p>
+        </VerticalTimelineElement> */}
+
         <VerticalTimelineElement
           className="vertical-timeline-element--work"
           contentStyle={{ background: "rgb(0, 0, 0)", color: "#fff" }}
-          date="Jan 2023 - present"
+          date="Feb 2023 - Jan 2024"
           iconStyle={{ background: "rgb(0, 0, 0)", color: "#fff" }}
           icon={<MdWork />}
         >
-          <h3 className="vertical-timeline-element-title">Devrel Intern</h3>
-          <h4 className="vertical-timeline-element-subtitle">Naas.ai</h4>
-          <p>Fullstack web development, Python development, Open-source, Technical documentation</p>
+          <h3 className="vertical-timeline-element-subtitle">naas.ai</h3>
+          <h5 className="vertical-timeline-element-title">
+            <i>Software Developer Intern</i>
+          </h5>
+          <p>
+            Fullstack web development, Python development, Open-source,
+            Technical documentation
+          </p>
         </VerticalTimelineElement>
 
         <VerticalTimelineElement
@@ -34,9 +54,14 @@ const Timeline = () => {
           iconStyle={{ background: "rgb(0, 0, 0)", color: "#fff" }}
           icon={<BsPencilFill />}
         >
-          <h3 className="vertical-timeline-element-title">Technical Content Writing Intern</h3>
-          <h4 className="vertical-timeline-element-subtitle">Codedamn</h4>
-          <p>Published 15 blogs in domains of Python, Web development, Data Science, Machine Learning, C-C++</p>
+          <h3 className="vertical-timeline-element-subtitle">Codedamn</h3>
+          <h5 className="vertical-timeline-element-title">
+            <i>Technical Content Writing Intern</i>
+          </h5>
+          <p>
+            Published 15 blogs in domains of Python, Web development, Data
+            Science, Machine Learning, C-C++
+          </p>
         </VerticalTimelineElement>
 
         <VerticalTimelineElement
@@ -46,9 +71,17 @@ const Timeline = () => {
           iconStyle={{ background: "rgb(0, 0, 0)", color: "#fff" }}
           icon={<MdWork />}
         >
-          <h3 className="vertical-timeline-element-title">Research Intern</h3>
-          <h4 className="vertical-timeline-element-subtitle">CVT(Coronavirus Visualization) Team</h4>
-          <p>Been a part of multinational team of interns in Analysis of the Impact of the Pandemic on School Closures due to Covid-19 and presented our research to panel of Harvard researchers.</p>
+          <h3 className="vertical-timeline-element-subtitle">
+            CVT(Coronavirus Visualization) Team
+          </h3>
+          <h5 className="vertical-timeline-element-title">
+            <i>Research Intern</i>
+          </h5>
+          <p>
+            Been a part of multinational team of interns in Analysis of the
+            Impact of the Pandemic on School Closures due to Covid-19 and
+            presented our research to panel of Harvard researchers.
+          </p>
         </VerticalTimelineElement>
 
         <VerticalTimelineElement
@@ -58,9 +91,14 @@ const Timeline = () => {
           iconStyle={{ background: "rgb(0, 0, 0)", color: "#fff" }}
           icon={<CgGoogle />}
         >
-          <h3 className="vertical-timeline-element-title">GDSC Lead</h3>
-          <h4 className="vertical-timeline-element-subtitle">PSG iTech</h4>
-          <p>Learnt about Google technologies like TensorFlow, Firebase, Angular & hosted events on the similar technologies</p>
+          <h3 className="vertical-timeline-element-subtitle">PSG iTech</h3>
+          <h5 className="vertical-timeline-element-title">
+            <i>GDSC Lead</i>
+          </h5>
+          <p>
+            Learnt about Google technologies like TensorFlow, Firebase, Angular
+            & hosted events on the similar technologies
+          </p>
         </VerticalTimelineElement>
 
         <VerticalTimelineElement