Merge pull request #348 from RAVICHANDRALS507/course

Created a Interactive page to display available courses
PriyaGhosal · Oct 9, 2024 · 52ff94c · 52ff94c
2 parents 79da644 + 1f427f8
commit 52ff94c
Show file tree

Hide file tree

Showing 3 changed files with 1,850 additions and 8 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -140,9 +140,11 @@ body.nav-active {
   #REUSED STYLE
 \*-----------------------------------*/
 
-.container {
-  padding-inline: 16px;
-}
+
+.container { 
+  padding-inline: 15px;
+ }
+
 
 .headline-lg,
 .headline-md,
@@ -180,10 +182,14 @@ body.nav-active {
   font-weight: var(--fw-500);
 }
 
+.section { 
+  padding-block: var(--section-padding);
+ }
 .section {
   padding-block: var(--section-padding);
 }
 
+
 .has-bg-image {
   background-repeat: no-repeat;
   background-size: cover;
@@ -231,9 +237,10 @@ body.nav-active {
   text-align: center;
 }
 
-.section-title {
-  margin-block-end: 24px;
-}
+.section-title { 
+  /* margin-block-end: 24px; */
+ }
+
 
 .headline-md .has-after {
   padding-block-end: 8px;
@@ -733,6 +740,9 @@ button:hover {
   #COURSE
 \*-----------------------------------*/
 
+.course .grid-list { 
+  /* padding-block: 20px 44px;  */
+=======
 
 .course .grid-list {
   padding-block: 20px 44px;
@@ -801,6 +811,12 @@ button:hover {
   gap: 8px;
 }
 
+.course .btn { 
+  width: 20%;
+  margin-left: 80%;
+ }
+
+=======
 .course .btn {
   margin-inline: auto;
 }

diff --git a/index.html b/index.html
@@ -803,7 +803,7 @@ <h3 class="title-lg card-title">
 
           </ul>
 
-          <a href="#" class="btn btn-primary" data-aos="zoom-out">View All Courses</a>
+          <a href="pages/courses.html" class="btn btn-primary" data-aos="zoom-out">View All Courses</a>
 
         </div>
       </section>
-Original file line number
+Diff line change
@@ Expand Up / @@ -803,7 +803,7 @@ <h3 class="title-lg card-title"> @@
               </ul>
-              <a href="#" class="btn btn-primary" data-aos="zoom-out">View All Courses</a>
+              <a href="pages/courses.html" class="btn btn-primary" data-aos="zoom-out">View All Courses</a>
             </div>
           </section>
@@ Expand Down @@