Mohd.Ansari/ask-mutual-fund
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Mohd.Ansari:e43cedf536fbea732898737fce3b1099270b57ad
Branches Tags
Mohd.Ansari:main Mohd.Ansari:vivek Mohd.Ansari:tufail-dev Mohd.Ansari:parth-dev
...
compare: Mohd.Ansari:tufail-dev
Branches Tags
Mohd.Ansari:main Mohd.Ansari:vivek Mohd.Ansari:tufail-dev Mohd.Ansari:parth-dev

4 Commits
e43cedf536 ... tufail-dev

Author SHA1 Message Date
AnsariTufail
21ffad2a9a bug fixed 2025-10-29 10:15:45 +05:30
unknown
7d3055b78c completed about page
All checks were successful
ask-mutual-fund Actions Workflow / test (push) Successful in 18s
Details
2025-10-24 11:31:54 +05:30
AnsariTufail
d3ba6f9c40 Working on about page
All checks were successful
ask-mutual-fund Actions Workflow / test (push) Successful in 18s
Details
2025-10-17 19:30:20 +05:30
AnsariTufail
6ff1d729e2 Working on about page
All checks were successful
ask-mutual-fund Actions Workflow / test (push) Successful in 23s
Details
2025-10-17 18:40:28 +05:30
10 changed files with 918 additions and 534 deletions
Expand all files Collapse all files

4
components/header.html
View File

@@ -17,7 +17,7 @@
<div class="collapse navbar-collapse" id="navbarNav">
<div class="d-flex w-100 justify-content-between align-items-center">
<!-- Center Links -->
<ul class="navbar-nav gap-menu mx-auto text-center">
<ul class="navbar-nav gap-menu text-center">
<li class="nav-item"><a class="nav-link" href="#/our-fund">Our Fund</a></li>
<li class="nav-item"><a class="nav-link" href="#/our-team">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="#/about">About</a></li>
@@ -31,7 +31,7 @@
</li>
<li class="nav-item d-flex align-items-center">
<span class="text-white">Login</span>
<i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px;"></i>
<i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px; display: none;"></i>
</li>
</ul>

21
css/contact.css
View File

@@ -13,7 +13,7 @@
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 70vh;
height: 350px;
}
.contac-back-color {
@@ -26,7 +26,7 @@
display: flex;
justify-content: flex-start;
width: 100%;
padding-bottom: 60px;
padding-bottom: 72px;
}
.contact-tittle-banner {
@@ -78,10 +78,10 @@ p.contact-text-banner {
.contact-cards {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
margin-bottom: 65px;
}
.contact-card {
@@ -93,6 +93,9 @@ p.contact-text-banner {
border-bottom: 3px solid #b89c58;
/* gold underline */
transition: all 0.3s ease;
width: 368px;
height: 225px;
margin-right: 32px;
}
@@ -215,6 +218,13 @@ p.contact-text-banner {
.map-section {
flex-direction: column;
}
.contact-card {
width: 100%;
height: 135px;
margin-right: 0px;
margin-bottom: 32px;
}
.location-info.none-desktop {
display: block;
@@ -313,5 +323,6 @@ p.contact-text-banner {
background-size: cover;
background-position: -33px center;
padding: 0px 20px;
height: 70vh;
}
}

559
css/style.css
View File

@@ -18,6 +18,9 @@ a {
padding: 20px 0;
}
a.nav-link:hover {
color: #b58b4b;
}
/* Logo styling */
.navbar-brand img {
width: 147px;
@@ -27,6 +30,7 @@ a {
.navbar-expand-lg .gap-menu {
flex-direction: row;
gap: 20px;
margin-left: 40px;
}
/* Navbar links */
@@ -141,13 +145,42 @@ span.banner-desc {
text-transform: capitalize;
color: #fff;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
height: 100%;
}
.leftslider-line {
border-left: 2px solid #b18c4a;
/* border-left: 2px solid #b18c4a; */
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 20px;
background-image: url("../assests/images/slider-back.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
align-items: flex-start;
justify-content: center;
width: 100%;
}
.right-border {
border-left: 2px solid #b58b4b;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.right-new
{
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.invest-btn:hover {
@@ -328,11 +361,8 @@ a.color-a {
/* home */
.Slider-back {
background-image: url("../assests/images/slider-back.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 80vh;
height: 70vh;
}
.height-banner {
@@ -340,8 +370,10 @@ a.color-a {
align-items: center;
justify-content: center;
display: flex;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
@@ -364,6 +396,10 @@ a.color-a {
.ask-advantage {
padding: 60px 0;
}
.ask-advantage-home {
padding: 60px 0;
}
.ask-advantage2 {
padding: 0px 0px 60px 0px;
}
@@ -374,6 +410,27 @@ a.color-a {
padding: 60px 0 0 0;
}
.ask-advantage-home h2 {
font-family: var(--font-secondary);
font-weight: 400;
font-style: Regular;
font-size: 40px;
line-height: 100%;
letter-spacing: 0%;
color: #033a49;
}
.ask-advantage-home p.lead {
font-family: var(--font-primary);
font-weight: 400;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
color: #3e3f3f;
margin-bottom: 40px;
margin-top: 15px;
}
.ask-advantage h2 {
font-family: var(--font-secondary);
font-weight: 400;
@@ -391,10 +448,11 @@ a.color-a {
line-height: 100%;
letter-spacing: 0%;
color: #3e3f3f;
margin-bottom: 40px;
margin-bottom: 30px;
margin-top: 15px;
}
.advantage-box {
border-top: 2.4px solid #b18c4a;
padding-top: 45px;
@@ -402,6 +460,11 @@ a.color-a {
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
gap: 20px;
display: flex
;
flex-direction: column;
}
.advantage-box:hover {
@@ -416,10 +479,9 @@ a.color-a {
color: #fff !important;
}
.advantage-icon {
/* .advantage-icon {
margin-bottom: 15px;
}
} */
.icone1 {
width: 53px;
@@ -442,7 +504,7 @@ a.color-a {
}
.advantage-title {
margin-bottom: 8px;
margin-bottom: 0px;
font-family: var(--font-primary);
font-weight: 600;
font-size: 21px;
@@ -459,7 +521,7 @@ a.color-a {
letter-spacing: 0%;
vertical-align: middle;
color: #3e3f3f;
margin-top: 15px;
}
.stats-section {
@@ -591,10 +653,21 @@ span.banner-desc2 {
color: #fff;
}
.ask-advantage-blog {
padding: 80px 0px;
}
.ask-advantage-blog2 {
padding: 0px 0px 80px 0px;
}
.img-fluid {
width: 100% !important;
height: auto;
}
.tittle-blog {
font-family: var(--font-primary);
font-weight: 600;
font-size: 21px;
font-size: 28px;
line-height: 135%;
letter-spacing: 0%;
color: #3e3f3f;
@@ -614,7 +687,7 @@ span.banner-desc2 {
.desc-blog {
font-family: var(--font-primary);
font-weight: 400;
font-size: 15px;
font-size: 20px;
line-height: 135%;
color: #929197;
margin-bottom: 25px;
@@ -692,8 +765,7 @@ span.textaccor {
border-bottom: 1px solid #ddd;
}
.accordion-button {
padding-left: 0;
padding-right: 0;
padding: 24px 0px;
}
.accordion-body {
padding-left: 0;
@@ -702,8 +774,15 @@ span.textaccor {
/* out-team */
.team-section {
padding: 60px 0;
padding: 80px 0 30px 0;
background-color: #F6F6F6;
}
.team-spac {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 50px;
}
.team-section h2 {
font-family: var(--font-secondary);
@@ -721,6 +800,10 @@ span.textaccor {
vertical-align: middle;
color: #004a5d !important;
}
.team-img {
width: 362px;
height: 340px;
}
.text-muted {
color: #3e3f3f !important;
@@ -797,7 +880,7 @@ span.textaccor {
}
.team-info {
padding: 20px;
padding: 30px 20px;
text-align: left;
/* subtle shadow */
}
@@ -950,38 +1033,70 @@ span.textaccor {
.icon8 {
height: 41px;
}
.mobile {
display: none;
}
.descktop-marging-new {
margin-left: 30px;
gap: 50px;
}
.padding-icon {
padding: 0px 80px 0px 30px;
width: 20%;
padding: 30px 25px;
transition: all 0.5s ease;
border-radius: 10px;
}
.padding-icon:hover {
background-color: #E6E7E8;
border-radius: 10px;
}
.padding-icon1 {
padding: 0px 99px 0px 20px;
width: 20%;
padding: 30px 24px;
transition: all 0.5s ease;
border-radius: 10px;
}
.padding-icon1:hover {
background-color: #E6E7E8;
border-radius: 10px;
}
.padding-icon2 {
padding: 0px 114px 0px 0px;
width: 20%;
padding: 30px 35px;
transition: all 0.5s ease;
border-radius: 10px;
}
.padding-icon2:hover {
background-color: #E6E7E8;
border-radius: 10px;
}
.padding-icon3 {
padding: 0px 80px 0px 0px;
width: 20%;
padding: 30px 35px;
transition: all 0.5s ease;
border-radius: 10px;
}
.padding-icon3:hover {
background-color: #E6E7E8;
border-radius: 10px;
}
.padding-icon4 {
padding: 0px 93px 0px 30px;
width: 20%;
padding: 30px 35px;
transition: all 0.5s ease;
border-radius: 10px;
}
.padding-icon4:hover {
background-color: #E6E7E8;
border-radius: 10px;
}
.padding-icon5 {
padding: 0px 80px 0px 20px;
}
.padding-icon6 {
padding: 0px 133px 0px 0px;
}
.padding-icon7 {
padding: 0px 121px 0px 0px;
}
.gy-4 {
--bs-gutter-y: 2.5rem;
@@ -994,7 +1109,7 @@ span.textaccor {
/* our-fund */
.ask-advantage3 {
padding: 60px 0;
padding: 94px 0;
background-image: url("../assests/images/Our-Funds-back.svg");
}
@@ -1014,7 +1129,7 @@ span.textaccor {
font-size: 72px;
line-height: 100%;
color: #004a5d;
margin-bottom: 40px;
margin-bottom: 60px;
}
.coming-soon-container p {
@@ -1029,7 +1144,7 @@ span.textaccor {
.links {
display: inline-flex;
align-items: center;
gap: 20px;
gap: 30px;
}
.links a {
@@ -1063,6 +1178,7 @@ span.textaccor {
.banner_overlay {
width: 95%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
@@ -1092,12 +1208,8 @@ span.textaccor {
/* about history text */
.about-stats-section {
min-height: 600px;
background-color: #fff;
}
.about-stats-section .container {
padding-top: 60px;
padding: 60px 0px;
}
.about-text {
@@ -1117,56 +1229,80 @@ span.textaccor {
font-family: var(--font-primary);
}
.about-stats-row {
margin-top: 30px;
width: 100%;
.about-stats-section .row {
margin-top: 50px;
}
.about-stat-box h3 {
font-size: 40px;
font-weight: 400;
line-height: 60px;
color: #033a49;
margin-bottom: 10px;
font-family: var(--font-secondary);
}
.about-width-count {
width: 23%;
text-align: left;
}
.about-width-count2 {
width: 29%;
padding-left: 58px;
}
.about-width-count3 {
width: 23%;
padding-left: 60px;
}
.about-width-count4 {
width: 23%;
padding-left: 55px;
}
.about-stat-box p {
letter-spacing: 0.8px;
color: #3e3f3f;
margin: 0;
font-family: var(--font-primary);
font-weight: 600;
font-size: 14px;
line-height: 28px;
text-transform: uppercase;
}
.about-stat-box {
text-align: left;
}
.about-stat-border {
position: relative;
}
.about-stat-box {
border-right: 1px solid #b18c4a;
/* width: 236px; */
box-sizing: border-box;
}
.last-box {
border-right: none;
}
/* .about-stat-border::before {
.about-stat-border::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 112px;
height: 80px;
background-color: #b18c4a;
} */
.about-stat-box h3 {
font-size: 40px;
font-weight: 400;
line-height: 72px;
color: #033a49;
margin-bottom: 10px;
font-family: var(--font-secondary);
/* gold tone line */
}
.about-stat-box p {
font-size: 16px;
color: #3e3f3f;
line-height: 28px;
font-weight: 600;
text-transform: uppercase;
/* ✅ Remove divider for first item */
.about-stats-section .row .col-md-3:first-child::before {
display: none;
}
.about-as-of-date {
text-align: left;
font-family: var(--font-primary);
font-weight: 600;
font-style: italic;
font-style: Italic;
font-size: 16px;
line-height: 28px;
color: #929197;
@@ -1176,10 +1312,7 @@ span.textaccor {
.history_animation {
background: #131313;
height: 650px;
}
.history_animation .container {
padding-top: 60px;
padding: 60px 0;
}
.history_animation .container .title {
@@ -1302,12 +1435,12 @@ span.textaccor {
=========================== */
.swiper {
width: 100%;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0 60px;
box-sizing: border-box;
}
@@ -1441,7 +1574,6 @@ span.textaccor {
line-height: 100%;
text-transform: capitalize;
color: #b18c4a;
}
.blog-aling {
align-items: center;
@@ -1451,7 +1583,7 @@ span.textaccor {
width: 100%;
}
.blog-image {
margin-right: 30px;
margin-right: 32px;
width: 55%;
}
.blog-content {
@@ -1459,11 +1591,22 @@ span.textaccor {
}
@media (max-width: 768px) {
.navbar-expand-lg .gap-menu {
flex-direction: column;
gap: 12px;
padding: 25px 25px 12px 25px;
margin-left: 0px;
}
/* Logo styling */
.navbar-brand img {
width: 120px;
height: 24px;
}
.card-scroll {
margin-top: 5px;
}
.container {
padding: 0 25px 0 25px;
@@ -1485,13 +1628,25 @@ span.textaccor {
}
.Slider-back {
background-image: url("../assests/images/mobile-banner.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 90vh;
}
.leftslider-line {
/* border-left: 2px solid #b18c4a; */
padding-left: 20px;
margin-bottom: 20px;
background-image: url("../assests/images/mobile-banner.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
align-items: flex-start;
justify-content: center;
width: 100%;
}
span.banner-tittle {
font-family: var(--font-secondary);
font-weight: 400;
@@ -1506,13 +1661,13 @@ span.textaccor {
flex-direction: column;
gap: 30px;
}
.mySwiper2 img {
width: 50px;
height: 50px;
object-fit: contain;
display: block;
margin: 0; /* small bottom margin to reduce space */
}
.mySwiper2 .mobile-hight {
min-width: 50px;
min-height: 50px;
object-fit: contain;
display: block;
margin: 0; /* small bottom margin to reduce space */
}
.stat-border::before {
content: "";
@@ -1567,10 +1722,20 @@ span.textaccor {
line-height: 16px;
}
.ask-advantage h2 {
.ask-advantage-home h2 {
font-size: 24px;
line-height: 36px;
}
.ask-advantage-home p.lead {
font-size: 14px;
line-height: 22px;
}
.ask-advantage h2 {
font-size: 24px;
line-height: 36px;
}
.ask-advantage p.lead {
font-size: 14px;
line-height: 22px;
@@ -1588,8 +1753,20 @@ span.textaccor {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 320px;
height: 338px;
width: 267px;
gap: 20px;
display: flex;
flex-direction: column;
}
.arrang-back {
background: #fff;
}
.d-block {
display: block !important;
overflow: hidden;
padding-bottom: 10px;
}
.advantage-card::before {
content: "";
@@ -1601,14 +1778,12 @@ span.textaccor {
background-color: #b18c4a;
/* gold line */
}
.advantage-icon
{
margin-bottom: 15px;
.advantage-icon {
margin-bottom: 0px;
width: 100%;
display: flex;
justify-content: flex-start !important;
}
}
.arrow {
display: none;
@@ -1630,11 +1805,9 @@ span.textaccor {
/* show mobile arrow on mobile */
}
.mySwiper2 {
.mySwiper2 {
height: 338px !important;
}
}
.offcanvas-body img {
width: 100%;
height: auto;
@@ -1682,10 +1855,16 @@ span.textaccor {
.nav-item-t {
margin: 0 8px;
}
.team-spac {
padding-left: 13px;
padding-right: 13px;
margin-bottom: 20px;
}
.team-section h2 {
font-size: 32px;
line-height: 40px;
}
.team-info {
@@ -1693,8 +1872,12 @@ span.textaccor {
display: inline-grid;
align-content: space-around;
height: 100%;
gap: 20px;
gap: 10px;
}
.team-img {
width: 100%;
height: auto;
}
.team-info h5 {
font-size: 14px;
@@ -1718,7 +1901,7 @@ span.textaccor {
}
.team-card {
height: 260px;
height: 235px;
}
.offcanvas-header {
@@ -1748,9 +1931,17 @@ span.textaccor {
/* 👈 ensures equal height */
}
.advantage-title {
/* .advantage-title {
margin-top: 5px;
}
} */
.descktop {
display: none !important;
}
.mobile {
display: flex !important;
}
.padding-icon {
padding: 30px 15px;
@@ -1875,7 +2066,7 @@ span.textaccor {
}
.coming-soon-container h1 {
font-size: 48px;
margin-bottom: 25px;
margin-bottom: 40px;
}
.coming-soon-container p {
font-size: 14px;
@@ -1883,6 +2074,11 @@ span.textaccor {
.links a {
font-size: 12px;
}
.links {
display: inline-flex;
align-items: center;
gap: 25px;
}
/* mobile about-page */
.hero_banner {
@@ -1909,9 +2105,7 @@ span.textaccor {
}
.about-stats-section .container {
padding-left: 25px;
padding-right: 25px;
padding-top: 60px;
padding: 0px 25px;
}
.about-text {
@@ -1922,61 +2116,85 @@ span.textaccor {
font-size: 16px;
}
.about-stats-row {
.about-mobile-resp-count {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 30px;
}
.about-stat-border::before {
content: "";
position: absolute;
left: 50%;
top: -163%;
width: 1px;
height: 210px;
top: -115%;
width: 1px;
height: 130px;
background-color: #033a49;
transform: rotate(90deg);
}
.about-width-count {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.about-width-count2 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.about-width-count3 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.about-width-count4 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.about-stat-box {
border-bottom: 1px solid #033a49;
border-right: none;
width: 200px;
box-sizing: border-box;
/* margin-bottom: 20px; */
margin: 0 auto 20px auto;
}
.last-box {
border-bottom: none;
text-align: center;
margin-top: 10px;
}
.about-stat-box h3 {
font-size: 32px;
font-size: 24px;
line-height: 42px;
text-align: center;
}
.about-stat-box p {
font-size: 16px;
text-align: center;
margin-bottom: 30px;
}
.month-date-container {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 12vh;
line-height: 16px;
}
.about-as-of-date {
font-weight: 400;
text-align: center;
width: 100%;
/* border: 1px solid black; */
}
.history_animation {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
height: 600px;
-ms-overflow-style: none;
scrollbar-width: none;
}
.history_animation .container {
padding: 60px 0 0 25px;
.history_animation {
padding: 60px 0 60px 0 !important;
}
.history_animation .container .title {
font-size: 32px;
padding-left: 25px;
padding-right: 25px;
}
/* .timeline {
@@ -1989,8 +2207,8 @@ span.textaccor {
content: "";
position: absolute;
top: 50%;
left: 10px;
right: 10px;
left: 20px;
right: 20px;
height: 1px;
background: #b18b4a65;
transform: translateY(-50%);
@@ -2007,11 +2225,40 @@ span.textaccor {
font-weight: 600;
white-space: nowrap;
font-family: var(--font-primary);
top: -35px;
}
.swiper {
padding: 0;
margin-top: -40px;
.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;
}
.line-fill {
position: absolute;
top: 50%;
left: 25px; /* Adjust this to match first kite position */
height: 1px;
background: #b18b4a;
transform: translateY(-50%);
z-index: 1;
transition: width 0.5s ease;
}
.timeline-item {
position: relative;
z-index: 1;
top: -15px;
}
.swiper-slide h2 {
@@ -2184,21 +2431,27 @@ span.textaccor {
margin-bottom: 30px;
}
.Slider-back {
padding-left: 25px;
padding-right: 25px;
}
.ask-advantage {
padding: 60px 25px !important;
}
.ask-advantage-home {
padding: 40px 0px 40px 25px !important;
}
.ask-advantage-blog {
padding: 60px 25px !important;
}
.ask-advantage-blog2 {
padding: 0px 0px 60px 0px !important;
}
.stats-section {
padding: 40px 25px !important;
}
.team-section {
padding: 60px 25px !important;
padding: 60px 25px 40px 25px !important;
}
.mobile-left {

3
css/testing.css
View File

@@ -195,7 +195,8 @@ color: #3E3F3F;
{
font-size: 24px;
font-size: 26px;
line-height: 36px;
}
.ask-advantage-scroll p.lead {

2
index.html
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>

150
js/main.js
View File

@@ -127,7 +127,7 @@ const timelineData = {
// ✅ Initialize Timeline & Swiper
// ===============================
function initTimelineSwiper() {
const swiperWrapper = document.querySelector(".swiper-wrapper");
const swiperWrapper = document.querySelector(".swiper-wrapper");
const timelineItems = document.querySelectorAll(".timeline-item");
if (!swiperWrapper || !timelineItems.length) return;
@@ -141,7 +141,8 @@ function initTimelineSwiper() {
slide.classList.add("swiper-slide");
// ✅ Use mobile icon if on mobile, else desktop
const iconToUse = isMobile && content.mobileIcon ? content.mobileIcon : content.icon;
const iconToUse =
isMobile && content.mobileIcon ? content.mobileIcon : content.icon;
const headingColor = ["2015", "2017", "2018"].includes(year)
? "#ffffff"
@@ -173,18 +174,80 @@ function initTimelineSwiper() {
swiperWrapper.appendChild(slide);
});
// Line fill logic
// Line fill logic - UPDATED for mobile
const lineFill = document.querySelector(".line-fill");
const timeline = document.querySelector(".timeline");
const totalKites = timelineItems.length;
function updateTimeline(index) {
timelineItems.forEach((item, i) => {
item.classList.toggle("active", i === index);
});
const timelineWidth =
document.querySelector(".timeline")?.offsetWidth - 20;
const newWidth = (timelineWidth / (totalKites - 1)) * index;
if (lineFill) lineFill.style.width = newWidth + "px";
// Check if mobile (timeline is scrollable)
const isMobileView = window.matchMedia("(max-width: 768px)").matches;
if (isMobileView && timeline && lineFill) {
// FIXED: Mobile line fill calculation - exact kite to kite
const firstKite = timelineItems[0];
const lastKite = timelineItems[totalKites - 1];
if (firstKite && lastKite) {
// Calculate exact positions of first and last kite centers
const firstKiteCenter =
firstKite.offsetLeft + firstKite.offsetWidth / 2;
const lastKiteCenter = lastKite.offsetLeft + lastKite.offsetWidth / 2;
// Total distance between first and last kite centers
const totalDistance = lastKiteCenter - firstKiteCenter;
// Calculate width based on current index
const progress = index / (totalKites - 1);
const newWidth = totalDistance * progress;
// Set the line fill width
lineFill.style.width = newWidth + "px";
}
} else {
// Desktop line fill calculation (your original code)
const timelineWidth = timeline?.offsetWidth - 20;
const newWidth = (timelineWidth / (totalKites - 1)) * index;
if (lineFill) lineFill.style.width = newWidth + "px";
}
// Auto-scroll for mobile only
if (isMobileView) {
autoScrollTimeline(index);
}
}
// Auto-scroll timeline horizontally - MOBILE ONLY
function autoScrollTimeline(index) {
if (!timeline) return;
const activeItem = timelineItems[index];
if (!activeItem) return;
const itemLeft = activeItem.offsetLeft;
const itemWidth = activeItem.offsetWidth;
const containerWidth = timeline.offsetWidth;
// Calculate the target scroll position to show current year
// completely visible at the far right edge with a small padding
const rightPadding = 40;
const targetScroll = itemLeft + itemWidth - containerWidth + rightPadding;
// Ensure we don't scroll beyond the start or end of the timeline
const maxScroll = timeline.scrollWidth - containerWidth;
const clampedScroll = Math.max(0, Math.min(targetScroll, maxScroll));
// Only scroll if we're not already at the correct position
if (Math.abs(timeline.scrollLeft - clampedScroll) > 4) {
timeline.scrollTo({
left: clampedScroll,
behavior: "smooth",
});
}
}
// Initialize Swiper
@@ -192,8 +255,13 @@ function initTimelineSwiper() {
spaceBetween: 20,
centeredSlides: true,
effect: "fade",
fadeEffect: {
crossFade: true, // 👈 this makes previous slide fade out smoothly
},
speed: 2500, // controls fade speed (in ms)
autoplay: {
delay: 3000,
delay: 2200,
disableOnInteraction: false,
},
navigation: {
@@ -206,7 +274,24 @@ function initTimelineSwiper() {
updateTimeline(swiper.realIndex);
});
// Add click events to timeline items
timelineItems.forEach((item, index) => {
item.addEventListener("click", () => {
updateTimeline(index);
swiper.slideTo(index);
});
});
updateTimeline(0);
// Handle window resize - recalculate after a short delay
let resizeTimeout;
window.addEventListener("resize", function () {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(function () {
updateTimeline(swiper.realIndex);
}, 250);
});
}
// ===============================
@@ -241,9 +326,6 @@ window.openDrawer = function (name, role, img, desc) {
drawer.show();
};
let cards = [];
let currentIndex = 0;
let animating = false;
@@ -253,7 +335,7 @@ function initGsapStackScroll() {
const section = document.querySelector(".cards-wrapper");
if (!section) return;
cards = Array.from(section.querySelectorAll('.card-scroll'));
cards = Array.from(section.querySelectorAll(".card-scroll"));
if (!cards.length) return;
// Hide all cards initially, show the first one
@@ -261,8 +343,8 @@ function initGsapStackScroll() {
gsap.set(cards[0], { opacity: 1, y: "0px", zIndex: 4 });
currentIndex = 0;
section.addEventListener('mouseenter', () => (isInsideSection = true));
section.addEventListener('mouseleave', () => (isInsideSection = false));
section.addEventListener("mouseenter", () => (isInsideSection = true));
section.addEventListener("mouseleave", () => (isInsideSection = false));
window.removeEventListener("wheel", window._gsapStackHandler);
window._gsapStackHandler = function (e) {
@@ -277,7 +359,9 @@ function initGsapStackScroll() {
}
};
window.addEventListener('wheel', window._gsapStackHandler, { passive: false });
window.addEventListener("wheel", window._gsapStackHandler, {
passive: false,
});
}
function showNextGsapCard() {
@@ -294,7 +378,7 @@ function showNextGsapCard() {
opacity: 1,
duration: 0.8,
ease: "power2.inOut",
onComplete: () => current.classList.add("previous")
onComplete: () => current.classList.add("previous"),
});
// Animate next card (slide in from below and become active)
@@ -331,7 +415,7 @@ function showPrevGsapCard() {
opacity: 0,
duration: 0.8,
ease: "power2.inOut",
onComplete: () => current.classList.remove("previous")
onComplete: () => current.classList.remove("previous"),
});
// Bring back previous card as active
@@ -355,14 +439,14 @@ function showPrevGsapCard() {
function adjustPreviousCards() {
// Reset all cards to default state
gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
// Always show the current active card
if (cards[currentIndex]) {
gsap.set(cards[currentIndex], {
y: "60px",
scale: 1,
opacity: 1,
zIndex: 5
gsap.set(cards[currentIndex], {
y: "60px",
scale: 1,
opacity: 1,
zIndex: 5,
});
}
@@ -370,15 +454,15 @@ function adjustPreviousCards() {
for (let i = 1; i <= 3; i++) {
const prevIndex = currentIndex - i;
if (prevIndex >= 0) {
const yOffset = 60 - (i * 30); // 60px, 40px, 20px, 0px
const scale = 1 - (i * 0.05); // 1, 0.95, 0.9, 0.85
const yOffset = 60 - i * 30; // 60px, 40px, 20px, 0px
const scale = 1 - i * 0.05; // 1, 0.95, 0.9, 0.85
const zIndex = 5 - i; // 5, 4, 3, 2
gsap.set(cards[prevIndex], {
y: `${yOffset}px`,
scale: scale,
opacity: 1,
zIndex: zIndex
gsap.set(cards[prevIndex], {
y: `${yOffset}px`,
scale: scale,
opacity: 1,
zIndex: zIndex,
});
}
}
@@ -386,10 +470,6 @@ function adjustPreviousCards() {
document.addEventListener("DOMContentLoaded", initGsapStackScroll);
// ===============================
// ✅ Load Page Content Dynamically
// ===============================

59
pages/about.html
View File

@@ -1,4 +1,3 @@
<section class="hero_banner">
<div class="banner_overlay">
<div class="hero_content">
@@ -15,63 +14,69 @@
<section class="about-stats-section">
<div class="container">
<div class="row">
<div>
<p class="about-text">
Since our founding in 1983, ASK Asset & Wealth Management Group has been driven by a fundamental
question: What truly matters? Our unequivocal answer is Quality. This commitment
propels us to deliver unmatched growth of returns for our clients and partners. We do this with our deep
understanding of market dynamics, cultivated through meticulous research and experience. Our businesses,
across listed equities, alternates, real estate private equity, hedge funds, wealth management and more
bring an array of bespoke solutions and market defining strategies. With these handpicked strategies and
sharp market insights, we aim to deliver wealth preservation and appreciation over time.
</p>
<p class="about-sub-text">What sets us apart is our focus on what matters most.</p>
</div>
<div>
<p class="about-text">
Since our founding in 1983, ASK Asset & Wealth Management Group has been
driven by a fundamental question: What truly matters? Our unequivocal
answer is Quality. This commitment propels us to deliver unmatched
growth of returns for our clients and partners. We do this with our deep
understanding of market dynamics, cultivated through meticulous research
and experience. Our businesses, across listed equities, alternates, real
estate private equity, hedge funds, wealth management and more bring an
array of bespoke solutions and market defining strategies. With these
handpicked strategies and sharp market insights, we aim to deliver
wealth preservation and appreciation over time.
</p>
<p class="about-sub-text">
What sets us apart is our focus on what matters most.
</p>
</div>
<div class="row justify-content-between align-items-center about-stats-row">
<div class="col-md-3 col-6 mb-4 mb-md-0 width-count">
<div
class="row justify-content-center align-items-center about-mobile-resp-count"
>
<div class="col-md-3 col-6 mb-4 mb-md-0 about-width-count">
<div class="about-stat-box">
<h3>40 Years</h3>
<p>Years of Expertise</p>
</div>
</div>
<div class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border width-count2">
<div
class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border about-width-count2"
>
<div class="about-stat-box">
<h3>₹84,500 Cr+</h3>
<p>Assets Managed</p>
</div>
</div>
<div class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border width-count3">
<div
class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border about-width-count3"
>
<div class="about-stat-box">
<h3>20,000+</h3>
<p>Clients Served</p>
</div>
</div>
<div class="col-md-3 col-6 about-stat-border width-count4">
<div class="about-stat-box last-box">
<div class="col-md-3 col-6 about-stat-border about-width-count4">
<div class="about-stat-box">
<h3>29 Years</h3>
<p>Equity Experience</p>
</div>
</div>
</div>
<div class="month-date-container mt-4">
<span class="about-as-of-date ">As of July 2025</span>
<div class="mt-4">
<span class="about-as-of-date">As of July 2025</span>
</div>
</div>
</div>
</section>
<section class="history_animation">
<div class="container">
<h1 class="title">Our History</h1>
<!-- Timeline -->
<!-- Timeline -->
<ul class="timeline">
<li class="timeline-item" data-year="1983"><span class="kite"></span></li>
<li class="timeline-item" data-year="1991"><span class="kite"></span></li>
@@ -96,7 +101,5 @@
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</section>

4
pages/blog.html
View File

@@ -14,7 +14,7 @@
</section>
<section class="ask-advantage container">
<section class="ask-advantage-blog container">
<div class="row">
<div class="col-md-12">
<div class="blog-card d-flex align-items-center">
@@ -41,7 +41,7 @@
</section>
<section class="ask-advantage2 container">
<section class="ask-advantage-blog2 container">
<h2>Top Picks</h2>
<div class="row g-4 mt-3">

539
pages/home.html
View File

@@ -1,5 +1,5 @@
<section class="Slider-back">
<div id="carouselExampleIndicators" class="carousel slide container height-banner" data-bs-ride="carousel">
<div id="carouselExampleIndicators" class="carousel slide height-banner" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
@@ -11,42 +11,54 @@
<div class="carousel-inner">
<div class="carousel-item active leftslider-line">
<div class="tittle-top">
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
</div>
<div class="desc-top">
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
</div>
<div class="button-to">
<span class="invest-btn2">
<a href="#" class="">Invest Now</a>
</span>
<div class="right-new container">
<div class="right-border">
<div class="tittle-top">
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
</div>
<div class="desc-top">
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
</div>
<div class="button-to">
<span class="invest-btn2">
<a href="#" class="">Invest Now</a>
</span>
</div>
</div>
</div>
</div>
<div class="carousel-item leftslider-line">
<div class="tittle-top">
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
</div>
<div class="desc-top">
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
</div>
<div class="button-to">
<span class="invest-btn2">
<a href="#" class="">Invest Now</a>
</span>
<div class="right-new container">
<div class="right-border">
<div class="tittle-top">
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
</div>
<div class="desc-top">
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
</div>
<div class="button-to">
<span class="invest-btn2">
<a href="#" class="">Invest Now</a>
</span>
</div>
</div>
</div>
</div>
<div class="carousel-item leftslider-line">
<div class="tittle-top">
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
</div>
<div class="desc-top">
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
</div>
<div class="button-to">
<span class="invest-btn2">
<a href="#" class="">Invest Now</a>
</span>
<div class="right-new container">
<div class="right-border">
<div class="tittle-top">
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
</div>
<div class="desc-top">
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
</div>
<div class="button-to">
<span class="invest-btn2">
<a href="#" class="">Invest Now</a>
</span>
</div>
</div>
</div>
</div>
</div>
@@ -54,7 +66,7 @@
</div>
</section>
<section class="ask-advantage container">
<section class="ask-advantage-home container">
<h2>The ASK Advantage</h2>
<p class="lead">We blend expert management and a personalized approach to help you grow wealth with confidence.</p>
<div class="d-none d-md-block">
@@ -69,7 +81,7 @@
</div>
<div class="col-md-3 col-sm-6 mb-4 d-flex">
<div class="advantage-box flex-fill">
<div class="advantage-icon"><img src="./assests/images/icon2.svg" alt=""></div>
<div class="advantage-icon" style="margin-top: 7px;"><img src="./assests/images/icon2.svg" alt="" ></div>
<h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
<p class="advantage-text">Combine the power of disciplined investing with expert-designed portfolios for
consistent growth.</p>
@@ -95,62 +107,62 @@
</div>
<!-- Mobile View (Slider) -->
<div class="d-block d-md-none">
<div class="swiper mySwiper2">
<div class="swiper-wrapper">
<div class="d-block d-md-none">
<div class="swiper-home mySwiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="advantage-card">
<div class="advantage-icon">
<img src="./assests/images/icon1.svg" alt="">
<div class="swiper-slide arrang-back">
<div class="advantage-card">
<div class="advantage-icon">
<img src="./assests/images/icon1.svg" alt="" class="mobile-hight">
</div>
<h5 class="advantage-title">Expert Portfolio Management</h5>
<p class="advantage-text">
Benefit from our seasoned fund managers’ decades of market expertise.
</p>
</div>
</div>
<div class="swiper-slide arrang-back">
<div class="advantage-card">
<div class="advantage-icon">
<img src="./assests/images/icon2.svg" alt="" class="mobile-hight">
</div>
<h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
<p class="advantage-text">
Combine the power of disciplined investing with expert-designed portfolios for consistent growth.
</p>
</div>
</div>
<div class="swiper-slide arrang-back">
<div class="advantage-card">
<div class="advantage-icon">
<img src="./assests/images/icon3.svg" alt="" class="mobile-hight">
</div>
<h5 class="advantage-title">High-Conviction, Quality Portfolios</h5>
<p class="advantage-text">
Our equity strategies focus on high-quality businesses with long-term growth potential.
</p>
</div>
</div>
<div class="swiper-slide arrang-back">
<div class="advantage-card">
<div class="advantage-icon">
<img src="./assests/images/icon4.svg" alt="" class="mobile-hight">
</div>
<h5 class="advantage-title">Low-Cost Access to Global ETFs</h5>
<p class="advantage-text">
Invest globally and locally through ETFs with sectoral, thematic, and international options.
</p>
</div>
<h5 class="advantage-title">Expert Portfolio Management</h5>
<p class="advantage-text">
Benefit from our seasoned fund managers’ decades of market expertise.
</p>
</div>
</div>
<div class="swiper-slide">
<div class="advantage-card">
<div class="advantage-icon">
<img src="./assests/images/icon2.svg" alt="">
</div>
<h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
<p class="advantage-text">
Combine the power of disciplined investing with expert-designed portfolios for consistent growth.
</p>
</div>
</div>
<div class="swiper-slide">
<div class="advantage-card">
<div class="advantage-icon">
<img src="./assests/images/icon3.svg" alt="">
</div>
<h5 class="advantage-title">High-Conviction, Quality Portfolios</h5>
<p class="advantage-text">
Our equity strategies focus on high-quality businesses with long-term growth potential.
</p>
</div>
</div>
<div class="swiper-slide">
<div class="advantage-card">
<div class="advantage-icon">
<img src="./assests/images/icon4.svg" alt="">
</div>
<h5 class="advantage-title">Low-Cost Access to Global ETFs</h5>
<p class="advantage-text">
Invest globally and locally through ETFs with sectoral, thematic, and international options.
</p>
</div>
</div>
</div>
</div>
</div>
@@ -198,11 +210,11 @@
<section class="ask-advantage-scroll container">
<h2>Your Investment Journey, Made Simple</h2>
<p class="lead">Follow these simple steps to start your investment journey</p>
<div class="cards-wrapper">
<!-- Card 1 -->
<div class="card-scroll">
<div class="card-content">
<div class="card-label"><span>01</span></div>
<h3 class="scroll-tiile">Know why you're investing</h3>
@@ -213,7 +225,7 @@
<li class="scroll-li">Know your risk-taking ability</li>
<li class="scroll-li">Decide between growth or steady income</li>
</ul>
<div class="button-to">
<div class="button-to">
<span class="invest-btn3">
<a href="#" class="">Explore Now</a>
</span>
@@ -226,7 +238,7 @@
<!-- Card 2 -->
<div class="card-scroll">
<div class="card-content">
<div class="card-label"><span>02</span></div>
<h3 class="scroll-tiile">Choose the Right Mutual Fund</h3>
@@ -237,7 +249,7 @@
<li class="scroll-li">Consider past performance and returns</li>
<li class="scroll-li">Match the fund to your financial goal</li>
</ul>
<div class="button-to">
<div class="button-to">
<span class="invest-btn3">
<a href="#" class="">Explore Now</a>
</span>
@@ -249,8 +261,8 @@
</div>
<!-- Card 3 -->
<div class="card-scroll">
<div class="card-scroll">
<div class="card-content">
<div class="card-label"><span>03</span></div>
<h3 class="scroll-tiile">One KYC, Lifetime Access</h3>
@@ -261,7 +273,7 @@
<li class="scroll-li">Do it once, valid across all mutual fund houses</li>
<li class="scroll-li">You can complete KYC online in minutes</li>
</ul>
<div class="button-to">
<div class="button-to">
<span class="invest-btn3">
<a href="#" class="">Explore Now</a>
</span>
@@ -274,7 +286,7 @@
<!-- Card 4 -->
<div class="card-scroll">
<div class="card-content">
<div class="card-label"><span>04</span></div>
<h3 class="scroll-tiile">Start Small & Invest Smartly</h3>
@@ -285,7 +297,7 @@
<li class="scroll-li">Diversify across multiple fund types</li>
<li class="scroll-li">Use a trusted platform or app</li>
</ul>
<div class="button-to">
<div class="button-to">
<span class="invest-btn3">
<a href="#" class="">Explore Now</a>
</span>
@@ -297,9 +309,9 @@
</div>
<!-- Card 5 -->
<!-- Card 5 -->
<div class="card-scroll">
<div class="card-content">
<div class="card-label"><span>05</span></div>
<h3 class="scroll-tiile">Monitor & Rebalance Regularly</h3>
@@ -310,7 +322,7 @@
<li class="scroll-li">Switch underperforming funds</li>
<li class="scroll-li">Review once every 6–12 months</li>
</ul>
<div class="button-to">
<div class="button-to">
<span class="invest-btn3">
<a href="#" class="">Explore Now</a>
</span>
@@ -329,8 +341,55 @@
<section class="ask-advantage container">
<h2>Life Moments You Can Plan For</h2>
<p class="lead">Choose a Goal and we’ll help you invest for it, step by step</p>
<div class="row gy-4 mt-row mobile-left">
<div class="row descktop descktop-marging-new mobile-left">
<div class="col-6 col-sm-6 col-lg-3 padding-icon">
<img src="./assests/images/life1.svg" alt="icon" class="mb-4 icon1">
<h6 class=" text-primary">Buying My Dream Home</h6>
<p class="text-muted small">Save up for the perfect place at your pace</p>
</div>
<div class="col-6 col-sm-6 col-lg-3 padding-icon">
<img src="./assests/images/life2.svg" alt="icon" class="mb-4 icon2">
<h6 class=" text-primary">Kids' Big<br> Dreams</h6>
<p class="text-muted small">Because tuition shouldn’t be a worry</p>
</div>
<div class="col-6 col-sm-6 col-lg-3 padding-icon1">
<img src="./assests/images/life3.svg" alt="icon" class="mb-4 icon3">
<h6 class=" text-primary">Early <br>Retirement Goals</h6>
<p class="text-muted small">Plan your work-free years ahead</p>
</div>
<div class="col-6 col-sm-6 col-lg-3 padding-icon">
<img src="./assests/images/life4.svg" alt="icon" class="mb-4 icon4">
<h6 class=" text-primary">Saving Taxes the Right Way</h6>
<p class="text-muted small">Optimize your tax savings legally</p>
</div>
</div>
<div class="row descktop descktop-marging-new mobile-left">
<div class="col-6 col-sm-6 col-lg-3 padding-icon2">
<img src="./assests/images/life5.svg" alt="icon" class="mb-4 icon5">
<h6 class=" text-primary">Dream Vacation</h6>
<p class="text-muted small">Turn your dream getaway into reality</p>
</div>
<div class="col-6 col-sm-6 col-lg-3 padding-icon">
<img src="./assests/images/life6.svg" alt="icon" class="mb-4 icon6">
<h6 class=" text-primary">Emergency Corpus</h6>
<p class="text-muted small">Stay prepared for life’s unexpected turns</p>
</div>
<div class="col-6 col-sm-6 col-lg-3 padding-icon3">
<img src="./assests/images/life7.svg" alt="icon" class="mb-4 icon7">
<h6 class=" text-primary">Regular Income</h6>
<p class="text-muted small">Secure a steady flow of income</p>
</div>
<div class="col-6 col-sm-6 col-lg-3 padding-icon4">
<img src="./assests/images/life8.svg" alt="icon" class="mb-4 icon8">
<h6 class=" text-primary">Wealth Creation</h6>
<p class="text-muted small">Grow your money steadily over time</p>
</div>
</div>
<div class="row mobile mobile-left">
<div class="col-6 col-sm-6 col-lg-3 padding-icon">
<img src="./assests/images/life1.svg" alt="icon" class="mb-4 icon1">
<h6 class=" text-primary">Buying My Dream Home</h6>
@@ -351,8 +410,15 @@
<h6 class=" text-primary">Saving Taxes the Right Way</h6>
<p class="text-muted small">Optimize your tax savings legally</p>
</div>
</div>
<div class="row mobile mobile-left">
<div class="col-6 col-sm-6 col-lg-3 padding-icon4">
<img src="./assests/images/life5.svg" alt="icon" class="mb-4 icon5" >
<img src="./assests/images/life5.svg" alt="icon" class="mb-4 icon5">
<h6 class=" text-primary">Dream Vacation</h6>
<p class="text-muted small">Turn your dream getaway into reality</p>
</div>
@@ -376,10 +442,10 @@
</section>
<section class="where2 container">
<div class="where-back">
<div class="where-text">
<div>
<div class="where-back">
<div class="where-text">
<div>
<div class="tittle-top">
<span class="banner-tittle1">Not Sure Where to Start?</span>
</div>
@@ -394,58 +460,65 @@
<a href="#" class="">Get in Touch</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ask-advantage container">
<h2>Insights to Grow Your Wealth Smarter</h2>
<p class="lead">Stay updated with fresh perspectives, financial strategies, and stories that help you make more informed decisions.</p>
<p class="lead">Stay updated with fresh perspectives, financial strategies, and stories that help you make more
informed decisions.</p>
<div class="row g-4">
<div class="col-md-4">
<div class="blog-card">
<img src="./assests/images/blog1.svg" alt="Understanding SIPs" class="img-fluid rounded-3 mb-3">
<h5 class="tittle-blog">Understanding SIPs: Building Wealth One Step at a Time</h5>
<p class="time">7 min read</p>
<p class="desc-blog">
Small monthly investments can lead to big financial milestones. Explore how SIPs work, why they matter, and how you can get started today.
</p>
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
</div>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./assests/images/blog2.svg" alt="Goals First" class="img-fluid rounded-3 mb-3">
<h5 class="tittle-blog">Goals First: Planning for Retirement, Children & More</h5>
<p class="time">7 min read</p>
<p class="desc-blog">
Whether it’s your dream home or your child’s future, financial goals need clarity and discipline. Learn how goal-based investing can help.
</p>
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./assests/images/blog1.svg" alt="Understanding SIPs" class="img-fluid rounded-3 mb-3">
<h5 class="tittle-blog">Understanding SIPs: Building Wealth One Step at a Time</h5>
<p class="time">7 min read</p>
<p class="desc-blog">
Small monthly investments can lead to big financial milestones. Explore how SIPs work, why they matter, and
how you can get started today.
</p>
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt=""
class="blogarrow"></a>
</div>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./assests/images/blog3.svg" alt="Market Cycles" class="img-fluid rounded-3 mb-3">
<h5 class="tittle-blog">How Market Cycles Affect Mutual Fund Returns</h5>
<p class="time">7 min read</p>
<p class="desc-blog">
Markets rise and fall — but how does that impact your mutual fund investments? Learn how long-term compounding can smooth out volatility.
</p>
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./assests/images/blog2.svg" alt="Goals First" class="img-fluid rounded-3 mb-3">
<h5 class="tittle-blog">Goals First: Planning for Retirement, Children & More</h5>
<p class="time">7 min read</p>
<p class="desc-blog">
Whether it’s your dream home or your child’s future, financial goals need clarity and discipline. Learn how
goal-based investing can help.
</p>
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt=""
class="blogarrow"></a>
</div>
</div>
<div class="col-md-4">
<div class="blog-card">
<img src="./assests/images/blog3.svg" alt="Market Cycles" class="img-fluid rounded-3 mb-3">
<h5 class="tittle-blog">How Market Cycles Affect Mutual Fund Returns</h5>
<p class="time">7 min read</p>
<p class="desc-blog">
Markets rise and fall — but how does that impact your mutual fund investments? Learn how long-term compounding
can smooth out volatility.
</p>
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt=""
class="blogarrow"></a>
</div>
</div>
</div>
</section>
@@ -455,110 +528,114 @@
<div class="accordion" id="accordionExample">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-expanded="true" aria-controls="collapseOne">
Is it safe to invest in mutual funds?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
Mutual funds are regulated by SEBI and offer risk diversification, but returns are not guaranteed and depend on market performance.
</span>
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-expanded="true" aria-controls="collapseOne">
Is it safe to invest in mutual funds?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
Mutual funds are regulated by SEBI and offer risk diversification, but returns are not guaranteed and
depend on market performance.
</span>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
How much money do I need to start?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
You can begin investing in most mutual funds with as little as ₹500 via SIP or lump sum.
</span>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
How much money do I need to start?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
You can begin investing in most mutual funds with as little as ₹500 via SIP or lump sum.
</span>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
Can I withdraw my money anytime?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
Yes, most open-ended mutual funds allow withdrawals anytime, though some may have exit loads or specific lock-in periods.
</span>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Can I withdraw my money anytime?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
Yes, most open-ended mutual funds allow withdrawals anytime, though some may have exit loads or specific
lock-in periods.
</span>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour"
aria-expanded="false" aria-controls="collapseFour">
How are mutual funds taxed?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
Tax is based on the type of fund and holding period, with separate rules for equity and debt funds as per prevailing tax laws.
</span>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
How are mutual funds taxed?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
Tax is based on the type of fund and holding period, with separate rules for equity and debt funds as per
prevailing tax laws.
</span>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive"
aria-expanded="false" aria-controls="collapseFive">
Do mutual funds guarantee returns?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
No, mutual funds do not guarantee returns; their value fluctuates according to market movements.
</span>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
Do mutual funds guarantee returns?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
No, mutual funds do not guarantee returns; their value fluctuates according to market movements.
</span>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix"
aria-expanded="false" aria-controls="collapseSix">
What is NAV in mutual funds?
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
NAV (Net Asset Value) is the per-unit price of a mutual fund, calculated daily after accounting for fund assets and liabilities.
</span>
<div class="accordion-item">
<h2 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
What is NAV in mutual funds?
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<span class="textaccor">
NAV (Net Asset Value) is the per-unit price of a mutual fund, calculated daily after accounting for fund
assets and liabilities.
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

111
pages/our-team.html
View File

@@ -26,12 +26,13 @@
<div class="tab-content" id="teamTabsContent">
<!-- Leadership Tab -->
<div class="tab-pane fade show active" id="leadership" role="tabpanel">
<div class="row g-4 mt-2">
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="card team-card"
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team1.svg" alt="Bharat Shah">
<div class="row g-4 ">
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
<div class="card team-card"
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
<img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
<div class="team-info">
<div class="text-height">
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
@@ -44,10 +45,11 @@
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="card team-card"
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team2.svg" alt="Sunil Rohokale">
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
<div class="card team-card"
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
<img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
<div class="team-info">
<div class="text-height">
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
@@ -60,10 +62,11 @@
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="card team-card"
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team3.svg" alt="Bhavana Shah">
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
<div class="card team-card"
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
<img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
<div class="team-info">
<div class="text-height">
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
@@ -75,12 +78,12 @@
</div>
</div>
</div>
</div>
<div class="row g-4 mt-2">
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="card team-card"
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team1.svg" alt="Bharat Shah">
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
<div class="card team-card"
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
<img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
<div class="team-info">
<div class="text-height">
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
@@ -93,10 +96,11 @@
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="card team-card"
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team2.svg" alt="Sunil Rohokale">
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
<div class="card team-card"
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
<img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
<div class="team-info">
<div class="text-height">
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
@@ -109,10 +113,11 @@
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="card team-card"
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team3.svg" alt="Bhavana Shah">
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
<div class="card team-card"
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
<img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
<div class="team-info">
<div class="text-height">
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
@@ -124,56 +129,10 @@
</div>
</div>
</div>
</div>
<div class="row g-4 mt-2">
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="card team-card"
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team1.svg" alt="Bharat Shah">
<div class="team-info">
<div class="text-height">
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
<p>Chief Investment Officer</p>
</div>
<div class="arrow-m-right">
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="card team-card"
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team2.svg" alt="Sunil Rohokale">
<div class="team-info">
<div class="text-height">
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
<p>Chief Business Officer</p>
</div>
<div class="arrow-m-right">
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="card team-card"
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team3.svg" alt="Bhavana Shah">
<div class="team-info">
<div class="text-height">
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
<p>Chief Business Officer</p>
</div>
<div class="arrow-m-right">
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
</div>
</div>
</div>
</div>
</div>
</div>