Compare commits
3 Commits
7d3055b78c
...
a0034abfb1
| Author | SHA1 | Date | |
|---|---|---|---|
|
a0034abfb1 | ||
|
21ffad2a9a | ||
|
|
6f578d1162 |
27
assests/images/ask-adv-card-bg.svg
Normal file
27
assests/images/ask-adv-card-bg.svg
Normal 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>
|
||||||
|
After Width: | Height: | Size: 2.5 KiB |
@@ -1,15 +1,20 @@
|
|||||||
|
<nav class="navbar navbar-expand-lg">
|
||||||
<nav class="navbar navbar-expand-lg ">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<!-- Logo -->
|
<!-- Logo -->
|
||||||
<div class="mobile-adj">
|
<div class="mobile-adj">
|
||||||
<a class="navbar-brand d-flex align-items-center" href="">
|
<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>
|
</a>
|
||||||
<!-- Toggle Button -->
|
<!-- Toggle Button -->
|
||||||
<button class="navbar-toggler" type="button">
|
<button class="navbar-toggler" type="button">
|
||||||
<span class="open-icon">☰</span> <!-- hamburger -->
|
<span class="open-icon">☰</span>
|
||||||
<span class="close-icon d-none">×</span> <!-- close icon -->
|
<!-- hamburger -->
|
||||||
|
<span class="close-icon d-none">×</span>
|
||||||
|
<!-- close icon -->
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -18,10 +23,18 @@
|
|||||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||||
<!-- Center Links -->
|
<!-- Center Links -->
|
||||||
<ul class="navbar-nav gap-menu mx-auto text-center">
|
<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">
|
||||||
<li class="nav-item"><a class="nav-link" href="#/our-team">Our Team</a></li>
|
<a class="nav-link" href="#/our-fund">Our Fund</a>
|
||||||
<li class="nav-item"><a class="nav-link" href="#/about">About</a></li>
|
</li>
|
||||||
<li class="nav-item"><a class="nav-link" href="#/contact">Contact</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>
|
</ul>
|
||||||
|
|
||||||
<!-- Right Buttons -->
|
<!-- Right Buttons -->
|
||||||
@@ -31,41 +44,49 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="nav-item d-flex align-items-center">
|
<li class="nav-item d-flex align-items-center">
|
||||||
<span class="text-white">Login</span>
|
<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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class="topbar-mobile ">
|
<div class="topbar-mobile">
|
||||||
<div class="mobile-call">
|
<div class="mobile-call">
|
||||||
|
|
||||||
<a href="tel:(+91) 93256 07030" class="color-b">
|
<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>
|
||||||
<a href="mailto:askdb@gmail.com" class="color-b">
|
<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>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="topbar py-2 ">
|
<div class="topbar py-2">
|
||||||
<div class="container d-flex justify-content-between align-items-center">
|
<div class="container d-flex justify-content-between align-items-center">
|
||||||
<div>
|
<div>
|
||||||
<a href="tel:(+91) 93256 07030" class="color-a">
|
<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>
|
||||||
<a href="mailto:askdb@gmail.com" class="color-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>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script src="./js/navbar.js"></script>
|
||||||
<script src="./js/navbar.js"></script>
|
|
||||||
|
|||||||
377
css/contact.css
377
css/contact.css
@@ -1,11 +1,11 @@
|
|||||||
/* Base setup */
|
/* Base setup */
|
||||||
:root {
|
:root {
|
||||||
--font-primary: 'Open Sans', sans-serif;
|
--font-primary: "Open Sans", sans-serif;
|
||||||
/* default body font */
|
/* default body font */
|
||||||
--font-secondary: 'Larken', serif;
|
--font-secondary: "Larken", serif;
|
||||||
/* decorative font */
|
/* decorative font */
|
||||||
--font-tertiary: 'Inter', sans-serif;
|
--font-tertiary: "Inter", sans-serif;
|
||||||
/* for headings or special text */
|
/* for headings or special text */
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-banner {
|
.contact-banner {
|
||||||
@@ -13,11 +13,15 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
height: 70vh;
|
height: 350px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* .contact-banner .container{
|
||||||
|
padding: 60px 0 72px 0;
|
||||||
|
} */
|
||||||
|
|
||||||
.contac-back-color {
|
.contac-back-color {
|
||||||
background: #F5F5F5;
|
background: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-aling {
|
.contact-aling {
|
||||||
@@ -26,62 +30,62 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-bottom: 60px;
|
padding-bottom: 72px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-tittle-banner {
|
.contact-tittle-banner {
|
||||||
font-family: var(--font-secondary);
|
font-family: var(--font-secondary);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
line-height: 60px;
|
line-height: 60px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
p.contact-text-banner {
|
p.contact-text-banner {
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invest-contact {
|
.invest-contact {
|
||||||
background-color: #b58b4b;
|
background-color: #b58b4b;
|
||||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
padding: 15px 20px;
|
padding: 15px 20px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 280px;
|
width: 280px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invest-contact a {
|
.invest-contact a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 100%;
|
line-height: 100%;
|
||||||
letter-spacing: 1.2px;
|
letter-spacing: 1.2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map-section .button-to {
|
.map-section .button-to {
|
||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.view-top {
|
.view-top {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-cards {
|
.contact-cards {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between;
|
|
||||||
gap: 30px;
|
|
||||||
margin-bottom: 65px;
|
margin-bottom: 65px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-card {
|
.contact-card {
|
||||||
@@ -93,218 +97,218 @@ p.contact-text-banner {
|
|||||||
border-bottom: 3px solid #b89c58;
|
border-bottom: 3px solid #b89c58;
|
||||||
/* gold underline */
|
/* gold underline */
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
width: 368px;
|
||||||
|
height: 225px;
|
||||||
|
margin-right: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.contact-card h4 {
|
.contact-card h4 {
|
||||||
color: #033A49;
|
color: #033a49;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
font-family: var(--font-secondary);
|
font-family: var(--font-secondary);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact-card p:first-child {
|
||||||
|
font-size: 21px;
|
||||||
|
}
|
||||||
.contact-card p {
|
.contact-card p {
|
||||||
color: #3E3F3F;
|
color: #3e3f3f;
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 120%;
|
line-height: 120%;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map-section {
|
.map-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 50px;
|
gap: 50px;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map-container {
|
.map-container {
|
||||||
flex: 1 1 55%;
|
flex: 1 1 55%;
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map-container iframe {
|
.map-container iframe {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 350px;
|
height: 350px;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.location-info {
|
.location-info {
|
||||||
flex: 1 1 40%;
|
flex: 1 1 40%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.location-info h3 {
|
.location-info h3 {
|
||||||
color: #033A49;
|
color: #033a49;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
font-family: var(--font-secondary);
|
font-family: var(--font-secondary);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.location-info strong {
|
.location-info strong {
|
||||||
color: #B18C4B;
|
color: #b18c4b;
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 120%;
|
line-height: 120%;
|
||||||
letter-spacing: 0.5px;
|
letter-spacing: 0.5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.location-info p {
|
.location-info p {
|
||||||
color: #3E3F3F;
|
color: #3e3f3f;
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 120%;
|
line-height: 120%;
|
||||||
letter-spacing: 0.5px;
|
letter-spacing: 0.5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invest-contact2 {
|
.invest-contact2 {
|
||||||
background-color: #b58b4b;
|
background-color: #b58b4b;
|
||||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
padding: 15px 20px;
|
padding: 15px 20px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 220px;
|
width: 220px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invest-contact2 a {
|
.invest-contact2 a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 100%;
|
line-height: 100%;
|
||||||
letter-spacing: 1.2px;
|
letter-spacing: 1.2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.View {
|
.View {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
.view-arrow {
|
.view-arrow {
|
||||||
height: 11px !important;
|
height: 11px !important;
|
||||||
width: 17px !important;
|
width: 17px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.location-info.none-desktop {
|
.location-info.none-desktop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.hide-details-conne-mobile {
|
.hide-details-conne-mobile {
|
||||||
display: none
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.contact-cards {
|
.contact-cards {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map-section {
|
.map-section {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
.contact-card {
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
height: 135px;
|
||||||
|
margin-right: 0px;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
.location-info.none-desktop {
|
.location-info.none-desktop {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-banner {
|
.contact-banner {
|
||||||
background-image: url("../assests/images/mobile-contact.svg");
|
background-image: url("../assests/images/mobile-contact.svg");
|
||||||
padding: 0px 20px;
|
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 {
|
.invest-contact {
|
||||||
font-size: 14px;
|
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 {
|
.hide-details-conne-dest {
|
||||||
background-color: #b58b4b;
|
display: none;
|
||||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
}
|
||||||
transition: all 0.3s ease;
|
.hide-details-conne-mobile {
|
||||||
padding: 20px 20px;
|
display: flex;
|
||||||
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
|
|
||||||
;
|
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: 991px) {
|
@media (max-width: 991px) {
|
||||||
.contact-banner {
|
.contact-banner {
|
||||||
@@ -313,5 +317,6 @@ p.contact-text-banner {
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: -33px center;
|
background-position: -33px center;
|
||||||
padding: 0px 20px;
|
padding: 0px 20px;
|
||||||
|
height: 70vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
311
css/style.css
311
css/style.css
@@ -18,6 +18,9 @@ a {
|
|||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.nav-link:hover {
|
||||||
|
color: #b58b4b;
|
||||||
|
}
|
||||||
/* Logo styling */
|
/* Logo styling */
|
||||||
.navbar-brand img {
|
.navbar-brand img {
|
||||||
width: 147px;
|
width: 147px;
|
||||||
@@ -27,6 +30,7 @@ a {
|
|||||||
.navbar-expand-lg .gap-menu {
|
.navbar-expand-lg .gap-menu {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Navbar links */
|
/* Navbar links */
|
||||||
@@ -43,7 +47,7 @@ a {
|
|||||||
|
|
||||||
.nav-link:focus,
|
.nav-link:focus,
|
||||||
.nav-link:hover {
|
.nav-link:hover {
|
||||||
color: #fff;
|
color: #b58b4b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-white {
|
.text-white {
|
||||||
@@ -141,13 +145,40 @@ span.banner-desc {
|
|||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
.carousel-inner {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.leftslider-line {
|
.leftslider-line {
|
||||||
border-left: 2px solid #b18c4a;
|
/* border-left: 2px solid #b18c4a; */
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
padding-top: 5px;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
margin-bottom: 20px;
|
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 {
|
.invest-btn:hover {
|
||||||
@@ -328,11 +359,7 @@ a.color-a {
|
|||||||
|
|
||||||
/* home */
|
/* home */
|
||||||
.Slider-back {
|
.Slider-back {
|
||||||
background-image: url("../assests/images/slider-back.svg");
|
height: 70vh;
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
height: 80vh;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.height-banner {
|
.height-banner {
|
||||||
@@ -364,6 +391,10 @@ a.color-a {
|
|||||||
.ask-advantage {
|
.ask-advantage {
|
||||||
padding: 60px 0;
|
padding: 60px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ask-advantage-home {
|
||||||
|
padding: 60px 0;
|
||||||
|
}
|
||||||
.ask-advantage2 {
|
.ask-advantage2 {
|
||||||
padding: 0px 0px 60px 0px;
|
padding: 0px 0px 60px 0px;
|
||||||
}
|
}
|
||||||
@@ -374,6 +405,27 @@ a.color-a {
|
|||||||
padding: 60px 0 0 0;
|
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 {
|
.ask-advantage h2 {
|
||||||
font-family: var(--font-secondary);
|
font-family: var(--font-secondary);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -391,7 +443,7 @@ a.color-a {
|
|||||||
line-height: 100%;
|
line-height: 100%;
|
||||||
letter-spacing: 0%;
|
letter-spacing: 0%;
|
||||||
color: #3e3f3f;
|
color: #3e3f3f;
|
||||||
margin-bottom: 40px;
|
margin-bottom: 30px;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -402,10 +454,16 @@ a.color-a {
|
|||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
|
gap: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.advantage-box:hover {
|
.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;
|
color: #fff;
|
||||||
border-top: 0px solid #b18c4a;
|
border-top: 0px solid #b18c4a;
|
||||||
transform: translateY(2px);
|
transform: translateY(2px);
|
||||||
@@ -416,9 +474,9 @@ a.color-a {
|
|||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.advantage-icon {
|
/* .advantage-icon {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
} */
|
||||||
|
|
||||||
.icone1 {
|
.icone1 {
|
||||||
width: 53px;
|
width: 53px;
|
||||||
@@ -441,7 +499,7 @@ a.color-a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.advantage-title {
|
.advantage-title {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 0px;
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 21px;
|
font-size: 21px;
|
||||||
@@ -458,7 +516,6 @@ a.color-a {
|
|||||||
letter-spacing: 0%;
|
letter-spacing: 0%;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
color: #3e3f3f;
|
color: #3e3f3f;
|
||||||
margin-top: 15px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.stats-section {
|
.stats-section {
|
||||||
@@ -590,10 +647,21 @@ span.banner-desc2 {
|
|||||||
color: #fff;
|
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 {
|
.tittle-blog {
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 21px;
|
font-size: 28px;
|
||||||
line-height: 135%;
|
line-height: 135%;
|
||||||
letter-spacing: 0%;
|
letter-spacing: 0%;
|
||||||
color: #3e3f3f;
|
color: #3e3f3f;
|
||||||
@@ -613,7 +681,7 @@ span.banner-desc2 {
|
|||||||
.desc-blog {
|
.desc-blog {
|
||||||
font-family: var(--font-primary);
|
font-family: var(--font-primary);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 15px;
|
font-size: 20px;
|
||||||
line-height: 135%;
|
line-height: 135%;
|
||||||
color: #929197;
|
color: #929197;
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
@@ -691,17 +759,26 @@ span.textaccor {
|
|||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
.accordion-button {
|
.accordion-button {
|
||||||
padding-left: 0;
|
padding: 24px 0px;
|
||||||
padding-right: 0;
|
|
||||||
}
|
}
|
||||||
.accordion-body {
|
.accordion-body {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.col-6:hover {
|
||||||
|
background-color: rgba(155, 155, 155, 0.26);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
/* out-team */
|
/* out-team */
|
||||||
.team-section {
|
.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 {
|
.team-section h2 {
|
||||||
@@ -720,6 +797,10 @@ span.textaccor {
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
color: #004a5d !important;
|
color: #004a5d !important;
|
||||||
}
|
}
|
||||||
|
.team-img {
|
||||||
|
width: 362px;
|
||||||
|
height: 340px;
|
||||||
|
}
|
||||||
|
|
||||||
.text-muted {
|
.text-muted {
|
||||||
color: #3e3f3f !important;
|
color: #3e3f3f !important;
|
||||||
@@ -785,6 +866,10 @@ span.textaccor {
|
|||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* .g-80 {
|
||||||
|
gap: 80px;
|
||||||
|
} */
|
||||||
|
|
||||||
.team-card {
|
.team-card {
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
@@ -796,7 +881,7 @@ span.textaccor {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.team-info {
|
.team-info {
|
||||||
padding: 20px;
|
padding: 30px 20px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
/* subtle shadow */
|
/* subtle shadow */
|
||||||
}
|
}
|
||||||
@@ -949,37 +1034,64 @@ span.textaccor {
|
|||||||
.icon8 {
|
.icon8 {
|
||||||
height: 41px;
|
height: 41px;
|
||||||
}
|
}
|
||||||
|
.mobile {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descktop-marging-new {
|
||||||
|
margin-left: 30px;
|
||||||
|
gap: 50px;
|
||||||
|
}
|
||||||
.padding-icon {
|
.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-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-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-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-icon4 {
|
||||||
padding: 0px 93px 0px 30px;
|
width: 20%;
|
||||||
|
padding: 30px 35px;
|
||||||
|
transition: all 0.5s ease;
|
||||||
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
.padding-icon4:hover {
|
||||||
.padding-icon5 {
|
background-color: #e6e7e8;
|
||||||
padding: 0px 80px 0px 20px;
|
border-radius: 10px;
|
||||||
}
|
|
||||||
|
|
||||||
.padding-icon6 {
|
|
||||||
padding: 0px 133px 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.padding-icon7 {
|
|
||||||
padding: 0px 121px 0px 0px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.gy-4 {
|
.gy-4 {
|
||||||
@@ -993,7 +1105,7 @@ span.textaccor {
|
|||||||
/* our-fund */
|
/* our-fund */
|
||||||
|
|
||||||
.ask-advantage3 {
|
.ask-advantage3 {
|
||||||
padding: 60px 0;
|
padding: 94px 0;
|
||||||
background-image: url("../assests/images/Our-Funds-back.svg");
|
background-image: url("../assests/images/Our-Funds-back.svg");
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1013,7 +1125,7 @@ span.textaccor {
|
|||||||
font-size: 72px;
|
font-size: 72px;
|
||||||
line-height: 100%;
|
line-height: 100%;
|
||||||
color: #004a5d;
|
color: #004a5d;
|
||||||
margin-bottom: 40px;
|
margin-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coming-soon-container p {
|
.coming-soon-container p {
|
||||||
@@ -1028,7 +1140,7 @@ span.textaccor {
|
|||||||
.links {
|
.links {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 20px;
|
gap: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.links a {
|
.links a {
|
||||||
@@ -1196,7 +1308,7 @@ span.textaccor {
|
|||||||
|
|
||||||
.history_animation {
|
.history_animation {
|
||||||
background: #131313;
|
background: #131313;
|
||||||
padding: 60px 0;
|
padding: 60px 0 140px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.history_animation .container .title {
|
.history_animation .container .title {
|
||||||
@@ -1466,15 +1578,35 @@ span.textaccor {
|
|||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-image {
|
.blog-image {
|
||||||
margin-right: 30px;
|
margin-right: 32px;
|
||||||
width: 55%;
|
width: 55%;
|
||||||
}
|
}
|
||||||
.blog-content {
|
.blog-content {
|
||||||
width: 40%;
|
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) {
|
@media (max-width: 768px) {
|
||||||
|
.navbar-expand-lg .gap-menu {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 25px 25px 12px 25px;
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Logo styling */
|
/* Logo styling */
|
||||||
.navbar-brand img {
|
.navbar-brand img {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
@@ -1504,13 +1636,24 @@ span.textaccor {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.Slider-back {
|
.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-image: url("../assests/images/mobile-banner.svg");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
height: 90vh;
|
height: 100%;
|
||||||
}
|
align-items: flex-start;
|
||||||
|
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
span.banner-tittle {
|
span.banner-tittle {
|
||||||
font-family: var(--font-secondary);
|
font-family: var(--font-secondary);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -1586,8 +1729,18 @@ span.textaccor {
|
|||||||
line-height: 16px;
|
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 {
|
.ask-advantage h2 {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
|
line-height: 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ask-advantage p.lead {
|
.ask-advantage p.lead {
|
||||||
@@ -1607,7 +1760,19 @@ span.textaccor {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
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 {
|
.advantage-card::before {
|
||||||
@@ -1621,7 +1786,7 @@ span.textaccor {
|
|||||||
/* gold line */
|
/* gold line */
|
||||||
}
|
}
|
||||||
.advantage-icon {
|
.advantage-icon {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 0px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-start !important;
|
justify-content: flex-start !important;
|
||||||
@@ -1697,6 +1862,11 @@ span.textaccor {
|
|||||||
.nav-item-t {
|
.nav-item-t {
|
||||||
margin: 0 8px;
|
margin: 0 8px;
|
||||||
}
|
}
|
||||||
|
.team-spac {
|
||||||
|
padding-left: 13px;
|
||||||
|
padding-right: 13px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.team-section h2 {
|
.team-section h2 {
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
@@ -1708,7 +1878,11 @@ span.textaccor {
|
|||||||
display: inline-grid;
|
display: inline-grid;
|
||||||
align-content: space-around;
|
align-content: space-around;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
gap: 20px;
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.team-img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.team-info h5 {
|
.team-info h5 {
|
||||||
@@ -1733,7 +1907,7 @@ span.textaccor {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.team-card {
|
.team-card {
|
||||||
height: 260px;
|
height: 235px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.offcanvas-header {
|
.offcanvas-header {
|
||||||
@@ -1763,8 +1937,15 @@ span.textaccor {
|
|||||||
/* 👈 ensures equal height */
|
/* 👈 ensures equal height */
|
||||||
}
|
}
|
||||||
|
|
||||||
.advantage-title {
|
/* .advantage-title {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
} */
|
||||||
|
|
||||||
|
.descktop {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.mobile {
|
||||||
|
display: flex !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padding-icon {
|
.padding-icon {
|
||||||
@@ -1890,7 +2071,7 @@ span.textaccor {
|
|||||||
}
|
}
|
||||||
.coming-soon-container h1 {
|
.coming-soon-container h1 {
|
||||||
font-size: 48px;
|
font-size: 48px;
|
||||||
margin-bottom: 25px;
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
.coming-soon-container p {
|
.coming-soon-container p {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -1898,6 +2079,11 @@ span.textaccor {
|
|||||||
.links a {
|
.links a {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
.links {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
/* mobile about-page */
|
/* mobile about-page */
|
||||||
.hero_banner {
|
.hero_banner {
|
||||||
@@ -1995,8 +2181,6 @@ span.textaccor {
|
|||||||
|
|
||||||
.about-as-of-date {
|
.about-as-of-date {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
|
||||||
/* border: 1px solid black; */
|
|
||||||
}
|
}
|
||||||
.history_animation {
|
.history_animation {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -2250,21 +2434,26 @@ span.textaccor {
|
|||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.Slider-back {
|
|
||||||
padding-left: 25px;
|
|
||||||
padding-right: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ask-advantage {
|
.ask-advantage {
|
||||||
padding: 60px 25px !important;
|
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 {
|
.stats-section {
|
||||||
padding: 40px 25px !important;
|
padding: 40px 25px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.team-section {
|
.team-section {
|
||||||
padding: 60px 25px !important;
|
padding: 60px 25px 40px 25px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-left {
|
.mobile-left {
|
||||||
|
|||||||
@@ -195,7 +195,8 @@ color: #3E3F3F;
|
|||||||
|
|
||||||
{
|
{
|
||||||
|
|
||||||
font-size: 24px;
|
font-size: 26px;
|
||||||
|
line-height: 36px;
|
||||||
|
|
||||||
}
|
}
|
||||||
.ask-advantage-scroll p.lead {
|
.ask-advantage-scroll p.lead {
|
||||||
|
|||||||
107
js/main.js
107
js/main.js
@@ -36,64 +36,64 @@ const routes = {
|
|||||||
// ===============================
|
// ===============================
|
||||||
const timelineData = {
|
const timelineData = {
|
||||||
1983: {
|
1983: {
|
||||||
icon: "../assests/images/1983-Icon.svg",
|
icon: "./assests/images/1983-Icon.svg",
|
||||||
heading: "The beginning",
|
heading: "The beginning",
|
||||||
sub1: "Set up by Mr. Asit Koticha and Mr. Sameer Koticha,",
|
sub1: "Set up by Mr. Asit Koticha and Mr. Sameer Koticha,",
|
||||||
sub2: "ASK Group offers research-based Investment advisory",
|
sub2: "ASK Group offers research-based Investment advisory",
|
||||||
sub3: "",
|
sub3: "",
|
||||||
},
|
},
|
||||||
1991: {
|
1991: {
|
||||||
icon: "../assests/images/1991-Icon.svg",
|
icon: "./assests/images/1991-Icon.svg",
|
||||||
heading: "ASK Raymond James",
|
heading: "ASK Raymond James",
|
||||||
sub1: "ASK Group and Raymond James",
|
sub1: "ASK Group and Raymond James",
|
||||||
sub2: "Financial enter into a Partnership",
|
sub2: "Financial enter into a Partnership",
|
||||||
sub3: "",
|
sub3: "",
|
||||||
},
|
},
|
||||||
2007: {
|
2007: {
|
||||||
icon: "../assests/images/2007-Icon.svg",
|
icon: "./assests/images/2007-Icon.svg",
|
||||||
heading: "Launch of ASK Wealth Advisors",
|
heading: "Launch of ASK Wealth Advisors",
|
||||||
sub1: "Raymond James Financial partnership exits.",
|
sub1: "Raymond James Financial partnership exits.",
|
||||||
sub2: "",
|
sub2: "",
|
||||||
sub3: "",
|
sub3: "",
|
||||||
},
|
},
|
||||||
2008: {
|
2008: {
|
||||||
icon: "../assests/images/2008-Icon.svg",
|
icon: "./assests/images/2008-Icon.svg",
|
||||||
heading: "Launch of ASK multi-family office",
|
heading: "Launch of ASK multi-family office",
|
||||||
sub1: "",
|
sub1: "",
|
||||||
sub2: "",
|
sub2: "",
|
||||||
sub3: "",
|
sub3: "",
|
||||||
},
|
},
|
||||||
2013: {
|
2013: {
|
||||||
icon: "../assests/images/2013-Icon.svg",
|
icon: "./assests/images/2013-Icon.svg",
|
||||||
heading: "License from SEBI",
|
heading: "License from SEBI",
|
||||||
sub1: "ASK Wealth Advisors receives an",
|
sub1: "ASK Wealth Advisors receives an",
|
||||||
sub2: "Investment Advisor License from SEBI.",
|
sub2: "Investment Advisor License from SEBI.",
|
||||||
sub3: "",
|
sub3: "",
|
||||||
},
|
},
|
||||||
2015: {
|
2015: {
|
||||||
icon: "../assests/images/2015-Icon.svg",
|
icon: "./assests/images/2015-Icon.svg",
|
||||||
heading: "ASK Wealth Advisors adjudged",
|
heading: "ASK Wealth Advisors adjudged",
|
||||||
sub1: ` "the best Independent Wealth Advisor, 2015" `,
|
sub1: ` "the best Independent Wealth Advisor, 2015" `,
|
||||||
sub2: "by Wealth Briefing, Asia.",
|
sub2: "by Wealth Briefing, Asia.",
|
||||||
sub3: "",
|
sub3: "",
|
||||||
},
|
},
|
||||||
2016: {
|
2016: {
|
||||||
icon: "../assests/images/2016-Icon.svg",
|
icon: "./assests/images/2016-Icon.svg",
|
||||||
mobileIcon: "../assests/images/2016-Mobile-Icon.svg",
|
mobileIcon: "./assests/images/2016-Mobile-Icon.svg",
|
||||||
heading: "",
|
heading: "",
|
||||||
sub1: "Advert International acquires minority ",
|
sub1: "Advert International acquires minority ",
|
||||||
sub2: "stake in ASK Group.",
|
sub2: "stake in ASK Group.",
|
||||||
sub3: "",
|
sub3: "",
|
||||||
},
|
},
|
||||||
2017: {
|
2017: {
|
||||||
icon: "../assests/images/2015-Icon.svg",
|
icon: "./assests/images/2015-Icon.svg",
|
||||||
heading: "ASK Wealth Advisors adjudged",
|
heading: "ASK Wealth Advisors adjudged",
|
||||||
sub1: `"One to Watch - Wealth Manager - India Domestic" - Distinction, 2017"`,
|
sub1: `"One to Watch - Wealth Manager - India Domestic" - Distinction, 2017"`,
|
||||||
sub2: "by Asian Private Banker.",
|
sub2: "by Asian Private Banker.",
|
||||||
sub3: "",
|
sub3: "",
|
||||||
},
|
},
|
||||||
2018: {
|
2018: {
|
||||||
icon: "../assests/images/2015-Icon.svg",
|
icon: "./assests/images/2015-Icon.svg",
|
||||||
heading:
|
heading:
|
||||||
"ASK launches its first offshore fund - ASK Global Strategies Fund",
|
"ASK launches its first offshore fund - ASK Global Strategies Fund",
|
||||||
sub1: "TWICE IN A ROW:",
|
sub1: "TWICE IN A ROW:",
|
||||||
@@ -101,21 +101,21 @@ const timelineData = {
|
|||||||
sub3: `"Best Performing Financial Advisor"-Wealth 2016-17 by UTI MF & CNBC TV18.`,
|
sub3: `"Best Performing Financial Advisor"-Wealth 2016-17 by UTI MF & CNBC TV18.`,
|
||||||
},
|
},
|
||||||
2019: {
|
2019: {
|
||||||
icon: "../assests/images/1983-Icon.svg",
|
icon: "./assests/images/1983-Icon.svg",
|
||||||
heading: "Hall of Fame",
|
heading: "Hall of Fame",
|
||||||
sub1: `ASK Wealth Advisors inducted into the "Hall of Fame"`,
|
sub1: `ASK Wealth Advisors inducted into the "Hall of Fame"`,
|
||||||
sub2: "at the Financial Advisor Awards for the Years ",
|
sub2: "at the Financial Advisor Awards for the Years ",
|
||||||
sub3: "2018-19 and 2019-20 by UTI MF & CNBC TV18.",
|
sub3: "2018-19 and 2019-20 by UTI MF & CNBC TV18.",
|
||||||
},
|
},
|
||||||
2020: {
|
2020: {
|
||||||
icon: "../assests/images/2015-Icon.svg",
|
icon: "./assests/images/2015-Icon.svg",
|
||||||
heading: "Outstanding Private Bank",
|
heading: "Outstanding Private Bank",
|
||||||
sub1: "Outstanding Private Bank for UNHW clients ",
|
sub1: "Outstanding Private Bank for UNHW clients ",
|
||||||
sub2: "at the Private Banker International Global",
|
sub2: "at the Private Banker International Global",
|
||||||
sub3: "Wealth Summit & Awards 2020, Singapore.",
|
sub3: "Wealth Summit & Awards 2020, Singapore.",
|
||||||
},
|
},
|
||||||
2022: {
|
2022: {
|
||||||
icon: "../assests/images/2022-Icon.svg",
|
icon: "./assests/images/2022-Icon.svg",
|
||||||
heading: "Blackstone Acquisition",
|
heading: "Blackstone Acquisition",
|
||||||
sub1: "Blackstone acquires majority stake in ",
|
sub1: "Blackstone acquires majority stake in ",
|
||||||
sub2: "ASK Group, Advert International exits.",
|
sub2: "ASK Group, Advert International exits.",
|
||||||
@@ -338,19 +338,22 @@ function initGsapStackScroll() {
|
|||||||
cards = Array.from(section.querySelectorAll(".card-scroll"));
|
cards = Array.from(section.querySelectorAll(".card-scroll"));
|
||||||
if (!cards.length) return;
|
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, { 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;
|
currentIndex = 0;
|
||||||
|
|
||||||
|
// Section hover control
|
||||||
section.addEventListener("mouseenter", () => (isInsideSection = true));
|
section.addEventListener("mouseenter", () => (isInsideSection = true));
|
||||||
section.addEventListener("mouseleave", () => (isInsideSection = false));
|
section.addEventListener("mouseleave", () => (isInsideSection = false));
|
||||||
|
|
||||||
|
// Remove previous wheel listener if any
|
||||||
window.removeEventListener("wheel", window._gsapStackHandler);
|
window.removeEventListener("wheel", window._gsapStackHandler);
|
||||||
|
|
||||||
|
// Add new wheel scroll handler
|
||||||
window._gsapStackHandler = function (e) {
|
window._gsapStackHandler = function (e) {
|
||||||
if (!isInsideSection) return;
|
if (!isInsideSection || animating) return;
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
if (animating) return;
|
|
||||||
|
|
||||||
if (e.deltaY > 0) {
|
if (e.deltaY > 0) {
|
||||||
showNextGsapCard();
|
showNextGsapCard();
|
||||||
@@ -364,6 +367,7 @@ function initGsapStackScroll() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ✅ Show next card
|
||||||
function showNextGsapCard() {
|
function showNextGsapCard() {
|
||||||
if (currentIndex >= cards.length - 1) return;
|
if (currentIndex >= cards.length - 1) return;
|
||||||
animating = true;
|
animating = true;
|
||||||
@@ -371,37 +375,36 @@ function showNextGsapCard() {
|
|||||||
const current = cards[currentIndex];
|
const current = cards[currentIndex];
|
||||||
const next = cards[currentIndex + 1];
|
const next = cards[currentIndex + 1];
|
||||||
|
|
||||||
// Animate current card (move it to previous stack position)
|
// Animate current slightly up/back
|
||||||
gsap.to(current, {
|
gsap.to(current, {
|
||||||
y: "40px",
|
y: "40px",
|
||||||
scale: 0.95,
|
scale: 0.95,
|
||||||
opacity: 1,
|
opacity: 1,
|
||||||
duration: 0.8,
|
duration: 0.8,
|
||||||
ease: "power2.inOut",
|
ease: "power2.inOut",
|
||||||
onComplete: () => current.classList.add("previous"),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Animate next card (slide in from below and become active)
|
// Animate next card into view
|
||||||
gsap.set(next, { zIndex: 5 }); // Active card gets highest z-index
|
gsap.set(next, { zIndex: 5 });
|
||||||
gsap.fromTo(
|
gsap.fromTo(
|
||||||
next,
|
next,
|
||||||
{ y: "100%", opacity: 0, scale: 1 },
|
{ y: "100%", opacity: 0, scale: 1 },
|
||||||
{
|
{
|
||||||
y: "60px", // Active card position
|
y: "60px",
|
||||||
opacity: 1,
|
opacity: 1,
|
||||||
scale: 1,
|
scale: 1,
|
||||||
duration: 0.8,
|
duration: 0.8,
|
||||||
ease: "power2.inOut",
|
ease: "power2.inOut",
|
||||||
onComplete: () => {
|
onComplete: () => {
|
||||||
adjustPreviousCards();
|
currentIndex++;
|
||||||
|
adjustVisibleCards();
|
||||||
animating = false;
|
animating = false;
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
currentIndex++;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ✅ Show previous card
|
||||||
function showPrevGsapCard() {
|
function showPrevGsapCard() {
|
||||||
if (currentIndex <= 0) return;
|
if (currentIndex <= 0) return;
|
||||||
animating = true;
|
animating = true;
|
||||||
@@ -409,38 +412,36 @@ function showPrevGsapCard() {
|
|||||||
const current = cards[currentIndex];
|
const current = cards[currentIndex];
|
||||||
const prev = cards[currentIndex - 1];
|
const prev = cards[currentIndex - 1];
|
||||||
|
|
||||||
// Hide current card (slide it down)
|
// Hide current card (slide down)
|
||||||
gsap.to(current, {
|
gsap.to(current, {
|
||||||
y: "100%",
|
y: "100%",
|
||||||
opacity: 0,
|
opacity: 0,
|
||||||
duration: 0.8,
|
duration: 0.8,
|
||||||
ease: "power2.inOut",
|
ease: "power2.inOut",
|
||||||
onComplete: () => current.classList.remove("previous"),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Bring back previous card as active
|
// Bring previous card back as active
|
||||||
gsap.set(prev, { zIndex: 5 }); // Active card gets highest z-index
|
gsap.set(prev, { zIndex: 5 });
|
||||||
gsap.to(prev, {
|
gsap.to(prev, {
|
||||||
y: "60px", // Active card position
|
y: "60px",
|
||||||
opacity: 1,
|
opacity: 1,
|
||||||
scale: 1,
|
scale: 1,
|
||||||
duration: 0.8,
|
duration: 0.8,
|
||||||
ease: "power2.inOut",
|
ease: "power2.inOut",
|
||||||
onComplete: () => {
|
onComplete: () => {
|
||||||
adjustPreviousCards();
|
currentIndex--;
|
||||||
|
adjustVisibleCards();
|
||||||
animating = false;
|
animating = false;
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
currentIndex--;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 🪄 Adjust visible cards (up to 4-layer stack including active card)
|
// ✅ Maintain only 3 visible cards in stack
|
||||||
function adjustPreviousCards() {
|
function adjustVisibleCards() {
|
||||||
// Reset all cards to default state
|
// Reset all first
|
||||||
gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
|
gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
|
||||||
|
|
||||||
// Always show the current active card
|
// Active card
|
||||||
if (cards[currentIndex]) {
|
if (cards[currentIndex]) {
|
||||||
gsap.set(cards[currentIndex], {
|
gsap.set(cards[currentIndex], {
|
||||||
y: "60px",
|
y: "60px",
|
||||||
@@ -450,13 +451,13 @@ function adjustPreviousCards() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Show up to 3 previous cards in the stack
|
// Show only 2 previous cards (total 3 visible)
|
||||||
for (let i = 1; i <= 3; i++) {
|
for (let i = 1; i <= 2; i++) {
|
||||||
const prevIndex = currentIndex - i;
|
const prevIndex = currentIndex - i;
|
||||||
if (prevIndex >= 0) {
|
if (prevIndex >= 0) {
|
||||||
const yOffset = 60 - i * 30; // 60px, 40px, 20px, 0px
|
const yOffset = 60 - i * 25; // e.g., 60px, 35px
|
||||||
const scale = 1 - i * 0.05; // 1, 0.95, 0.9, 0.85
|
const scale = 1 - i * 0.05; // e.g., 1, 0.95, 0.9
|
||||||
const zIndex = 5 - i; // 5, 4, 3, 2
|
const zIndex = 5 - i;
|
||||||
|
|
||||||
gsap.set(cards[prevIndex], {
|
gsap.set(cards[prevIndex], {
|
||||||
y: `${yOffset}px`,
|
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);
|
document.addEventListener("DOMContentLoaded", initGsapStackScroll);
|
||||||
|
|
||||||
// ===============================
|
// ===============================
|
||||||
@@ -483,6 +496,16 @@ function loadPage() {
|
|||||||
document.getElementById("page-content").innerHTML = html;
|
document.getElementById("page-content").innerHTML = html;
|
||||||
window.scrollTo({ top: 0, behavior: "smooth" });
|
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
|
// Init all components after content load
|
||||||
initSwiper();
|
initSwiper();
|
||||||
initTimelineSwiper();
|
initTimelineSwiper();
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<section class="ask-advantage container">
|
<section class="ask-advantage-blog container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="blog-card d-flex align-items-center">
|
<div class="blog-card d-flex align-items-center">
|
||||||
@@ -41,7 +41,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<section class="ask-advantage2 container">
|
<section class="ask-advantage-blog2 container">
|
||||||
<h2>Top Picks</h2>
|
<h2>Top Picks</h2>
|
||||||
|
|
||||||
<div class="row g-4 mt-3">
|
<div class="row g-4 mt-3">
|
||||||
|
|||||||
539
pages/home.html
539
pages/home.html
@@ -1,5 +1,5 @@
|
|||||||
<section class="Slider-back">
|
<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">
|
<div class="carousel-indicators">
|
||||||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
|
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
|
||||||
aria-current="true" aria-label="Slide 1"></button>
|
aria-current="true" aria-label="Slide 1"></button>
|
||||||
@@ -11,42 +11,54 @@
|
|||||||
<div class="carousel-inner">
|
<div class="carousel-inner">
|
||||||
<div class="carousel-item active leftslider-line">
|
<div class="carousel-item active leftslider-line">
|
||||||
|
|
||||||
<div class="tittle-top">
|
<div class="right-new container">
|
||||||
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
|
<div class="right-border">
|
||||||
</div>
|
<div class="tittle-top">
|
||||||
<div class="desc-top">
|
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
|
||||||
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
|
</div>
|
||||||
</div>
|
<div class="desc-top">
|
||||||
<div class="button-to">
|
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
|
||||||
<span class="invest-btn2">
|
</div>
|
||||||
<a href="#" class="">Invest Now</a>
|
<div class="button-to">
|
||||||
</span>
|
<span class="invest-btn2">
|
||||||
|
<a href="#" class="">Invest Now</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item leftslider-line">
|
<div class="carousel-item leftslider-line">
|
||||||
<div class="tittle-top">
|
<div class="right-new container">
|
||||||
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
|
<div class="right-border">
|
||||||
</div>
|
<div class="tittle-top">
|
||||||
<div class="desc-top">
|
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
|
||||||
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
|
</div>
|
||||||
</div>
|
<div class="desc-top">
|
||||||
<div class="button-to">
|
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
|
||||||
<span class="invest-btn2">
|
</div>
|
||||||
<a href="#" class="">Invest Now</a>
|
<div class="button-to">
|
||||||
</span>
|
<span class="invest-btn2">
|
||||||
|
<a href="#" class="">Invest Now</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item leftslider-line">
|
<div class="carousel-item leftslider-line">
|
||||||
<div class="tittle-top">
|
<div class="right-new container">
|
||||||
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
|
<div class="right-border">
|
||||||
</div>
|
<div class="tittle-top">
|
||||||
<div class="desc-top">
|
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
|
||||||
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
|
</div>
|
||||||
</div>
|
<div class="desc-top">
|
||||||
<div class="button-to">
|
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
|
||||||
<span class="invest-btn2">
|
</div>
|
||||||
<a href="#" class="">Invest Now</a>
|
<div class="button-to">
|
||||||
</span>
|
<span class="invest-btn2">
|
||||||
|
<a href="#" class="">Invest Now</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -54,7 +66,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="ask-advantage container">
|
<section class="ask-advantage-home container">
|
||||||
<h2>The ASK Advantage</h2>
|
<h2>The ASK Advantage</h2>
|
||||||
<p class="lead">We blend expert management and a personalized approach to help you grow wealth with confidence.</p>
|
<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">
|
<div class="d-none d-md-block">
|
||||||
@@ -69,7 +81,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-md-3 col-sm-6 mb-4 d-flex">
|
<div class="col-md-3 col-sm-6 mb-4 d-flex">
|
||||||
<div class="advantage-box flex-fill">
|
<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>
|
<h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
|
||||||
<p class="advantage-text">Combine the power of disciplined investing with expert-designed portfolios for
|
<p class="advantage-text">Combine the power of disciplined investing with expert-designed portfolios for
|
||||||
consistent growth.</p>
|
consistent growth.</p>
|
||||||
@@ -95,62 +107,62 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Mobile View (Slider) -->
|
<!-- Mobile View (Slider) -->
|
||||||
<div class="d-block d-md-none">
|
<div class="d-block d-md-none">
|
||||||
<div class="swiper-home mySwiper2">
|
<div class="swiper-home mySwiper2">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
|
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide arrang-back">
|
||||||
<div class="advantage-card">
|
<div class="advantage-card">
|
||||||
<div class="advantage-icon">
|
<div class="advantage-icon">
|
||||||
<img src="./assests/images/icon1.svg" alt="" class="mobile-hight">
|
<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>
|
</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>
|
</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>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -198,11 +210,11 @@
|
|||||||
<section class="ask-advantage-scroll container">
|
<section class="ask-advantage-scroll container">
|
||||||
<h2>Your Investment Journey, Made Simple</h2>
|
<h2>Your Investment Journey, Made Simple</h2>
|
||||||
<p class="lead">Follow these simple steps to start your investment journey</p>
|
<p class="lead">Follow these simple steps to start your investment journey</p>
|
||||||
|
|
||||||
<div class="cards-wrapper">
|
<div class="cards-wrapper">
|
||||||
<!-- Card 1 -->
|
<!-- Card 1 -->
|
||||||
<div class="card-scroll">
|
<div class="card-scroll">
|
||||||
|
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="card-label"><span>01</span></div>
|
<div class="card-label"><span>01</span></div>
|
||||||
<h3 class="scroll-tiile">Know why you're investing</h3>
|
<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">Know your risk-taking ability</li>
|
||||||
<li class="scroll-li">Decide between growth or steady income</li>
|
<li class="scroll-li">Decide between growth or steady income</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="button-to">
|
<div class="button-to">
|
||||||
<span class="invest-btn3">
|
<span class="invest-btn3">
|
||||||
<a href="#" class="">Explore Now</a>
|
<a href="#" class="">Explore Now</a>
|
||||||
</span>
|
</span>
|
||||||
@@ -226,7 +238,7 @@
|
|||||||
|
|
||||||
<!-- Card 2 -->
|
<!-- Card 2 -->
|
||||||
<div class="card-scroll">
|
<div class="card-scroll">
|
||||||
|
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="card-label"><span>02</span></div>
|
<div class="card-label"><span>02</span></div>
|
||||||
<h3 class="scroll-tiile">Choose the Right Mutual Fund</h3>
|
<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">Consider past performance and returns</li>
|
||||||
<li class="scroll-li">Match the fund to your financial goal</li>
|
<li class="scroll-li">Match the fund to your financial goal</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="button-to">
|
<div class="button-to">
|
||||||
<span class="invest-btn3">
|
<span class="invest-btn3">
|
||||||
<a href="#" class="">Explore Now</a>
|
<a href="#" class="">Explore Now</a>
|
||||||
</span>
|
</span>
|
||||||
@@ -249,8 +261,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Card 3 -->
|
<!-- Card 3 -->
|
||||||
<div class="card-scroll">
|
<div class="card-scroll">
|
||||||
|
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="card-label"><span>03</span></div>
|
<div class="card-label"><span>03</span></div>
|
||||||
<h3 class="scroll-tiile">One KYC, Lifetime Access</h3>
|
<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">Do it once, valid across all mutual fund houses</li>
|
||||||
<li class="scroll-li">You can complete KYC online in minutes</li>
|
<li class="scroll-li">You can complete KYC online in minutes</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="button-to">
|
<div class="button-to">
|
||||||
<span class="invest-btn3">
|
<span class="invest-btn3">
|
||||||
<a href="#" class="">Explore Now</a>
|
<a href="#" class="">Explore Now</a>
|
||||||
</span>
|
</span>
|
||||||
@@ -274,7 +286,7 @@
|
|||||||
|
|
||||||
<!-- Card 4 -->
|
<!-- Card 4 -->
|
||||||
<div class="card-scroll">
|
<div class="card-scroll">
|
||||||
|
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="card-label"><span>04</span></div>
|
<div class="card-label"><span>04</span></div>
|
||||||
<h3 class="scroll-tiile">Start Small & Invest Smartly</h3>
|
<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">Diversify across multiple fund types</li>
|
||||||
<li class="scroll-li">Use a trusted platform or app</li>
|
<li class="scroll-li">Use a trusted platform or app</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="button-to">
|
<div class="button-to">
|
||||||
<span class="invest-btn3">
|
<span class="invest-btn3">
|
||||||
<a href="#" class="">Explore Now</a>
|
<a href="#" class="">Explore Now</a>
|
||||||
</span>
|
</span>
|
||||||
@@ -297,9 +309,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- Card 5 -->
|
<!-- Card 5 -->
|
||||||
<div class="card-scroll">
|
<div class="card-scroll">
|
||||||
|
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="card-label"><span>05</span></div>
|
<div class="card-label"><span>05</span></div>
|
||||||
<h3 class="scroll-tiile">Monitor & Rebalance Regularly</h3>
|
<h3 class="scroll-tiile">Monitor & Rebalance Regularly</h3>
|
||||||
@@ -310,7 +322,7 @@
|
|||||||
<li class="scroll-li">Switch underperforming funds</li>
|
<li class="scroll-li">Switch underperforming funds</li>
|
||||||
<li class="scroll-li">Review once every 6–12 months</li>
|
<li class="scroll-li">Review once every 6–12 months</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="button-to">
|
<div class="button-to">
|
||||||
<span class="invest-btn3">
|
<span class="invest-btn3">
|
||||||
<a href="#" class="">Explore Now</a>
|
<a href="#" class="">Explore Now</a>
|
||||||
</span>
|
</span>
|
||||||
@@ -329,8 +341,55 @@
|
|||||||
<section class="ask-advantage container">
|
<section class="ask-advantage container">
|
||||||
<h2>Life Moments You Can Plan For</h2>
|
<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>
|
<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">
|
<div class="col-6 col-sm-6 col-lg-3 padding-icon">
|
||||||
<img src="./assests/images/life1.svg" alt="icon" class="mb-4 icon1">
|
<img src="./assests/images/life1.svg" alt="icon" class="mb-4 icon1">
|
||||||
<h6 class=" text-primary">Buying My Dream Home</h6>
|
<h6 class=" text-primary">Buying My Dream Home</h6>
|
||||||
@@ -351,8 +410,15 @@
|
|||||||
<h6 class=" text-primary">Saving Taxes the Right Way</h6>
|
<h6 class=" text-primary">Saving Taxes the Right Way</h6>
|
||||||
<p class="text-muted small">Optimize your tax savings legally</p>
|
<p class="text-muted small">Optimize your tax savings legally</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mobile mobile-left">
|
||||||
|
|
||||||
<div class="col-6 col-sm-6 col-lg-3 padding-icon4">
|
<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>
|
<h6 class=" text-primary">Dream Vacation</h6>
|
||||||
<p class="text-muted small">Turn your dream getaway into reality</p>
|
<p class="text-muted small">Turn your dream getaway into reality</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -376,10 +442,10 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="where2 container">
|
<section class="where2 container">
|
||||||
|
|
||||||
<div class="where-back">
|
<div class="where-back">
|
||||||
<div class="where-text">
|
<div class="where-text">
|
||||||
<div>
|
<div>
|
||||||
<div class="tittle-top">
|
<div class="tittle-top">
|
||||||
<span class="banner-tittle1">Not Sure Where to Start?</span>
|
<span class="banner-tittle1">Not Sure Where to Start?</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -394,58 +460,65 @@
|
|||||||
<a href="#" class="">Get in Touch</a>
|
<a href="#" class="">Get in Touch</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="ask-advantage container">
|
<section class="ask-advantage container">
|
||||||
<h2>Insights to Grow Your Wealth Smarter</h2>
|
<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="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="col-md-4">
|
||||||
<div class="blog-card">
|
<div class="blog-card">
|
||||||
<img src="./assests/images/blog2.svg" alt="Goals First" class="img-fluid rounded-3 mb-3">
|
<img src="./assests/images/blog1.svg" alt="Understanding SIPs" class="img-fluid rounded-3 mb-3">
|
||||||
<h5 class="tittle-blog">Goals First: Planning for Retirement, Children & More</h5>
|
<h5 class="tittle-blog">Understanding SIPs: Building Wealth One Step at a Time</h5>
|
||||||
<p class="time">7 min read</p>
|
<p class="time">7 min read</p>
|
||||||
<p class="desc-blog">
|
<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.
|
Small monthly investments can lead to big financial milestones. Explore how SIPs work, why they matter, and
|
||||||
</p>
|
how you can get started today.
|
||||||
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
|
</p>
|
||||||
</div>
|
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt=""
|
||||||
|
class="blogarrow"></a>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="blog-card">
|
<div class="blog-card">
|
||||||
<img src="./assests/images/blog3.svg" alt="Market Cycles" class="img-fluid rounded-3 mb-3">
|
<img src="./assests/images/blog2.svg" alt="Goals First" class="img-fluid rounded-3 mb-3">
|
||||||
<h5 class="tittle-blog">How Market Cycles Affect Mutual Fund Returns</h5>
|
<h5 class="tittle-blog">Goals First: Planning for Retirement, Children & More</h5>
|
||||||
<p class="time">7 min read</p>
|
<p class="time">7 min read</p>
|
||||||
<p class="desc-blog">
|
<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.
|
Whether it’s your dream home or your child’s future, financial goals need clarity and discipline. Learn how
|
||||||
</p>
|
goal-based investing can help.
|
||||||
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
|
</p>
|
||||||
</div>
|
<a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt=""
|
||||||
|
class="blogarrow"></a>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -455,110 +528,114 @@
|
|||||||
<div class="accordion" id="accordionExample">
|
<div class="accordion" id="accordionExample">
|
||||||
<div class="accordion" id="accordionExample">
|
<div class="accordion" id="accordionExample">
|
||||||
|
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header" id="headingOne">
|
<h2 class="accordion-header" id="headingOne">
|
||||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
|
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
|
||||||
aria-expanded="true" aria-controls="collapseOne">
|
aria-expanded="true" aria-controls="collapseOne">
|
||||||
Is it safe to invest in mutual funds?
|
Is it safe to invest in mutual funds?
|
||||||
</button>
|
</button>
|
||||||
</h2>
|
</h2>
|
||||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
|
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
|
||||||
data-bs-parent="#accordionExample">
|
data-bs-parent="#accordionExample">
|
||||||
<div class="accordion-body">
|
<div class="accordion-body">
|
||||||
<span class="textaccor">
|
<span class="textaccor">
|
||||||
Mutual funds are regulated by SEBI and offer risk diversification, but returns are not guaranteed and depend on market performance.
|
Mutual funds are regulated by SEBI and offer risk diversification, but returns are not guaranteed and
|
||||||
</span>
|
depend on market performance.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header" id="headingTwo">
|
<h2 class="accordion-header" id="headingTwo">
|
||||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||||
aria-expanded="false" aria-controls="collapseTwo">
|
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||||
How much money do I need to start?
|
How much money do I need to start?
|
||||||
</button>
|
</button>
|
||||||
</h2>
|
</h2>
|
||||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
|
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
|
||||||
data-bs-parent="#accordionExample">
|
data-bs-parent="#accordionExample">
|
||||||
<div class="accordion-body">
|
<div class="accordion-body">
|
||||||
<span class="textaccor">
|
<span class="textaccor">
|
||||||
You can begin investing in most mutual funds with as little as ₹500 via SIP or lump sum.
|
You can begin investing in most mutual funds with as little as ₹500 via SIP or lump sum.
|
||||||
</span>
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header" id="headingThree">
|
<h2 class="accordion-header" id="headingThree">
|
||||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree"
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||||
aria-expanded="false" aria-controls="collapseThree">
|
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||||
Can I withdraw my money anytime?
|
Can I withdraw my money anytime?
|
||||||
</button>
|
</button>
|
||||||
</h2>
|
</h2>
|
||||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
|
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
|
||||||
data-bs-parent="#accordionExample">
|
data-bs-parent="#accordionExample">
|
||||||
<div class="accordion-body">
|
<div class="accordion-body">
|
||||||
<span class="textaccor">
|
<span class="textaccor">
|
||||||
Yes, most open-ended mutual funds allow withdrawals anytime, though some may have exit loads or specific lock-in periods.
|
Yes, most open-ended mutual funds allow withdrawals anytime, though some may have exit loads or specific
|
||||||
</span>
|
lock-in periods.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header" id="headingFour">
|
<h2 class="accordion-header" id="headingFour">
|
||||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour"
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||||
aria-expanded="false" aria-controls="collapseFour">
|
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||||
How are mutual funds taxed?
|
How are mutual funds taxed?
|
||||||
</button>
|
</button>
|
||||||
</h2>
|
</h2>
|
||||||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
|
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
|
||||||
data-bs-parent="#accordionExample">
|
data-bs-parent="#accordionExample">
|
||||||
<div class="accordion-body">
|
<div class="accordion-body">
|
||||||
<span class="textaccor">
|
<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.
|
Tax is based on the type of fund and holding period, with separate rules for equity and debt funds as per
|
||||||
</span>
|
prevailing tax laws.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header" id="headingFive">
|
<h2 class="accordion-header" id="headingFive">
|
||||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive"
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||||
aria-expanded="false" aria-controls="collapseFive">
|
data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
||||||
Do mutual funds guarantee returns?
|
Do mutual funds guarantee returns?
|
||||||
</button>
|
</button>
|
||||||
</h2>
|
</h2>
|
||||||
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
|
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
|
||||||
data-bs-parent="#accordionExample">
|
data-bs-parent="#accordionExample">
|
||||||
<div class="accordion-body">
|
<div class="accordion-body">
|
||||||
<span class="textaccor">
|
<span class="textaccor">
|
||||||
No, mutual funds do not guarantee returns; their value fluctuates according to market movements.
|
No, mutual funds do not guarantee returns; their value fluctuates according to market movements.
|
||||||
</span>
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header" id="headingSix">
|
<h2 class="accordion-header" id="headingSix">
|
||||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix"
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||||
aria-expanded="false" aria-controls="collapseSix">
|
data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
|
||||||
What is NAV in mutual funds?
|
What is NAV in mutual funds?
|
||||||
</button>
|
</button>
|
||||||
</h2>
|
</h2>
|
||||||
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
|
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
|
||||||
data-bs-parent="#accordionExample">
|
data-bs-parent="#accordionExample">
|
||||||
<div class="accordion-body">
|
<div class="accordion-body">
|
||||||
<span class="textaccor">
|
<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.
|
NAV (Net Asset Value) is the per-unit price of a mutual fund, calculated daily after accounting for fund
|
||||||
</span>
|
assets and liabilities.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
@@ -26,12 +26,13 @@
|
|||||||
<div class="tab-content" id="teamTabsContent">
|
<div class="tab-content" id="teamTabsContent">
|
||||||
<!-- Leadership Tab -->
|
<!-- Leadership Tab -->
|
||||||
<div class="tab-pane fade show active" id="leadership" role="tabpanel">
|
<div class="tab-pane fade show active" id="leadership" role="tabpanel">
|
||||||
|
|
||||||
<div class="row g-4 mt-2">
|
<div class="row g-4 ">
|
||||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||||
<div class="card team-card"
|
<div class="card team-card"
|
||||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
|
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">
|
'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="team-info">
|
||||||
<div class="text-height">
|
<div class="text-height">
|
||||||
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||||
@@ -44,10 +45,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||||
<div class="card team-card"
|
<div class="card team-card"
|
||||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
|
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">
|
'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="team-info">
|
||||||
<div class="text-height">
|
<div class="text-height">
|
||||||
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||||
@@ -60,10 +62,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||||
<div class="card team-card"
|
<div class="card team-card"
|
||||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
|
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">
|
'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="team-info">
|
||||||
<div class="text-height">
|
<div class="text-height">
|
||||||
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||||
@@ -75,12 +78,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="row g-4 mt-2">
|
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
<div class="card team-card"
|
||||||
<div class="card team-card"
|
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
|
||||||
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.')">
|
||||||
'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">
|
<img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
|
||||||
<div class="team-info">
|
<div class="team-info">
|
||||||
<div class="text-height">
|
<div class="text-height">
|
||||||
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||||
@@ -93,10 +96,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||||
<div class="card team-card"
|
<div class="card team-card"
|
||||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
|
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">
|
'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="team-info">
|
||||||
<div class="text-height">
|
<div class="text-height">
|
||||||
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||||
@@ -109,10 +113,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||||
<div class="card team-card"
|
<div class="card team-card"
|
||||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
|
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">
|
'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="team-info">
|
||||||
<div class="text-height">
|
<div class="text-height">
|
||||||
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||||
@@ -124,56 +129,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user