Working on about page
All checks were successful
ask-mutual-fund Actions Workflow / test (push) Successful in 18s

This commit is contained in:
AnsariTufail
2025-10-17 19:30:20 +05:30
parent 6ff1d729e2
commit d3ba6f9c40
2 changed files with 28 additions and 20 deletions

View File

@@ -1308,26 +1308,7 @@ span.textaccor {
box-sizing: border-box;
}
.swiper-slide {
opacity: 0;
transform: scale(1.05); /* slightly zoomed out initially */
transition:
opacity 1.2s ease-in-out,
transform 2s ease-in-out,
visibility 1.2 ease-in-out; /* slower for smooth zoom */
visibility: hidden;
}
.swiper-slide-active {
opacity: 1;
transform: scale(1); /* zooms in smoothly */
visibility: visible;
}
.swiper-slide-prev {
opacity: 0; /* fades out smoothly */
transform: scale(1.05);
visibility: hidden;
}
.swiper-wrapper {
display: flex;
@@ -1482,6 +1463,10 @@ span.textaccor {
width: 120px;
height: 24px;
}
.card-scroll {
margin-top: 5px;
}
.container {
padding: 0 25px 0 25px;
@@ -2024,9 +2009,32 @@ span.textaccor {
font-weight: 600;
white-space: nowrap;
font-family: var(--font-primary);
top: -35px;
}
.timeline {
justify-content: space-between;
list-style: none;
display: flex;
gap: 120px;
overflow-x: auto;
padding: 20px;
scroll-behavior: smooth;
white-space: nowrap;
position: relative;
padding-top: 50px;
margin-top: 40px;
margin-bottom: 20px;
margin-left: 20px;
}
.timeline-item {
position: relative;
z-index: 1;
top: -15px;
}
.swiper-slide h2 {
font-size: 35px;

View File

@@ -18,7 +18,7 @@
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/testing.css"/>
<link rel="stylesheet" href="css/contact.css"/>
<link rel="stylesheet" href="css/contact.css"/>
</head>
<body>