added links and project photos

src/components/Achievements/achievements.css

@@ -7,6 +7,12 @@
   justify-content: space-between;
 }
 
+@media (max-width: 976px) {
+  .achievementCard {
+    flex-direction: column !important;
+  }
+}
+
 .achievementCardContainer {
   display: flex;
   align-items: center;
@@ -21,3 +27,9 @@
 .linkAchievement {
   margin-right: 0.4rem;
 }
+
+@media (max-width: 976px) {
+  .linkAchievement {
+    margin-top: 1.2rem;
+  }
+}

src/components/Certifications/certifications.constants.js

@@ -7,7 +7,10 @@ const CERTIFICATIONS = [
     description: "Python certified by HackerRank",
     link: "https://drive.google.com/file/d/1expkNfQFFXLy_8gr1NX_rBckbGo_F9Vx/view?usp=drive_link",
   },
-  { description: "Machine Learning certified by CloudyML.", link: "" },
+  {
+    description: "Machine Learning certified by CloudyML.",
+    link: "https://drive.google.com/file/d/1NbjJz5gZoUHcMNKPnpllMkUmA2m0Xm5J/view?usp=drivesdk",
+  },
   {
     description: "Deep Learning certified by CloudyML",
     link: "https://drive.google.com/file/d/1U7M9j-kJgpIyWbLdkYZv1TLSVao-BQcQ/view?usp=drive_link",
@@ -23,12 +26,12 @@ const CERTIFICATIONS = [
   {
     description:
       "Data Visualization: Empowering Business with Effective Insights Certified By TATA.",
-    link: "",
+    link: "https://drive.google.com/file/d/1N5UN8mFcgWupnL6DxKDWDp066scAsVdQ/view?usp=drivesdk",
   },
   {
     description:
       "Cognizant certified Artificial Intelligence Virtual Experience Program.",
-    link: "",
+    link: "https://drive.google.com/file/d/1Oo4GewbFNRspYuFpRrfHeR-LLllrWrPS/view?usp=drivesdk",
   },
   {
     description:
@@ -37,7 +40,7 @@ const CERTIFICATIONS = [
   },
   {
     description: "KPMG certified Data Analytics Consulting program.",
-    link: "",
+    link: "https://drive.google.com/file/d/1kJeoYxnSEZzTQA7oRsCb9eF1pGnMKdML/view?usp=drivesdk",
   },
 ];
 

src/components/Certifications/certifications.css

@@ -1,10 +1,16 @@
 .certificationsContainer {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(1, 1fr);
   gap: 2rem;
   margin-top: 1.6rem;
 }
 
+@media (min-width: 700px) {
+  .certificationsContainer {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
 .certificationCard {
   display: flex;
   flex-direction: row;
@@ -14,6 +20,12 @@
   padding: 1.06rem;
 }
 
+@media (max-width: 1000px) {
+  .certificationCard {
+    flex-direction: column !important;
+  }
+}
+
 .certificationSection1 {
   display: flex;
   align-items: center;
@@ -24,8 +36,16 @@
 .certificationDescription {
   text-align: left;
   margin-left: 2rem;
+  margin-right: 2rem;
 }
 
 .linkCertification {
   margin-right: 0.4rem;
+  min-width: 6rem;
+}
+
+@media (max-width: 1000px) {
+  .linkCertification {
+    margin-top: 1.2rem;
+  }
 }

src/components/Education/education.css

@@ -20,6 +20,12 @@
   font-weight: bold;
 }
 
+@media (max-width: 600px) {
+  .linkEducation {
+    margin-left: 1.32rem;
+  }
+}
+
 .educationSection1 {
   display: flex;
   align-items: flex-start;
@@ -28,6 +34,12 @@
   border-bottom: 1px solid lightcyan;
 }
 
+@media (max-width: 600px) {
+  .educationSection1 {
+    flex-direction: column;
+  }
+}
+
 .educationCourse {
   font-weight: bold;
   margin-bottom: 0.4rem;

src/components/Internships/internships.css

@@ -1,10 +1,16 @@
 .internshipsContainer {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(1, 1fr);
   gap: 2rem;
   margin-top: 1.6rem;
 }
 
+@media (min-width: 800px) {
+  .internshipsContainer {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
 .internshipCard {
   display: flex;
   flex-direction: column;
@@ -21,13 +27,22 @@
   border-bottom: 1px solid lightcyan;
 }
 
+@media (max-width: 600px) {
+  .internshipSection1 {
+    flex-direction: column;
+    align-items: center !important;
+  }
+}
+
 .internshipName {
   font-weight: bold;
   margin-bottom: 0.4rem;
+  text-align: left;
 }
 
 .internshipTimeline {
   font-weight: bold;
+  text-align: right;
 }
 
 .internshipleftSection {
@@ -37,22 +52,46 @@
   justify-content: space-between;
 }
 
+@media (max-width: 700px) {
+  .internshipleftSection {
+    flex-direction: column;
+  }
+}
+
 .linkInternship {
   padding: 0rem;
   margin-right: 0.4rem;
   font-weight: bold;
 }
 
+@media (max-width: 700px) {
+  .linkInternship {
+    margin-right: 0rem;
+  }
+}
+
 .internshipCompany {
   margin-bottom: 0.2rem;
   color: lemonchiffon;
 }
 
+@media (max-width: 700px) {
+  .internshipCompany {
+    text-align: center;
+  }
+}
+
 .internshipDescription {
   margin-top: 0.4rem;
   text-align: left;
 }
 
+@media (max-width: 700px) {
+  .internshipDescription {
+    text-align: center;
+  }
+}
+
 .internshipSection2 {
   margin-top: 1rem;
   display: flex;

src/components/Projects/ProjectCards.js

@@ -22,9 +22,7 @@ function ProjectCards(props) {
         </Button>
         {"\n"}
         {"\n"}
-
         {/* If the component contains Demo link and if it's not a Blog then, it will render the below component  */}
-
         {!props.isBlog && props.demoLink && (
           <Button
             variant="primary"

src/components/Projects/projects.constants.js

@@ -1,3 +1,9 @@
+import musicRecommendation from "../../Assets/Projects/music_recommendation_result.jpg";
+import drowsinessDetection from "../../Assets/Projects/drowsiness_detection.jpg";
+import chatbot from "../../Assets/Projects/chatbot.jpg";
+import painting from "../../Assets/Projects/painting.jpg";
+import youtube from "../../Assets/Projects/youtube.jpg";
+
 const PROJECTS = [
   {
     title:
@@ -13,7 +19,7 @@ const PROJECTS = [
     ghLink:
       "https://github.com/ranj10/Artistic-Image-Stylization-with-Generative-Adversarial-Networks--GANs-",
     demoLink: "",
-    imgPath: "",
+    imgPath: painting,
   },
   {
     title: "Innovative YouTube Video Summarization Tool with Hugging Face ASR",
@@ -28,7 +34,7 @@ const PROJECTS = [
     ghLink:
       "https://github.com/ranj10/-Innovative-YouTube-Video-Summarization-Tool-with-Hugging-Face-ASR",
     demoLink: "",
-    imgPath: "",
+    imgPath: youtube,
   },
   {
     title: "Conversational Chatbot using a novel Bahdanau attention mechanism",
@@ -44,7 +50,7 @@ const PROJECTS = [
     ghLink:
       "https://github.com/ranj10/Conversational-Chatbot-using-a-novel-Bahdanau-attention-mechanism",
     demoLink: "",
-    imgPath: "",
+    imgPath: chatbot,
   },
   {
     title: "Real-Time Driver Drowsiness Detection System",
@@ -58,7 +64,7 @@ const PROJECTS = [
     ghLink:
       "https://github.com/ranj10/Real-Time-Driver-Drowsiness-Detection-System-",
     demoLink: "",
-    imgPath: "",
+    imgPath: drowsinessDetection,
   },
   {
     title: "Personalized Music Recommendation System",
@@ -74,7 +80,7 @@ const PROJECTS = [
     ghLink:
       "https://github.com/ranj10/Personalized-Music-Recommendation-System",
     demoLink: "",
-    imgPath: "",
+    imgPath: musicRecommendation,
   },
   {
     title: "Fraud Detection Model",