feat: job posting

school/public/css/style.css

@@ -47,6 +47,9 @@ input[type=checkbox] {
   position: relative;
   top: 1rem;
   left: 1rem;
+}
+
+.course-image .course-tags {
   width: 95%;
 }
 
@@ -114,20 +117,23 @@ input[type=checkbox] {
   }
 }
 
-.course-card-title {
+.card-heading {
   font-weight: 600;
-  font-size: 18px;
+  font-size: 1.5rem;
   line-height: 156%;
   letter-spacing: -0.014em;
   color: var(--text-color-dark);
-  align-self: stretch;
+}
+
+.course-card-title {
+  font-size: 1.125rem;
   margin-bottom: 1.5rem;
   height: 56px;
 }
 
 @media (max-width: 360px) {
-  .course-card-title {
-    font-size: 14px;
+  .card-heading {
+    font-size: 0.875rem;
   }
 }
 
@@ -1119,7 +1125,7 @@ input[type=checkbox] {
   margin-top: 3rem;
 }
 
-.institute-name {
+.bold-title {
   font-weight: bold;
   color: var(--text-color-dark);
 }
@@ -1463,3 +1469,23 @@ pre {
   width: 50%;
   justify-content: space-between;
 }
+
+.job-card {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-right: 1rem;
+}
+
+.job-card-info {
+  padding: 2rem 1rem 1rem;
+}
+
+.job-description-section {
+  padding: 1rem;
+}
+
+.company-logo {
+  background-position: left;
+  background-size: 88px;
+}

school/public/icons/course.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 5.625V14" stroke="#192734" stroke-miterlimit="10" stroke-linecap="round"/>
+    <path d="M14.125 3.5C12.951 3.5 12 4.45 12 5.625C12 4.451 11.05 3.5 9.875 3.5H4.5C4.23478 3.5 3.98043 3.60536 3.79289 3.79289C3.60536 3.98043 3.5 4.23478 3.5 4.5V16.375C3.5 16.9054 3.71071 17.4141 4.08579 17.7892C4.46086 18.1643 4.96957 18.375 5.5 18.375H9.875C11.049 18.375 12 19.325 12 20.5C12 19.326 12.95 18.375 14.125 18.375H18.5C19.0304 18.375 19.5391 18.1643 19.9142 17.7892C20.2893 17.4141 20.5 16.9054 20.5 16.375V4.5C20.5 4.23478 20.3946 3.98043 20.2071 3.79289C20.0196 3.60536 19.7652 3.5 19.5 3.5H14.125Z" stroke="#192734" stroke-miterlimit="10" stroke-linecap="square"/>
+</svg>