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

Compare commits

base: Mohd.Ansari:7d3055b78c394b0fd5a57432856a11b344732c3e
Branches Tags
Mohd.Ansari:main Mohd.Ansari:vivek Mohd.Ansari:tufail-dev Mohd.Ansari:parth-dev
...
compare: Mohd.Ansari:a0034abfb178d9a45d9fac1185622c147b6ea430
Branches Tags
Mohd.Ansari:main Mohd.Ansari:vivek Mohd.Ansari:tufail-dev Mohd.Ansari:parth-dev

3 Commits
7d3055b78c ... a0034abfb1

Author SHA1 Message Date
unknown
a0034abfb1 fix card bg and scroll animation of home page
All checks were successful
ask-mutual-fund Actions Workflow / test (push) Successful in 16s
Details
2025-10-29 14:52:24 +05:30
AnsariTufail
21ffad2a9a bug fixed 2025-10-29 10:15:45 +05:30
unknown
6f578d1162 made feedback changes 2025-10-27 20:19:56 +05:30
9 changed files with 923 additions and 621 deletions
Expand all files Collapse all files

27
assests/images/ask-adv-card-bg.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg width="268" height="355" viewBox="0 0 268 355" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_213_910)">
<rect width="268" height="356" transform="translate(0 -0.985596)" fill="#004A5D"/>
<path d="M-27.5364 305.791L-413.859 -68.6042H391.279L390.626 218.921L-28.1892 719.963L-27.5364 305.791Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M368.46 210.835L-11.1865 664.783L-10.6227 290.119L-359.557 -48.0422H369.053L368.46 210.835Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M346.295 202.711L5.78801 609.606L6.32216 274.448L-305.282 -27.5168H346.829L346.295 202.711Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M324.129 194.622L22.7918 554.424L23.2369 258.774L-250.979 -6.95728H324.574L324.129 194.622Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M301.962 186.5L39.7649 499.247L40.1506 243.104L-196.676 13.6077H302.348L301.962 186.5Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M279.797 178.374L56.7686 444.105L57.095 227.431L-142.372 34.1301H280.123L279.797 178.374Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M257.599 170.288L73.7402 388.926L74.0073 211.759L-88.1006 54.6921H257.866L257.599 170.288Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M235.432 162.163L90.743 333.746L90.921 196.086L-33.7979 75.2542H235.64L235.432 162.163Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M213.267 154.075L107.717 278.566L107.836 180.452L20.5059 95.7771H213.415L213.267 154.075Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M191.1 145.953L124.69 223.389L124.779 164.783L74.8086 116.342H191.159L191.1 145.953Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<path d="M141.692 168.245V149.108L129.081 136.901H168.933V137.825L141.692 168.245Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
<rect x="-306.667" y="-103.544" width="575.029" height="693.926" fill="url(#paint0_linear_213_910)"/>
</g>
<defs>
<linearGradient id="paint0_linear_213_910" x1="0.999762" y1="378.015" x2="367.062" y2="192.736" gradientUnits="userSpaceOnUse">
<stop stop-color="#004A5D"/>
<stop offset="0.489094" stop-color="#004A5D" stop-opacity="0.9"/>
<stop offset="1" stop-color="#004A5D" stop-opacity="0.3"/>
</linearGradient>
<clipPath id="clip0_213_910">
<rect width="268" height="356" fill="white" transform="translate(0 -0.985596)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

65
components/header.html
View File

@@ -1,15 +1,20 @@
<nav class="navbar navbar-expand-lg ">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo -->
<div class="mobile-adj">
<a class="navbar-brand d-flex align-items-center" href="">
<img src="./assests/images/ask-mutual-fund-logo.svg" alt="My Logo" height="40">
<img
src="./assests/images/ask-mutual-fund-logo.svg"
alt="My Logo"
height="40"
/>
</a>
<!-- Toggle Button -->
<button class="navbar-toggler" type="button">
<span class="open-icon">&#9776;</span> <!-- hamburger -->
<span class="close-icon d-none">&times;</span> <!-- close icon -->
<span class="open-icon">&#9776;</span>
<!-- hamburger -->
<span class="close-icon d-none">&times;</span>
<!-- close icon -->
</button>
</div>
@@ -18,10 +23,18 @@
<div class="d-flex w-100 justify-content-between align-items-center">
<!-- Center Links -->
<ul class="navbar-nav gap-menu mx-auto 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>
<li class="nav-item"><a class="nav-link" href="#/contact">Contact</a></li>
<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 Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#/contact">Contact Us</a>
</li>
</ul>
<!-- Right Buttons -->
@@ -31,41 +44,49 @@
</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>
<div class="topbar-mobile ">
<div class="topbar-mobile">
<div class="mobile-call">
<a href="tel:(+91) 93256 07030" class="color-b">
<i class="bi bi-telephone " style="width: 20px; height: 20px; color: #B18C4A;"></i> (+91) 93256 07030
<i
class="bi bi-telephone"
style="width: 20px; height: 20px; color: #b18c4a"
></i>
(+91) 93256 07030
</a>
<a href="mailto:askdb@gmail.com" class="color-b">
<i class="bi bi-envelope" style="width: 20px; height: 20px; color: #B18C4A;"></i> askdb@gmail.com
<i
class="bi bi-envelope"
style="width: 20px; height: 20px; color: #b18c4a"
></i>
askdb@gmail.com
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="topbar py-2 ">
<div class="topbar py-2">
<div class="container d-flex justify-content-between align-items-center">
<div>
<a href="tel:(+91) 93256 07030" class="color-a">
<i class="bi bi-telephone me-2" style="width: 16px; height: 16px;"></i> (+91) 93256 07030
<i class="bi bi-telephone me-2" style="width: 16px; height: 16px"></i>
(+91) 93256 07030
</a>
<a href="mailto:askdb@gmail.com" class="color-a">
<i class="bi bi-envelope ms-3 me-1" style="width: 16px; height: 16px;"></i> askdb@gmail.com
<i
class="bi bi-envelope ms-3 me-1"
style="width: 16px; height: 16px"
></i>
askdb@gmail.com
</a>
</div>
</div>
</div>
<script src="./js/navbar.js"></script>
<script src="./js/navbar.js"></script>

377
css/contact.css
View File

@@ -1,11 +1,11 @@
/* Base setup */
:root {
--font-primary: 'Open Sans', sans-serif;
/* default body font */
--font-secondary: 'Larken', serif;
/* decorative font */
--font-tertiary: 'Inter', sans-serif;
/* for headings or special text */
--font-primary: "Open Sans", sans-serif;
/* default body font */
--font-secondary: "Larken", serif;
/* decorative font */
--font-tertiary: "Inter", sans-serif;
/* for headings or special text */
}
.contact-banner {
@@ -13,11 +13,15 @@
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 70vh;
height: 350px;
}
/* .contact-banner .container{
padding: 60px 0 72px 0;
} */
.contac-back-color {
background: #F5F5F5;
background: #f5f5f5;
}
.contact-aling {
@@ -26,62 +30,62 @@
display: flex;
justify-content: flex-start;
width: 100%;
padding-bottom: 60px;
padding-bottom: 72px;
}
.contact-tittle-banner {
font-family: var(--font-secondary);
font-weight: 400;
font-size: 50px;
line-height: 60px;
color: #fff;
font-family: var(--font-secondary);
font-weight: 400;
font-size: 50px;
line-height: 60px;
color: #fff;
}
p.contact-text-banner {
font-family: var(--font-primary);
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #fff;
font-family: var(--font-primary);
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #fff;
}
.invest-contact {
background-color: #b58b4b;
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
transition: all 0.3s ease;
padding: 15px 20px;
height: 100%;
display: flex;
width: 280px;
justify-content: center;
background-color: #b58b4b;
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
transition: all 0.3s ease;
padding: 15px 20px;
height: 100%;
display: flex;
width: 280px;
justify-content: center;
}
.invest-contact a {
color: #fff;
font-family: var(--font-primary);
font-weight: 700;
font-size: 14px;
line-height: 100%;
letter-spacing: 1.2px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-family: var(--font-primary);
font-weight: 700;
font-size: 14px;
line-height: 100%;
letter-spacing: 1.2px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
}
.map-section .button-to {
margin-top: 35px;
margin-top: 35px;
}
.view-top {
margin-top: 20px;
margin-top: 20px;
}
.contact-cards {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
margin-bottom: 65px;
}
.contact-card {
@@ -93,218 +97,218 @@ p.contact-text-banner {
border-bottom: 3px solid #b89c58;
/* gold underline */
transition: all 0.3s ease;
width: 368px;
height: 225px;
margin-right: 32px;
}
.contact-card h4 {
color: #033A49;
margin-bottom: 15px;
font-family: var(--font-secondary);
font-weight: 400;
font-size: 24px;
line-height: 30px;
color: #033a49;
margin-bottom: 15px;
font-family: var(--font-secondary);
font-weight: 400;
font-size: 24px;
line-height: 30px;
}
.contact-card p:first-child {
font-size: 21px;
}
.contact-card p {
color: #3E3F3F;
font-family: var(--font-primary);
font-weight: 400;
font-size: 18px;
line-height: 120%;
letter-spacing: 1px;
margin-bottom: 10px;
color: #3e3f3f;
font-family: var(--font-primary);
font-weight: 400;
font-size: 18px;
line-height: 120%;
letter-spacing: 1px;
margin-bottom: 10px;
}
.map-section {
display: flex;
flex-wrap: wrap;
gap: 50px;
align-items: flex-start;
display: flex;
flex-wrap: wrap;
gap: 50px;
align-items: flex-start;
}
.map-container {
flex: 1 1 55%;
overflow: hidden;
flex: 1 1 55%;
overflow: hidden;
}
.map-container iframe {
width: 100%;
height: 350px;
border: 0;
width: 100%;
height: 350px;
border: 0;
}
.location-info {
flex: 1 1 40%;
flex: 1 1 40%;
}
.location-info h3 {
color: #033A49;
margin-bottom: 20px;
font-family: var(--font-secondary);
font-weight: 400;
font-size: 32px;
line-height: 30px;
vertical-align: middle;
color: #033a49;
margin-bottom: 20px;
font-family: var(--font-secondary);
font-weight: 400;
font-size: 32px;
line-height: 30px;
vertical-align: middle;
}
.location-info strong {
color: #B18C4B;
font-family: var(--font-primary);
font-weight: 600;
font-size: 18px;
line-height: 120%;
letter-spacing: 0.5px;
color: #b18c4b;
font-family: var(--font-primary);
font-weight: 600;
font-size: 18px;
line-height: 120%;
letter-spacing: 0.5px;
}
.location-info p {
color: #3E3F3F;
font-family: var(--font-primary);
font-weight: 600;
font-size: 16px;
line-height: 120%;
letter-spacing: 0.5px;
color: #3e3f3f;
font-family: var(--font-primary);
font-weight: 600;
font-size: 16px;
line-height: 120%;
letter-spacing: 0.5px;
}
.invest-contact2 {
background-color: #b58b4b;
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
transition: all 0.3s ease;
padding: 15px 20px;
height: 100%;
display: flex;
width: 220px;
justify-content: center;
background-color: #b58b4b;
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
transition: all 0.3s ease;
padding: 15px 20px;
height: 100%;
display: flex;
width: 220px;
justify-content: center;
}
.invest-contact2 a {
color: #fff;
font-family: var(--font-primary);
font-weight: 700;
font-size: 14px;
line-height: 100%;
letter-spacing: 1.2px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-family: var(--font-primary);
font-weight: 700;
font-size: 14px;
line-height: 100%;
letter-spacing: 1.2px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
}
.View {
text-transform: uppercase;
text-transform: uppercase;
}
.view-arrow {
height: 11px !important;
width: 17px !important;
height: 11px !important;
width: 17px !important;
}
.location-info.none-desktop {
display: none;
display: none;
}
.hide-details-conne-mobile {
display: none
display: none;
}
@media (max-width: 768px) {
.contact-cards {
flex-direction: column;
}
.contact-cards {
flex-direction: column;
}
.map-section {
flex-direction: column;
}
.contact-card {
width: 100%;
height: 135px;
margin-right: 0px;
margin-bottom: 32px;
}
.location-info.none-desktop {
display: block;
}
.location-info.none-desktop {
display: block;
}
.contact-banner {
background-image: url("../assests/images/mobile-contact.svg");
padding: 0px 20px;
}
.contact-banner {
background-image: url("../assests/images/mobile-contact.svg");
padding: 0px 20px;
}
.invest-contact {
.invest-contact {
width: 95%;
}
width: 95%;
.contact-card h4 {
font-size: 21px;
}
}
p.size-mobile {
font-size: 14px;
}
.contact-card h4 {
.location-info {
width: 100%;
}
font-size: 21px;
.map-container {
width: 100%;
}
}
.invest-contact2 {
background-color: #b58b4b;
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
transition: all 0.3s ease;
padding: 20px 20px;
height: 100%;
display: flex;
width: 100%;
justify-content: center;
}
p.size-mobile {
font-size: 14px;
}
.invest-contact {
background-color: #b58b4b;
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
transition: all 0.3s ease;
padding: 20px 20px;
height: 100%;
display: flex;
width: 95% !important;
justify-content: center;
}
.location-info {
.location-info p {
font-size: 14px;
}
width: 100%;
}
.view-top {
margin-top: 20px;
text-align: center;
}
.map-container {
h3.none-mobile {
display: none;
}
width: 100%;
}
.map-section {
display: flex;
flex-wrap: wrap;
gap: 30px;
align-items: flex-start;
}
.invest-contact2 {
background-color: #b58b4b;
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
transition: all 0.3s ease;
padding: 20px 20px;
height: 100%;
display: flex;
width: 100%;
justify-content: center;
}
.invest-contact {
background-color: #b58b4b;
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
transition: all 0.3s ease;
padding: 20px 20px;
height: 100%;
display: flex;
width: 95% !important;
justify-content: center;
}
.location-info p {
font-size: 14px;
}
.view-top {
margin-top: 20px;
text-align: center;
}
h3.none-mobile {
display: none;
}
.map-section {
display: flex;
flex-wrap: wrap;
gap: 30px;
align-items: flex-start;
}
.hide-details-conne-dest {
display: none;
}
.hide-details-conne-mobile {
display: flex
;
.hide-details-conne-dest {
display: none;
}
.hide-details-conne-mobile {
display: flex;
gap: 20px;
}
}
}
@media (max-width: 991px) {
.contact-banner {
@@ -313,5 +317,6 @@ p.contact-text-banner {
background-size: cover;
background-position: -33px center;
padding: 0px 20px;
height: 70vh;
}
}
}

311
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 */
@@ -43,7 +47,7 @@ a {
.nav-link:focus,
.nav-link:hover {
color: #fff;
color: #b58b4b;
}
.text-white {
@@ -141,13 +145,40 @@ 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 +359,7 @@ 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 {
@@ -364,6 +391,10 @@ a.color-a {
.ask-advantage {
padding: 60px 0;
}
.ask-advantage-home {
padding: 60px 0;
}
.ask-advantage2 {
padding: 0px 0px 60px 0px;
}
@@ -374,6 +405,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,7 +443,7 @@ a.color-a {
line-height: 100%;
letter-spacing: 0%;
color: #3e3f3f;
margin-bottom: 40px;
margin-bottom: 30px;
margin-top: 15px;
}
@@ -402,10 +454,16 @@ a.color-a {
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
gap: 20px;
display: flex;
flex-direction: column;
}
.advantage-box:hover {
background-color: #004a5d;
background-image: url("../assests/images/ask-adv-card-bg.svg");
background-repeat: no-repeat;
background-position: 90% 0%;
background-size: cover;
color: #fff;
border-top: 0px solid #b18c4a;
transform: translateY(2px);
@@ -416,9 +474,9 @@ a.color-a {
color: #fff !important;
}
.advantage-icon {
/* .advantage-icon {
margin-bottom: 15px;
}
} */
.icone1 {
width: 53px;
@@ -441,7 +499,7 @@ a.color-a {
}
.advantage-title {
margin-bottom: 8px;
margin-bottom: 0px;
font-family: var(--font-primary);
font-weight: 600;
font-size: 21px;
@@ -458,7 +516,6 @@ a.color-a {
letter-spacing: 0%;
vertical-align: middle;
color: #3e3f3f;
margin-top: 15px;
}
.stats-section {
@@ -590,10 +647,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;
@@ -613,7 +681,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;
@@ -691,17 +759,26 @@ span.textaccor {
border-bottom: 1px solid #ddd;
}
.accordion-button {
padding-left: 0;
padding-right: 0;
padding: 24px 0px;
}
.accordion-body {
padding-left: 0;
padding-right: 0;
}
.col-6:hover {
background-color: rgba(155, 155, 155, 0.26);
border-radius: 10px;
}
/* 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 {
@@ -720,6 +797,10 @@ span.textaccor {
vertical-align: middle;
color: #004a5d !important;
}
.team-img {
width: 362px;
height: 340px;
}
.text-muted {
color: #3e3f3f !important;
@@ -785,6 +866,10 @@ span.textaccor {
border-radius: 3px;
}
/* .g-80 {
gap: 80px;
} */
.team-card {
border: none;
border-radius: 0;
@@ -796,7 +881,7 @@ span.textaccor {
}
.team-info {
padding: 20px;
padding: 30px 20px;
text-align: left;
/* subtle shadow */
}
@@ -949,37 +1034,64 @@ 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-icon5 {
padding: 0px 80px 0px 20px;
}
.padding-icon6 {
padding: 0px 133px 0px 0px;
}
.padding-icon7 {
padding: 0px 121px 0px 0px;
.padding-icon4:hover {
background-color: #e6e7e8;
border-radius: 10px;
}
.gy-4 {
@@ -993,7 +1105,7 @@ span.textaccor {
/* our-fund */
.ask-advantage3 {
padding: 60px 0;
padding: 94px 0;
background-image: url("../assests/images/Our-Funds-back.svg");
}
@@ -1013,7 +1125,7 @@ span.textaccor {
font-size: 72px;
line-height: 100%;
color: #004a5d;
margin-bottom: 40px;
margin-bottom: 60px;
}
.coming-soon-container p {
@@ -1028,7 +1140,7 @@ span.textaccor {
.links {
display: inline-flex;
align-items: center;
gap: 20px;
gap: 30px;
}
.links a {
@@ -1196,7 +1308,7 @@ span.textaccor {
.history_animation {
background: #131313;
padding: 60px 0;
padding: 60px 0 140px 0;
}
.history_animation .container .title {
@@ -1466,15 +1578,35 @@ span.textaccor {
justify-content: flex-start;
width: 100%;
}
.blog-image {
margin-right: 30px;
margin-right: 32px;
width: 55%;
}
.blog-content {
width: 40%;
}
.blog-content .tittle-blog {
font-size: 28px;
}
.blog-content .desc-blog {
font-size: 20px;
}
.blog-card .tittle-blog {
font-size: 24px;
}
@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;
@@ -1504,13 +1636,24 @@ span.textaccor {
}
.Slider-back {
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: 90vh;
}
height: 100%;
align-items: flex-start;
justify-content: center;
width: 100%;
}
span.banner-tittle {
font-family: var(--font-secondary);
font-weight: 400;
@@ -1586,8 +1729,18 @@ span.textaccor {
line-height: 16px;
}
.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 {
@@ -1607,7 +1760,19 @@ 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 {
@@ -1621,7 +1786,7 @@ span.textaccor {
/* gold line */
}
.advantage-icon {
margin-bottom: 15px;
margin-bottom: 0px;
width: 100%;
display: flex;
justify-content: flex-start !important;
@@ -1697,6 +1862,11 @@ 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;
@@ -1708,7 +1878,11 @@ span.textaccor {
display: inline-grid;
align-content: space-around;
height: 100%;
gap: 20px;
gap: 10px;
}
.team-img {
width: 100%;
height: auto;
}
.team-info h5 {
@@ -1733,7 +1907,7 @@ span.textaccor {
}
.team-card {
height: 260px;
height: 235px;
}
.offcanvas-header {
@@ -1763,8 +1937,15 @@ span.textaccor {
/* 👈 ensures equal height */
}
.advantage-title {
/* .advantage-title {
margin-top: 5px;
} */
.descktop {
display: none !important;
}
.mobile {
display: flex !important;
}
.padding-icon {
@@ -1890,7 +2071,7 @@ span.textaccor {
}
.coming-soon-container h1 {
font-size: 48px;
margin-bottom: 25px;
margin-bottom: 40px;
}
.coming-soon-container p {
font-size: 14px;
@@ -1898,6 +2079,11 @@ span.textaccor {
.links a {
font-size: 12px;
}
.links {
display: inline-flex;
align-items: center;
gap: 25px;
}
/* mobile about-page */
.hero_banner {
@@ -1995,8 +2181,6 @@ span.textaccor {
.about-as-of-date {
text-align: center;
width: 100%;
/* border: 1px solid black; */
}
.history_animation {
width: 100%;
@@ -2250,21 +2434,26 @@ 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 {

107
js/main.js
View File

@@ -36,64 +36,64 @@ const routes = {
// ===============================
const timelineData = {
1983: {
icon: "../assests/images/1983-Icon.svg",
icon: "./assests/images/1983-Icon.svg",
heading: "The beginning",
sub1: "Set up by Mr. Asit Koticha and Mr. Sameer Koticha,",
sub2: "ASK Group offers research-based Investment advisory",
sub3: "",
},
1991: {
icon: "../assests/images/1991-Icon.svg",
icon: "./assests/images/1991-Icon.svg",
heading: "ASK Raymond James",
sub1: "ASK Group and Raymond James",
sub2: "Financial enter into a Partnership",
sub3: "",
},
2007: {
icon: "../assests/images/2007-Icon.svg",
icon: "./assests/images/2007-Icon.svg",
heading: "Launch of ASK Wealth Advisors",
sub1: "Raymond James Financial partnership exits.",
sub2: "",
sub3: "",
},
2008: {
icon: "../assests/images/2008-Icon.svg",
icon: "./assests/images/2008-Icon.svg",
heading: "Launch of ASK multi-family office",
sub1: "",
sub2: "",
sub3: "",
},
2013: {
icon: "../assests/images/2013-Icon.svg",
icon: "./assests/images/2013-Icon.svg",
heading: "License from SEBI",
sub1: "ASK Wealth Advisors receives an",
sub2: "Investment Advisor License from SEBI.",
sub3: "",
},
2015: {
icon: "../assests/images/2015-Icon.svg",
icon: "./assests/images/2015-Icon.svg",
heading: "ASK Wealth Advisors adjudged",
sub1: ` "the best Independent Wealth Advisor, 2015" `,
sub2: "by Wealth Briefing, Asia.",
sub3: "",
},
2016: {
icon: "../assests/images/2016-Icon.svg",
mobileIcon: "../assests/images/2016-Mobile-Icon.svg",
icon: "./assests/images/2016-Icon.svg",
mobileIcon: "./assests/images/2016-Mobile-Icon.svg",
heading: "",
sub1: "Advert International acquires minority ",
sub2: "stake in ASK Group.",
sub3: "",
},
2017: {
icon: "../assests/images/2015-Icon.svg",
icon: "./assests/images/2015-Icon.svg",
heading: "ASK Wealth Advisors adjudged",
sub1: `"One to Watch - Wealth Manager - India Domestic" - Distinction, 2017"`,
sub2: "by Asian Private Banker.",
sub3: "",
},
2018: {
icon: "../assests/images/2015-Icon.svg",
icon: "./assests/images/2015-Icon.svg",
heading:
"ASK launches its first offshore fund - ASK Global Strategies Fund",
sub1: "TWICE IN A ROW:",
@@ -101,21 +101,21 @@ const timelineData = {
sub3: `"Best Performing Financial Advisor"-Wealth 2016-17 by UTI MF & CNBC TV18.`,
},
2019: {
icon: "../assests/images/1983-Icon.svg",
icon: "./assests/images/1983-Icon.svg",
heading: "Hall of Fame",
sub1: `ASK Wealth Advisors inducted into the "Hall of Fame"`,
sub2: "at the Financial Advisor Awards for the Years ",
sub3: "2018-19 and 2019-20 by UTI MF & CNBC TV18.",
},
2020: {
icon: "../assests/images/2015-Icon.svg",
icon: "./assests/images/2015-Icon.svg",
heading: "Outstanding Private Bank",
sub1: "Outstanding Private Bank for UNHW clients ",
sub2: "at the Private Banker International Global",
sub3: "Wealth Summit & Awards 2020, Singapore.",
},
2022: {
icon: "../assests/images/2022-Icon.svg",
icon: "./assests/images/2022-Icon.svg",
heading: "Blackstone Acquisition",
sub1: "Blackstone acquires majority stake in ",
sub2: "ASK Group, Advert International exits.",
@@ -338,19 +338,22 @@ function initGsapStackScroll() {
cards = Array.from(section.querySelectorAll(".card-scroll"));
if (!cards.length) return;
// Hide all cards initially, show the first one
// Initial setup
gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
gsap.set(cards[0], { opacity: 1, y: "0px", zIndex: 4 });
gsap.set(cards[0], { opacity: 1, y: "60px", zIndex: 5 });
currentIndex = 0;
// Section hover control
section.addEventListener("mouseenter", () => (isInsideSection = true));
section.addEventListener("mouseleave", () => (isInsideSection = false));
// Remove previous wheel listener if any
window.removeEventListener("wheel", window._gsapStackHandler);
// Add new wheel scroll handler
window._gsapStackHandler = function (e) {
if (!isInsideSection) return;
if (!isInsideSection || animating) return;
e.preventDefault();
if (animating) return;
if (e.deltaY > 0) {
showNextGsapCard();
@@ -364,6 +367,7 @@ function initGsapStackScroll() {
});
}
// ✅ Show next card
function showNextGsapCard() {
if (currentIndex >= cards.length - 1) return;
animating = true;
@@ -371,37 +375,36 @@ function showNextGsapCard() {
const current = cards[currentIndex];
const next = cards[currentIndex + 1];
// Animate current card (move it to previous stack position)
// Animate current slightly up/back
gsap.to(current, {
y: "40px",
scale: 0.95,
opacity: 1,
duration: 0.8,
ease: "power2.inOut",
onComplete: () => current.classList.add("previous"),
});
// Animate next card (slide in from below and become active)
gsap.set(next, { zIndex: 5 }); // Active card gets highest z-index
// Animate next card into view
gsap.set(next, { zIndex: 5 });
gsap.fromTo(
next,
{ y: "100%", opacity: 0, scale: 1 },
{
y: "60px", // Active card position
y: "60px",
opacity: 1,
scale: 1,
duration: 0.8,
ease: "power2.inOut",
onComplete: () => {
adjustPreviousCards();
currentIndex++;
adjustVisibleCards();
animating = false;
},
}
);
currentIndex++;
}
// ✅ Show previous card
function showPrevGsapCard() {
if (currentIndex <= 0) return;
animating = true;
@@ -409,38 +412,36 @@ function showPrevGsapCard() {
const current = cards[currentIndex];
const prev = cards[currentIndex - 1];
// Hide current card (slide it down)
// Hide current card (slide down)
gsap.to(current, {
y: "100%",
opacity: 0,
duration: 0.8,
ease: "power2.inOut",
onComplete: () => current.classList.remove("previous"),
});
// Bring back previous card as active
gsap.set(prev, { zIndex: 5 }); // Active card gets highest z-index
// Bring previous card back as active
gsap.set(prev, { zIndex: 5 });
gsap.to(prev, {
y: "60px", // Active card position
y: "60px",
opacity: 1,
scale: 1,
duration: 0.8,
ease: "power2.inOut",
onComplete: () => {
adjustPreviousCards();
currentIndex--;
adjustVisibleCards();
animating = false;
},
});
currentIndex--;
}
// 🪄 Adjust visible cards (up to 4-layer stack including active card)
function adjustPreviousCards() {
// Reset all cards to default state
// ✅ Maintain only 3 visible cards in stack
function adjustVisibleCards() {
// Reset all first
gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
// Always show the current active card
// Active card
if (cards[currentIndex]) {
gsap.set(cards[currentIndex], {
y: "60px",
@@ -450,13 +451,13 @@ function adjustPreviousCards() {
});
}
// Show up to 3 previous cards in the stack
for (let i = 1; i <= 3; i++) {
// Show only 2 previous cards (total 3 visible)
for (let i = 1; i <= 2; 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 zIndex = 5 - i; // 5, 4, 3, 2
const yOffset = 60 - i * 25; // e.g., 60px, 35px
const scale = 1 - i * 0.05; // e.g., 1, 0.95, 0.9
const zIndex = 5 - i;
gsap.set(cards[prevIndex], {
y: `${yOffset}px`,
@@ -466,8 +467,20 @@ function adjustPreviousCards() {
});
}
}
// Hide any card older than the last 3 visible
const hideIndex = currentIndex - 3;
if (hideIndex >= 0 && cards[hideIndex]) {
gsap.to(cards[hideIndex], {
opacity: 0,
y: "100%",
duration: 0.6,
ease: "power2.inOut",
});
}
}
// Initialize after DOM load
document.addEventListener("DOMContentLoaded", initGsapStackScroll);
// ===============================
@@ -483,6 +496,16 @@ function loadPage() {
document.getElementById("page-content").innerHTML = html;
window.scrollTo({ top: 0, behavior: "smooth" });
// ✅ Hide footer for #/our-fund route
const footer = document.getElementById("footer");
if (footer) {
if (hash === "#/our-fund") {
footer.style.display = "none";
} else {
footer.style.display = "block";
}
}
// Init all components after content load
initSwiper();
initTimelineSwiper();

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-home 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="" class="mobile-hight">
<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="" 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">
<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">
<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>
</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>