init commit

frontend/resume-builder/src/components/ResumeSections/WorkExperience.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+const WorkExperience = ({
+  company,
+  role,
+  duration,
+  durationColor,
+  description,
+}) => {
+  return <div className="mb-5">
+      <div className="flex items-start justify-between">
+        <div>
+          <h3 className="text-[15px] font-semibold text-gray-900">
+            {company}
+          </h3>
+          <p className="text-[15px] text-gray-700 font-medium">{role}</p>
+        </div>
+
+        <p className="text-xs font-bold italic" style={{color: durationColor}}>
+          {duration}
+        </p>
+      </div>
+
+      <p className="text-sm text-gray-600 font-medium italic mt-[0.2cqw]">
+        {description}
+      </p>
+    </div>
+};
+
+export default WorkExperience;