P001

assets/css/education.css

@@ -188,7 +188,7 @@ p {
   top: 80%;
 }
 #mooc .card {
-  border-radius: 5px;
+  border-radius: 10px;
   background: var(--tint-col);
   box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05);
   transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12),
@@ -206,6 +206,13 @@ p {
   background-color: var(--bg1-color);
   padding: 1px;
 }
+
+#mooc .card-img-top {
+  width: 100%; /* Makes the image fully occupy the container width */
+  height: 150px; /* Sets a fixed height */
+  object-fit: container; /* Ensures the image covers the area without losing its aspect ratio */
+}
+
 /* SVG animation */
 #Girl {
   animation: swing ease-in-out 1s infinite alternate;

assets/css/techstack.css

@@ -51,14 +51,15 @@ html {
     border: none;
     border-radius: 13px;
     background-color: rgb(65, 62, 65);
-    width: 45.7vw;
-    margin:3.5em 30px;
+    width: 20vw;
+    height: 20vw;
+    margin:2em 30px;
     padding: 20px;
     box-shadow: 0px 0px 15px 2px black;
 }
 html[light-mode="light"] .tech_card{
     background-color: white;
-    color: #303030;
+    color: #313131;
     box-shadow: 0px 0px 10px #303030;
 }
 .tech_card img{

assets/js/education.js

@@ -5,67 +5,42 @@ AOS.init();
 const moocs = document.querySelector(".moocs");
 const moocscards = [
   {
-    title: "Data Science",
-    cardImage: "assets/images/education-page/coursera2.svg",
-    moocLink: "https://www.coursera.org/browse/data-science",
-  },
-  {
-    title: "Cryptography",
-    cardImage: "assets/images/education-page/udemy.svg",
-    moocLink: "https://www.udemy.com/course/cryptography-for-beginners/",
+    title: "Google Data Analytics ",
+    cardImage: "assets/images/education-page/coursera2.svg"
+    // moocLink: "https://www.coursera.org/browse/data-science",
   },
   {
     title: "Machine Learning",
-    cardImage: "assets/images/education-page/coursera2.svg",
-    moocLink: "https://www.coursera.org/learn/machine-learning",
-  },
-  {
-    title: "Introduction to HTML 5",
-    cardImage: "assets/images/education-page/udacity.svg",
-    moocLink: "https://www.udacity.com/course/intro-to-html-and-css--ud001",
-  },
-  {
-    title: "Introduction to CSS 3",
-    cardImage: "assets/images/education-page/udacity.svg",
-    moocLink: "https://www.udacity.com/course/intro-to-html-and-css--ud001",
-  },
-  {
-    title: "Javascript",
-    cardImage: "assets/images/education-page/udacity.svg",
-    moocLink: "https://www.udacity.com/course/intro-to-javascript--ud803",
+    cardImage: "assets/images/education-page/udemy.svg",
+    //moocLink: "https://www.udemy.com/course/cryptography-for-beginners/",
   },
   {
-    title: "Bootstrap 4",
+    title: "Certified Data Scientist",
     cardImage: "assets/images/education-page/udemy.svg",
-    moocLink: "https://www.udemy.com/course/bootstrap-4-tutorials/",
+    //moocLink: "https://www.coursera.org/learn/machine-learning",
   },
-  {
-    title: "Intro to React",
-    cardImage: "assets/images/education-page/edx.svg",
-    moocLink: "https://www.edx.org/learn/reactjs",
+   {
+    title: "Power BI: Dashboard",
+    cardImage: "assets/images/education-page/LinkedIn-Wordmark-White-Dark-Background-Logo.wine.svg",
+    //moocLink: "https://www.udacity.com/course/intro-to-javascript--ud803",
   },
-  {
-    title: "Intro to React Native",
-    cardImage: "assets/images/education-page/coursera2.svg",
-    moocLink:
-      "https://www.coursera.org/lecture/react-native/introduction-to-react-native-Eax0D",
-  },
-  {
-    title: "NodeJS, Express and MongoDB",
-    cardImage: "assets/images/education-page/coursera2.svg",
-    moocLink: "https://www.coursera.org/learn/server-side-nodejs",
+   {
+    title: "Data Analytics",
+    cardImage: "assets/images/education-page/LinkedIn-Wordmark-White-Dark-Background-Logo.wine.svg",
+    //moocLink: "https://www.coursera.org/learn/server-side-nodejs",
   },
+
   {
-    title: "XML-AJAX",
-    cardImage: "assets/images/education-page/udemy.svg",
-    moocLink: "https://www.udemy.com/course/xml-from-beginner-to-expert/",
+    title: "Machine Learning",
+    cardImage: "assets/images/education-page/k.svg",
+    //moocLink: "https://www.udacity.com/course/intro-to-html-and-css--ud001",
   },
   {
-    title: "Data Structures & Algorithms",
-    cardImage: "assets/images/education-page/udacity.svg",
-    moocLink:
-      "https://www.udacity.com/course/data-structures-and-algorithms-nanodegree--nd256",
+    title: "MATLAB Ornmap",
+    cardImage: "assets/images/education-page/matlab.svg",
+    //moocLink: "https://www.udemy.com/course/bootstrap-4-tutorials/",
   },
+
 ];
 
 const experience = [
@@ -111,16 +86,13 @@ function showExperience() {
 const showCards = () => {
   let output = "";
   moocscards.forEach(
-    ({ title, cardImage, moocLink }) =>
+    ({ title, cardImage}) =>
       (output += `        
         <div class="col-6 col-md-3 col-sm-4 column" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="600" >  
             <div class="card mb-3 mx-auto">
                <div class="content">
                   <div class="content-overlay"></div>
-                    <img src=${cardImage} class="card-img-top content-image">     
-                  <div class="content-details fadeIn-bottom">
-                    <a href="${moocLink}" target="_blank"><i class="fa fa-info-circle fa-2x" aria-hidden="true" style="color: white;"></i></a>                                   
-                  </div>
+                    <img src=${cardImage} class="card-img-top content-image">
                 </div>
                 <div class="card-body">
                     <h6 class="mt-0 py-2 text-center font-weight-bold mooc-title" style="font-size:12px;">${title}</h6>

assets/js/experience.js

@@ -5,26 +5,33 @@ AOS.init();
 const experiencecards = document.querySelector(".experience-cards");
 const exp = [
   {
-    title: "Software Development Intern",
-    cardImage: "assets/images/experience-page/flipkart.jpg",
-    place: "Flipkart",
-    time: "(May, 2020 - present)",
-    desp: "<li>Worked to migrate Flipkart lite’s product page to AMP pages so that they load up instantly.</li> <li>Made changes in the current progressive web app of Flipkart to react to different actions performed on AMP page.</li> <li>Created a node module called “fk-amp” which abstracts all the files and middlewares and can be easily imported and used from express server.</li>",
+    title: "GPSI Healthcare Data Analyst Intern",
+    cardImage: "assets/images/experience-page/il_department_of_public_health_logo (1).jpeg",
+    place: "Illinois Department of Public Health",
+    time: "(Aug, 2023 - present)",
+    desp: "<li>Project : The Illinois Lead Program aims to eliminate childhood lead poisoning by analyzing children 6 years and below having BLL more than 5 µg/dL by Delegate agencies of Illinois.</li> <li> Utilized SQL, SAS, Power BI, and ArcGIS to streamline data access and analysis, reducing report generation time by 40% and Analyzed pre-built housing data to identify instances of children with BLL exceeding 5 µg/dL.</li> <li>Created a node module called “fk-amp” which abstracts all the files and middlewares and can be easily imported and used from express server.</li>",
   },
   {
-    title: "Student Developer",
-    cardImage: "assets/images/experience-page/gsoc.png",
-    place: "Google Summer Of Code",
+    title: "GPSI Compliance IS Intern",
+    cardImage: "assets/images/experience-page/state_of_illinois___office_of_the_auditor_general_logo.jpeg",
+    place: "Illinois Office of the Auditor General",
     time: "(Mar - Aug, 2019)",
     desp: "<li>Worked with MOZILLA as a part of Google Summer Of Code.</li><li>Worked on Extension Activity Monitor which is a privileged extension for Firefox that uses the activityLog API (privileged API) to monitor the activities of the other installed extensions.</li><li>The activityLog API listens for logs from other installed extensions.</li>",
   },
   {
-    title: "Research Intern",
-    cardImage: "assets/images/experience-page/IIT_Bombay.jpg",
-    place: "IIT, Bombay",
-    time: "(Dec, 19 - Jan, 20)",
+    title: "Data Science Intern",
+    cardImage: "assets/images/experience-page/technocolabs_logo.jpeg",
+    place: "Technocolabs Softwares",
+    time: "(Mar, 2022 - Jal, 2022)",
     desp: "<li>Worked on the project “LTI (Learning Tools Interoperability) 2.0 standards Implementation for ekShiksha.</li><li>Designed a software that would help faculty to create a quiz using the questions from the database based on his/her choice of topics and he should be provided with various facilities and options to create a quiz of his choice.</li>",
   },
+  {
+    title: "Data Analyst",
+    cardImage: "assets/images/experience-page/confidosoft_logo.jpeg",
+    place: "ConfidoSoft Solutions Pvt Ltd",
+    time: "(Jan , 2019 - Mar, 2022)",
+    desp: "<li>Worked with MOZILLA as a part of Google Summer Of Code.</li><li>Worked on Extension Activity Monitor which is a privileged extension for Firefox that uses the activityLog API (privileged API) to monitor the activities of the other installed extensions.</li><li>The activityLog API listens for logs from other installed extensions.</li>",
+  },
 ];
 
 const showCards2 = () => {
@@ -62,29 +69,12 @@ document.addEventListener("DOMContentLoaded", showCards2);
 const volunteership = document.querySelector(".volunteership");
 const volunteershipcards = [
   {
-    title: "GirlScript Summer Of Code 2020",
-    cardImage: "assets/images/experience-page/1.jpg",
+    title: "Robin Hood Army",
+    cardImage: "assets/images/experience-page/robin_hood_army_logo.jpeg",
     description:
-      "Responsible for handling the projects GirlScript App and GirlScript Website Boilerplate.",
-  },
-  {
-    title: "StudentCode-in 2020",
-    cardImage: "assets/images/experience-page/2.jpg",
-    description:
-      "Responsible for handling open source contributions for the project Awesome Developer Portfolio.",
-  },
-  {
-    title: "PClub Summer Of Code 2020",
-    cardImage: "assets/images/experience-page/3.jpg",
-    description:
-      "Mentoring for the projects Deep Pixel, AutoVaidya, Just Resume and Doc2pen.",
-  },
-  {
-    title: "Hakin-Codes",
-    cardImage: "assets/images/experience-page/4.jpg",
-    description:
-      "Mentoring for the open source projects Deeppixel, Awesome Developer Portfolios and Doc2Pen.",
+      "Our efforts involved collecting surplus food to aid homeless individuals and supporting marginalized children with weekend classes to facilitate their access to education and bridge the gap between the streets and schools.",
   },
+
 ];
 
 const showCards = () => {