From 059b33c0945a6606aac02a769814406c71b6ee38 Mon Sep 17 00:00:00 2001 From: Akshat Jalan <Jalanakshat2@gmail.com> Date: Sun, 3 Dec 2023 22:02:12 +0530 Subject: [PATCH] added company experience and changed web color --- index.html | 23 +++++++++++++++++++++-- style.css | 33 +++++++++++++++++++++------------ 2 files changed, 42 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index be3e90e..7f85b64 100644 --- 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 index 494ba8e..010c457 100644 --- 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; }