diff --git a/assets/css/style.css b/assets/css/style.css
index 25e5ab41..ad272a9b 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -226,7 +226,7 @@ body.nav-active {
.section-subtitle {
font-weight: var(--fw-600);
- color: var(--keppei);
+ color: black;
margin-block-end: 4px;
}
@@ -266,12 +266,12 @@ body.nav-active {
border-radius: var(--radius-8);
transition: var(--transition);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
- backdrop-filter: blur(10px);
- -webkit-backdrop-filter: blur(10px);
- border-radius: 20px;
- border:1px solid rgba(255, 255, 255, 0.18);
- box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
- transition: all 0.5s;
+ backdrop-filter: blur(10px);
+ -webkit-backdrop-filter: blur(10px);
+ border-radius: 20px;
+ border: 1px solid rgba(255, 255, 255, 0.18);
+ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
+ transition: all 0.5s;
}
.card:is(:hover, :focus-within) {
@@ -331,6 +331,7 @@ body.nav-active {
0% {
transform: rotate(0);
}
+
100% {
transform: rotate(1turn);
}
@@ -351,6 +352,7 @@ body.nav-active {
width: 100%;
padding-block: 15px;
z-index: 4;
+
}
.header.active {
@@ -358,12 +360,18 @@ body.nav-active {
position: fixed;
box-shadow: var(--shadow-2);
animation: headerActive 0.5s ease forwards;
+
+ .searchBox {
+ background: hsl(0deg 89.85% 94.83%);
+ }
+
}
@keyframes headerActive {
0% {
transform: translateY(-100%);
}
+
100% {
transform: translateY(0);
}
@@ -472,45 +480,62 @@ body.nav-active {
.button-container {
display: flex;
- justify-content: center; /* Center horizontally */
- align-items: center; /* Center vertically */
- margin: 0; /* Remove default margin */
- padding: 0; /* Remove default padding */
+ justify-content: center;
+ /* Center horizontally */
+ align-items: center;
+ /* Center vertically */
+ margin: 0;
+ /* Remove default margin */
+ padding: 0;
+ /* Remove default padding */
}
.btn-primary {
- position: relative; /* Positioning for the arrows */
- padding: 10px 50px; /* Add padding to make space for the arrows */
- transition: color 0.3s ease; /* Smooth transition for text color */
- font-size: 16px; /* Adjust font size as needed */
+ position: relative;
+ /* Positioning for the arrows */
+ padding: 10px 50px;
+ /* Add padding to make space for the arrows */
+ transition: color 0.3s ease;
+ /* Smooth transition for text color */
+ font-size: 16px;
+ /* Adjust font size as needed */
}
.btn-primary::after {
- content: ' ⪢'; /* Two arrows as content */
- position: absolute; /* Position it absolutely */
- right: 5px; /* Position on the right side */
- top: 50%; /* Center vertically */
- transform: translateY(-55%); /* Adjust vertical position */
- opacity: 0; /* Start with the arrows hidden */
- transition: opacity 0.3s ease; /* Smooth transition for opacity */
+ content: ' ⪢';
+ /* Two arrows as content */
+ position: absolute;
+ /* Position it absolutely */
+ right: 5px;
+ /* Position on the right side */
+ top: 50%;
+ /* Center vertically */
+ transform: translateY(-55%);
+ /* Adjust vertical position */
+ opacity: 0;
+ /* Start with the arrows hidden */
+ transition: opacity 0.3s ease;
+ /* Smooth transition for opacity */
}
.btn-primary:hover {
- color: #ffffff; /* Change text color on hover (optional) */
+ color: #ffffff;
+ /* Change text color on hover (optional) */
}
.btn-primary:hover::after {
- opacity: 1; /* Show the arrows on hover */
+ opacity: 1;
+ /* Show the arrows on hover */
}
/*-----------------------------------*\
#Feedback
\*-----------------------------------*/
-.feedback-Section{
+.feedback-Section {
display: flex;
flex-direction: column;
- border:1px solid black;
+ border: 1px solid black;
padding: 3rem;
}
@@ -523,7 +548,7 @@ body.nav-active {
padding: 15px;
border-radius: 5px;
cursor: pointer;
- box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
@@ -534,7 +559,7 @@ body.nav-active {
left: 0;
width: 100%;
height: 100%;
- background-color: rgba(0,0,0,0.5);
+ background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 1000;
@@ -546,7 +571,7 @@ body.nav-active {
border-radius: 5px;
width: 300px;
text-align: center;
- box-shadow: 0 4px 16px rgba(0,0,0,0.2);
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.close {
@@ -582,12 +607,13 @@ body.nav-active {
}
.emoji.selected {
- border: 1px solid black; /* Highlight selected emoji */
+ border: 1px solid black;
+ /* Highlight selected emoji */
border-radius: 5px;
}
-.buttons{
+.buttons {
display: flex;
align-items: center;
justify-content: space-between;
@@ -614,7 +640,7 @@ button:hover {
background-color: #45a049;
}
-.feedbackPopUp{
+.feedbackPopUp {
position: fixed;
transform: translate(120%);
transition: all 1s ease-in-out;
@@ -625,11 +651,11 @@ button:hover {
padding: 15px;
border-radius: 5px;
cursor: pointer;
- box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
-.PopUpDisplay{
+.PopUpDisplay {
transition: all 1.5s ease-in-out;
transform: translate(0);
}
@@ -664,7 +690,7 @@ button:hover {
margin-inline: auto;
}
-#category-card1{
+#category-card1 {
transition: transform 0.3s ease;
}
@@ -672,7 +698,7 @@ button:hover {
transform: scale(1.025);
}
-#category-card2{
+#category-card2 {
transition: transform 0.3s ease;
}
@@ -680,7 +706,7 @@ button:hover {
transform: scale(1.025);
}
-#category-card3{
+#category-card3 {
transition: transform 0.3s ease;
}
@@ -688,7 +714,7 @@ button:hover {
transform: scale(1.025);
}
-#category-card4{
+#category-card4 {
transition: transform 0.3s ease;
}
@@ -696,7 +722,7 @@ button:hover {
transform: scale(1.025);
}
-#category-card5{
+#category-card5 {
transition: transform 0.3s ease;
}
@@ -704,7 +730,7 @@ button:hover {
transform: scale(1.025);
}
-#category-card6{
+#category-card6 {
transition: transform 0.3s ease;
}
@@ -773,15 +799,19 @@ button:hover {
}
-.course .grid-list { padding-block: 20px 44px;
+.course .grid-list {
+ padding-block: 20px 44px;
}
-.heading1{
+
+.heading1 {
height: 200px;
}
-.heading2{
+
+.heading2 {
height: 206px;
}
-.image2{
+
+.image2 {
height: 200px;
}
@@ -790,7 +820,7 @@ button:hover {
display: flex;
flex-direction: column;
gap: 24px;
-
+
}
.course-card:is(:hover, :focus-within) {
@@ -858,235 +888,236 @@ button:hover {
color: var(--white);
background-color: var(--light-coral);
}
+
.cta .btn:is(:hover, :focus-within) {
box-shadow: 0 0 0 2px var(--white), 0 0 0 5px var(--light-coral);
}
.parent {
- display: flex;
- justify-content: center;
- /* Center horizontally */
- align-items: center;
- /* Center vertically */
- height: 40vh;
- /* Set parent height to fill the viewport */
+ display: flex;
+ justify-content: center;
+ /* Center horizontally */
+ align-items: center;
+ /* Center vertically */
+ height: 40vh;
+ /* Set parent height to fill the viewport */
}
.scroll-container h2 {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 30px;
- color: black;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 30px;
+ color: black;
}
.scroll-container {
- width: 100%;
- max-width: 1100px;
- margin-bottom: 40px;
+ width: 100%;
+ max-width: 1100px;
+ margin-bottom: 40px;
}
.scroll {
- position: relative;
- display: flex;
- overflow: hidden;
- -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
+ position: relative;
+ display: flex;
+ overflow: hidden;
+ -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}
.scroll span img {
- max-width: 30px;
- margin-right: 8px;
- border-radius: 50%;
- vertical-align: middle;
- /* Aligns the image vertically with the text */
+ max-width: 30px;
+ margin-right: 8px;
+ border-radius: 50%;
+ vertical-align: middle;
+ /* Aligns the image vertically with the text */
}
.scroll div {
- white-space: nowrap;
- animation: scroll var(--time) linear infinite;
- animation-delay: calc(var(--time)*-1);
+ white-space: nowrap;
+ animation: scroll var(--time) linear infinite;
+ animation-delay: calc(var(--time)*-1);
}
.scroll div:nth-child(2) {
- animation: scroll2 var(--time) linear infinite;
- animation-delay: calc(var(--time)/-2);
+ animation: scroll2 var(--time) linear infinite;
+ animation-delay: calc(var(--time)/-2);
}
@keyframes scroll {
- 0% {
- transform: translateX(100%);
- }
+ 0% {
+ transform: translateX(100%);
+ }
- 100% {
- transform: translateX(-100%);
- }
+ 100% {
+ transform: translateX(-100%);
+ }
}
@keyframes scroll2 {
- 0% {
- transform: translateX(0);
- }
+ 0% {
+ transform: translateX(0);
+ }
- 100% {
- transform: translateX(-200%);
- }
+ 100% {
+ transform: translateX(-200%);
+ }
}
.scroll div span {
- display: inline-flex;
- margin: 10px;
- letter-spacing: 0.2em;
- background: #c0bdbd;
- color: #fff;
- min-height: 40px;
- padding: 5px 10px;
- border-radius: 5px;
- transition: 0.5s;
+ display: inline-flex;
+ margin: 10px;
+ letter-spacing: 0.2em;
+ background: #c0bdbd;
+ color: #fff;
+ min-height: 40px;
+ padding: 5px 10px;
+ border-radius: 5px;
+ transition: 0.5s;
}
.scroll div span:hover {
- background: #3fd2f9;
- cursor: pointer;
+ background: #3fd2f9;
+ cursor: pointer;
}
.imgBox div {
- display: flex;
- align-items: center;
- justify-content: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
.imgBox img {
- max-width: 100px;
- scale: 0.8;
+ max-width: 100px;
+ scale: 0.8;
}
@media (max-width: 768px) {
- .footerNav ul {
- flex-direction: column;
- }
+ .footerNav ul {
+ flex-direction: column;
+ }
- .footerNav ul li {
- width: 100%;
- text-align: center;
- margin: 10px;
- }
+ .footerNav ul li {
+ width: 100%;
+ text-align: center;
+ margin: 10px;
+ }
}
@keyframes slide {
- from {
- transform: translateX(0);
- }
+ from {
+ transform: translateX(0);
+ }
- to {
- transform: translateX(-100%);
- }
+ to {
+ transform: translateX(-100%);
+ }
}
.outer-logos {
- padding: 0 100px;
+ padding: 0 100px;
}
.logos {
- overflow: hidden;
- padding: 60px 0;
- background: white;
- white-space: nowrap;
- position: relative;
+ overflow: hidden;
+ padding: 60px 0;
+ background: white;
+ white-space: nowrap;
+ position: relative;
}
.logos h1 {
- display: flex;
- justify-content: center;
- align-items: center;
- margin-bottom: 80px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-bottom: 80px;
}
.logos:hover .logos-slide {
- animation-play-state: paused;
+ animation-play-state: paused;
}
.logos:before,
.logos:after {
- position: absolute;
- top: 0;
- width: 250px;
- height: 100%;
- content: "";
- z-index: 2;
+ position: absolute;
+ top: 0;
+ width: 250px;
+ height: 100%;
+ content: "";
+ z-index: 2;
}
.logos:before {
- left: 0;
- background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
+ left: 0;
+ background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}
.logos:after {
- right: 0;
- background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
+ right: 0;
+ background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}
.logos-slide {
- display: inline-block;
- animation: 15s slide infinite linear;
- width: max-content;
+ display: inline-block;
+ animation: 15s slide infinite linear;
+ width: max-content;
}
.logos-slide img {
- height: 50px;
- margin: 0 20px;
+ height: 50px;
+ margin: 0 20px;
}
@media screen and (max-width: 768px) {
- .outer-logos {
- padding: 0 40px;
- }
+ .outer-logos {
+ padding: 0 40px;
+ }
- .logos-slide {
- display: column;
- width: max-content;
- }
+ .logos-slide {
+ display: column;
+ width: max-content;
+ }
- .logos h1 {
- font-size: 35px;
- margin-bottom: 50px;
- }
+ .logos h1 {
+ font-size: 35px;
+ margin-bottom: 50px;
+ }
- .logos-slide img {
- height: 40px;
- margin: 8px 15px;
- }
+ .logos-slide img {
+ height: 40px;
+ margin: 8px 15px;
+ }
}
@media screen and (max-width: 431px) {
- .outer-logos {
- padding: 0 20px;
- }
+ .outer-logos {
+ padding: 0 20px;
+ }
- .logos:before,
- .logos:after {
- width: 110px;
- }
+ .logos:before,
+ .logos:after {
+ width: 110px;
+ }
- .logos-slide {
- display: column;
- width: max-content;
- }
+ .logos-slide {
+ display: column;
+ width: max-content;
+ }
- .logos {
- padding: 40px 0;
- }
+ .logos {
+ padding: 40px 0;
+ }
- .logos h1 {
- font-size: 22px;
- margin-bottom: 30px;
- }
+ .logos h1 {
+ font-size: 22px;
+ margin-bottom: 30px;
+ }
- .logos-slide img {
- height: 30px;
- margin: 0 10px;
- }
+ .logos-slide img {
+ height: 30px;
+ margin: 0 10px;
+ }
}
@@ -1177,6 +1208,7 @@ button:hover {
width: 100px;
height: 100px;
}
+
.footer-top .grid-list .img-cover {
width: 80px;
height: 80px;
@@ -1188,6 +1220,7 @@ button:hover {
text-align: center;
border-block-start: 1px solid var(--black_10);
}
+
.footer-link:is(:hover, :focus-visible) {
color: var(--oxford-blue);
}
@@ -1283,6 +1316,7 @@ button:hover {
#social-link4:hover {
transform: scale(1.1);
}
+
#social-link5 {
transition: transform 0.3s ease;
}
@@ -1552,18 +1586,21 @@ button:hover {
.cta .btn {
margin-inline: 0;
}
+
.footer .container {
gap: 48px;
}
}
+
/* Ge
neral dark mode settings */
body.dark-mode .navbar {
- background-color: var(
- --keppei
- ); /* Background color for navbar in dark mode */
- color: var(--white); /* Text color */
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Optional shadow for better visibility */
+ background-color: var(--keppei);
+ /* Background color for navbar in dark mode */
+ color: var(--white);
+ /* Text color */
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+ /* Optional shadow for better visibility */
}
body.dark-mode {
@@ -1575,6 +1612,7 @@ body.dark-mode.navbar {
background-color: var(--oxford-blue);
color: var(--white);
}
+
/* Button styles in dark mode */
body.dark-mode .navbar a:hover {
background-color: var(--keppei);
@@ -1586,11 +1624,13 @@ body.dark-mode .navbar a {
color: var(--white);
}
+
/* Other styles */
body.dark-mode .btn:hover {
background-color: var(--white);
color: var(--oxford-blue);
}
+
body.dark-mode #theme-toggle {
background-color: var(--oxford-blue);
}
@@ -1602,6 +1642,7 @@ body.dark-mode #theme-icon {
body.dark-mode h1 {
color: aliceblue;
}
+
#theme-toggle {
/* position: fixed; */
@@ -1620,6 +1661,7 @@ body.dark-mode h1 {
font-size: 24px;
color: var(--oxford-blue);
}
+
body.dark-mode.navbar {
background-color: var(--oxford-blue);
color: var(--white);
@@ -1643,33 +1685,42 @@ body.dark-mode .btn:hover {
/* Default Light Theme (No box) */
.navbar {
- background-color: var(
- --light-background
- ); /* Light background for the navbar */
- color: var(--dark-text); /* Dark text color */
- padding: 0; /* No padding for box-less design */
- box-shadow: none; /* No shadow in light mode */
- border-radius: 0; /* No rounding */
+ background-color: var(--light-background);
+ /* Light background for the navbar */
+ color: var(--dark-text);
+ /* Dark text color */
+ padding: 0;
+ /* No padding for box-less design */
+ box-shadow: none;
+ /* No shadow in light mode */
+ border-radius: 0;
+ /* No rounding */
}
.navbar-list {
- padding: 0; /* No padding */
- gap: 15px; /* Keep spacing between items */
+ padding: 0;
+ /* No padding */
+ gap: 15px;
+ /* Keep spacing between items */
}
.navbar-link {
- color: var(--dark-text); /* Dark text for visibility */
+ color: var(--dark-text);
+ /* Dark text for visibility */
}
.navbar-link:hover {
- background-color: var(--light-background-hover); /* Highlight on hover */
- color: var(--dark-text); /* Keep the text dark */
+ background-color: var(--light-background-hover);
+ /* Highlight on hover */
+ color: var(--dark-text);
+ /* Keep the text dark */
}
form {
max-width: 400px;
margin: auto;
}
+
input,
textarea {
width: 100%;
@@ -1678,6 +1729,7 @@ textarea {
border: 1px solid #ccc;
border-radius: 5px;
}
+
button {
margin: auto;
padding: 10px;
@@ -1687,9 +1739,11 @@ button {
border-radius: 5px;
cursor: pointer;
}
+
button:hover {
background-color: #0056b3;
}
+
@media (max-width: 992px) {
.footer-logo-text {
flex-direction: column;
@@ -1705,6 +1759,7 @@ button:hover {
align-items: center;
gap: 30px;
}
+
#theme-toggle {
right: 125px;
top: 5px;
@@ -1724,6 +1779,7 @@ button:hover {
gap: 30px;
width: max-content;
}
+
.footer-list-title {
display: none;
}
@@ -1734,7 +1790,7 @@ button:hover {
justify-content: center;
}
- ul.footer-list.instagram > li > p.footer-list-title {
+ ul.footer-list.instagram>li>p.footer-list-title {
display: block;
margin-bottom: 5px;
}
@@ -1757,7 +1813,7 @@ button:hover {
justify-content: space-between;
gap: 8px;
- background: var(--light-gray);
+ background: white;
border-radius: 50px;
position: relative;
}
@@ -1769,19 +1825,23 @@ button:hover {
width: 30px;
height: 30px;
border-radius: 50%;
- background: var(
- --gradient-2,
- linear-gradient(90deg, var(--light-coral) 20%, var(--selective-yellow) 100%)
- );
+ background: var(--gradient-2,
+ linear-gradient(90deg, var(--light-coral) 20%, var(--selective-yellow) 100%));
border: 0;
display: inline-block;
transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
+
+input.searchInput {
+ margin-left: 5px;
+}
+
.searchButton svg {
position: absolute;
top: 5px;
right: 3px;
}
+
/*hover effect*/
.SearchBTN:hover {
color: #fff;
@@ -1789,14 +1849,17 @@ button:hover {
box-shadow: rgba(0, 0, 0, 0.5) 0 10px 20px;
transform: translateY(-3px);
}
+
/*button pressing effect*/
.SearchBTN:active {
box-shadow: none;
transform: translateY(0);
}
+
.searchInput::placeholder {
color: var(--light-coral);
}
+
.searchInput {
border: none;
background: none;
@@ -1829,6 +1892,7 @@ button:hover {
.footer-logo-text p.title-sm {
font-size: 1.3rem;
}
+
#footer-logo {
width: 60px;
height: 60px;
@@ -1839,152 +1903,188 @@ button:hover {
.footer-list {
gap: 10px;
}
+
.footer-list li a.title-sm {
font-size: 1rem;
}
+
.footer-top .container {
gap: 15px;
}
+
.social-list {
padding-top: 0;
}
+
.footer-bottom p {
font-size: 1rem;
}
}
-.headline{
+.headline {
animation-name: pulse;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
-@keyframes pulse{
- 0%{
+
+@keyframes pulse {
+ 0% {
transform: translateY(-3.5px);
}
- 50%{
+
+ 50% {
transform: translateY(0px);
}
- 100%{
+
+ 100% {
transform: translateY(-3.5px);
}
}
-body{
+
+body {
background-color: #ffede7;
}
-.header1{
+
+.header1 {
animation-name: pulse1;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
-.header2{
+
+.header2 {
animation-name: pulse2;
animation-duration: 1.8s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
-.header3{
+
+.header3 {
animation-name: pulse3;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
-.header4{
+
+.header4 {
animation-name: pulse4;
animation-duration: 1.8s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
-.header5{
+
+.header5 {
animation-name: pulse5;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
-.header6{
+
+.header6 {
animation-name: pulse6;
animation-duration: 1.8s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
-@keyframes pulse1{
- 0%{
+
+@keyframes pulse1 {
+ 0% {
transform: translateY(-3.5px);
}
- 50%{
+
+ 50% {
transform: translateY(0px);
}
- 100%{
+
+ 100% {
transform: translateY(-3.5px);
}
}
-@keyframes pulse2{
- 0%{
+
+@keyframes pulse2 {
+ 0% {
transform: translateY(-5px);
}
- 50%{
+
+ 50% {
transform: translateY(0px);
}
- 100%{
+
+ 100% {
transform: translateY(-5px);
}
}
-@keyframes pulse3{
- 0%{
+
+@keyframes pulse3 {
+ 0% {
transform: translateY(-3.5px);
}
- 50%{
+
+ 50% {
transform: translateY(0px);
}
- 100%{
+
+ 100% {
transform: translateY(-3.5px);
}
}
-@keyframes pulse4{
- 0%{
+
+@keyframes pulse4 {
+ 0% {
transform: translateY(-5px);
}
- 50%{
+
+ 50% {
transform: translateY(0px);
}
- 100%{
+
+ 100% {
transform: translateY(-5px);
}
}
-@keyframes pulse5{
- 0%{
+
+@keyframes pulse5 {
+ 0% {
transform: translateY(-3.5px);
}
- 50%{
+
+ 50% {
transform: translateY(0px);
}
- 100%{
+
+ 100% {
transform: translateY(-3.5px);
}
}
-@keyframes pulse6{
- 0%{
+
+@keyframes pulse6 {
+ 0% {
transform: translateY(-5px);
}
- 50%{
+
+ 50% {
transform: translateY(0px);
}
- 100%{
+
+ 100% {
transform: translateY(-5px);
}
}
.card-banner {
- margin-bottom: 15px; /* Space between image and quote */
+ margin-bottom: 15px;
+ /* Space between image and quote */
}
.grid-list {
- margin-top: 30px; /* Space between heading and cards */
- margin-bottom: 30px; /* Space below cards */
+ margin-top: 30px;
+ /* Space between heading and cards */
+ margin-bottom: 30px;
+ /* Space below cards */
}
.testimonial-content {
- margin-bottom: 10px; /* Space between quote and name (optional) */
-}
+ margin-bottom: 10px;
+ /* Space between quote and name (optional) */
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index cbdea595..d60b808b 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
- primary meta tags
-->
SkillWise
-
@@ -215,65 +220,65 @@ 
- + +-+-
- 
+ 
- 
- 
- 
- 
- Google -
Youtube
- 
Twitter
- 
Reddit
- 
IBM
- 
Target
- 
Salesforce
- 
Meta
- 
Amazon
- 
Adobe
- --
+ +++
+ 
+ 
+