added-jimages

assets/css/style.css

@@ -1706,11 +1706,16 @@ footer {
     transform: translateY(-0.5rem);
   }
 }
-
+.cheatsheet-heading-main{
+  color: #2796ff;
+  text-align: center;
+  padding-top: 30px;
+}
 .cheatsheet-heading{
   color: #2796ff;
   text-align: center;
   padding-top: 30px;
+  display: inline-block;
 }
 
 .option-btn{
@@ -1766,4 +1771,9 @@ footer {
   color: var(--box-anchor);
   font-size: 14px;
   margin-bottom: 15px;
+}
+.option-image{
+  height: 70px;
+  margin-bottom: 10px;
+  margin-right: 10px;
 }

assets/js/cheatsheets.js

@@ -1,35 +1,42 @@
 const repodata = [
     {
+      image: "assets/img/programming-language-images/c-logo.png",
       heading: "C",
       description: "C programming language cheatsheet",
       link: "/assets/cheatsheets/C.pdf",
     },
     {
+      image: "assets/img/programming-language-images/java-logo.png",
       heading: "Java",
       description: "Java programming language cheatsheet",
       link: "https://introcs.cs.princeton.edu/java/11cheatsheet/",
     },
     {
+        image: "assets/img/programming-language-images/html-logo.png",
         heading: "HTML",
         description: "HTML cheatsheet",
         link: "https://htmlcheatsheet.com/",
       },
       {
+        image: "assets/img/programming-language-images/css-logo.png",
         heading: "CSS",
         description: "CSS cheatsheet",
         link: "https://htmlcheatsheet.com/css/",
       },
       {
+        image: "assets/img/programming-language-images/javascript-logo.png",
         heading: "JavaScript",
         description: "JavaScript programming language cheatsheet",
         link: "https://htmlcheatsheet.com/js/",
       },
     {
+      image: "assets/img/programming-language-images/c++-logo.png",
       heading: "C++",
       description: "C++ programming language cheatsheet",
       link: "./assets/cheatsheets/CPP.pdf",
     },
     {
+      image: "assets/img/programming-language-images/python-logo.png",
       heading: "Python",
       description: "Python programming language cheatsheet",
       link: "./assets/cheatsheets/Python.pdf",
@@ -43,6 +50,8 @@ const repodata = [
   allOptions = repodata.map(
     (option) =>
       `<div class="option">
+       <img class="option-image" 
+       src="${option.image}">
         <h1 class="cheatsheet-heading">${option.heading}</h1>
         <p class="option-description">
           ${option.description}

cheatsheets.html

@@ -105,7 +105,7 @@
 
       <!-- Main Section -->
       <div>
-        <h1 class="cheatsheet-heading">Code Master's Cheatsheet</h1>
+        <h1 class="cheatsheet-heading-main">Code Master's Cheatsheet</h1>
         <div class="option-container">
           <div class="option">
             <!-- This content is dynamically added via hacktoberfest.js -->