added company experience and changed web color

Akshatjalan · Dec 3, 2023 · 059b33c · 059b33c
1 parent 94f430c
commit 059b33c
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -109,8 +109,27 @@
         </div>
 
         <div class="experienceSection">
-          <div class="experienceItem">Software Engineer</div>
-          <div class="experienceItem">Sr. Tech Associate</div>
+          <div class="experienceItem">
+            <div class="experienceName">Software Engineer</div>
+            <div class="experienceDesc">
+              Software Engineer at Bank of America. My role involves working
+              with a full-stack technology stack, including ReactJs, Python
+              FastAPI, and SQL Oracle database. I have expertise in utilizing
+              ReactJS to design engaging and responsive user interfaces.
+              Additionally, I have proficiency in Python FastAPI and SQL Oracle
+              database, enabling me to create scalable and reliable back-end
+              systems.
+            </div>
+          </div>
+          <div class="experienceItem">
+            <div class="experienceName">Sr. Tech Associate</div>
+            <div class="experienceDesc">
+              Senior Tech Associate at Bank of America. My role involves working
+              with a full-stack technology stack, including ReactJs, Python
+              FastAPI, and SQL Oracle database. I have expertise in utilizing
+              ReactJS to design engaging and responsive user
+            </div>
+          </div>
         </div>
       </div>
 

diff --git a/style.css b/style.css
@@ -169,11 +169,21 @@ html {
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  background-color: #131315;
-  color: #8a8a93;
   border-radius: 20px;
-  font-size: 28px;
-  font-weight: 500;
+  padding: 32px;
+  gap: 20px;
+}
+
+.experienceName {
+  color: #fff;
+  font-size: 32px;
+  font-weight: 600;
+}
+
+.experienceDesc {
+  color: #8a8a93;
+  font-size: 24px;
+  font-weight: 600;
 }
 
 .companySection {
@@ -185,7 +195,6 @@ html {
   background-color: #131315;
   color: #fff;
   border-radius: 20px;
-  font-size: 36px;
   font-weight: 600;
   padding: 32px;
 }
@@ -205,7 +214,7 @@ html {
 .companySkillName {
   font-size: 18px;
   text-align: center;
-  background-color: #ba0e32;
+  background-color: #ff6522;
   padding: 8px;
   width: 80px;
   border-radius: 10px;
@@ -247,7 +256,7 @@ html {
   transition: all ease-in-out 0.2s;
 }
 .projectLink:hover {
-  background-color: #ba0e32;
+  background-color: #ff6522;
   transform: scale(1.05);
   cursor: pointer;
 }
@@ -300,7 +309,7 @@ html {
   padding: 16px;
 }
 .socialLink:hover {
-  background-color: #ba0e32;
+  background-color: #ff6522;
   transition: all ease-in-out 0.6s;
   cursor: pointer;
 }
@@ -309,7 +318,7 @@ html {
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: #ba0e32;
+  background-color: #ff6522;
   color: #fff;
   border-radius: 36px;
   font-size: 24px;
@@ -318,7 +327,7 @@ html {
   padding: 16px;
 }
 .socialEmailLink:hover {
-  background-color: #ba0e33b0;
+  background-color: #cc3d00;
   transition: all ease-in-out 0.4s;
   cursor: pointer;
 }
@@ -345,14 +354,14 @@ html {
 
 .contactButton {
   text-align: center;
-  background-color: #ba0e32;
+  background-color: #ff6522;
   padding: 20px;
   border-radius: 40px;
   width: 60%;
 }
 
 .contactButton:hover {
-  background-color: #ba0e33b0;
+  background-color: #cc3d00;
   transition: all ease-in-out 0.4s;
 }