Compare commits
19 Commits
7db4b03a57
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
289eaf8ed4 | ||
|
|
2a7c51da33 | ||
|
|
dcb32d0e42 | ||
|
|
a2cc409bc3 | ||
|
|
98ccbf52d7 | ||
|
|
ab688231a0 | ||
|
|
3e458f486b | ||
|
|
a87171cd6e | ||
|
|
d58c9c5059 | ||
|
|
96dcb4a26d | ||
|
|
a0034abfb1 | ||
|
21ffad2a9a | ||
|
|
6f578d1162 | ||
|
|
7d3055b78c | ||
|
|
d3ba6f9c40 | ||
|
|
6ff1d729e2 | ||
|
|
e43cedf536 | ||
|
|
9708b8ef5d | ||
|
|
28ca105c84 |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
5
assests/images/1983-Icon.svg
Normal file
5
assests/images/1983-Icon.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg width="116" height="94" viewBox="0 0 116 94" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.5 1C35.4172 22.666 45.988 34.9894 70 35.5C47.713 35.4172 36.6316 47.368 35.5 70C35.3068 48.6514 25.7434 35.4724 1 35.5C23.149 35.1964 35.4172 24.5014 35.5 1V1Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.5 46C91.4436 60.758 98.644 69.1522 115 69.5C99.819 69.4436 92.2708 77.584 91.5 93C91.3684 78.4582 84.8542 69.4812 68 69.5C83.087 69.2932 91.4436 62.0082 91.5 46Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.5 1C91.47 8.85 95.3 13.315 104 13.5C95.925 13.47 91.91 17.8 91.5 26C91.43 18.265 87.965 13.49 79 13.5C87.025 13.39 91.47 9.515 91.5 1Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 967 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
13
assests/images/1991-Icon.svg
Normal file
13
assests/images/1991-Icon.svg
Normal file
@@ -0,0 +1,13 @@
|
||||
<svg width="94" height="95" viewBox="0 0 94 95" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 65.7578V1.75781H65V29.7578H93V93.7578H29V65.7578H1V65.7578Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M33.002 29.7578H29.002V33.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M29.002 41.7578V45.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M45 29.7578H41" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M57 29.7578H53" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M41 65.7578H37" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M53 65.7578H49" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M29.002 57.7578V53.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M64.998 37.7578V41.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M61 65.7578H65V61.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M64.998 53.7578V49.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 599 B |
5
assests/images/2007-Icon.svg
Normal file
5
assests/images/2007-Icon.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M72.3053 72.3006V36.6484H83.0009V82.9963H33.0879V72.3006H72.3053V72.3006Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2609 15.2609V50.913H1V1H47.3478V15.2609H15.2609V15.2609Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.957 61.6053H61.6092V25.9531H25.957V61.6053Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 628 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
10
assests/images/2008-Icon.svg
Normal file
10
assests/images/2008-Icon.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M75.8691 22.1484V61.3658" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22.3906 7.89062H61.608" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.13086 61.3658V22.1484" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M61.608 75.625H22.3906" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9992 7.88825C82.9992 11.8242 79.8083 15.0187 75.8687 15.0187C71.9327 15.0187 68.7383 11.8242 68.7383 7.88825C68.7383 3.95225 71.9327 0.757812 75.8687 0.757812C79.8083 0.757812 82.9992 3.95225 82.9992 7.88825V7.88825Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 7.88825C1 11.8242 4.19443 15.0187 8.13043 15.0187C12.07 15.0187 15.2609 11.8242 15.2609 7.88825C15.2609 3.95225 12.07 0.757812 8.13043 0.757812C4.19443 0.757812 1 3.95225 1 7.88825V7.88825Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9992 75.6304C82.9992 71.6944 79.8083 68.5 75.8687 68.5C71.9327 68.5 68.7383 71.6944 68.7383 75.6304C68.7383 79.5664 71.9327 82.7609 75.8687 82.7609C79.8083 82.7609 82.9992 79.5664 82.9992 75.6304V75.6304Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 75.6304C1 71.6944 4.19443 68.5 8.13043 68.5C12.07 68.5 15.2609 71.6944 15.2609 75.6304C15.2609 79.5664 12.07 82.7609 8.13043 82.7609C4.19443 82.7609 1 79.5664 1 75.6304V75.6304Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
3
assests/images/2013-Icon.svg
Normal file
3
assests/images/2013-Icon.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="78" height="75" viewBox="0 0 78 75" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M47.7295 29.2422L47.8418 29.5879H76.4541L53.6006 46.1924L53.3066 46.4062L53.4189 46.752L62.1484 73.6182L39.2939 57.0137L39 56.8008L38.7061 57.0137L15.8506 73.6182L24.5811 46.752L24.6934 46.4062L24.3994 46.1924L1.5459 29.5879H30.1582L30.2705 29.2422L39 2.375L47.7295 29.2422Z" stroke="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 405 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
6
assests/images/2015-Icon.svg
Normal file
6
assests/images/2015-Icon.svg
Normal file
@@ -0,0 +1,6 @@
|
||||
<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.8949 11.4531L45.4601 18.5836H52.5905L46.8256 22.9866L49.0253 31.0618L41.8949 25.714L34.7644 31.0618L37.5988 22.9866L31.1992 18.5836H38.3297L41.8949 11.4531V11.4531Z" stroke="white" stroke-linejoin="round"/>
|
||||
<path d="M17.5017 36.4124C-0.324405 36.4124 1.02325 12.8142 1.02325 7.89062H10.0611" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M66.4199 36.4124C84.246 36.4124 83.0017 12.8142 83.0017 7.89062H73.8641" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.1075 0.757812H9.93359C9.93359 55.7834 38.3305 40.1677 38.3305 59.5839C38.1059 72.0622 32.259 75.6274 22.4119 75.6274V82.7578H61.6292V75.6274C51.7821 75.6274 45.461 72.0622 45.461 59.5839C45.461 40.1428 74.1075 55.5552 74.1075 0.757812V0.757812Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1021 B |
Binary file not shown.
|
Before Width: | Height: | Size: 827 B |
17
assests/images/2016-Icon.svg
Normal file
17
assests/images/2016-Icon.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg width="83" height="87" viewBox="0 0 83 87" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1956 71.9293H82.5V0.625H11.1956V71.9293Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M43.2826 39.8425L71.8043 11.3208" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M53.9783 11.3208H71.8043V29.1469" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.06522 46.9727H0.5V50.5379" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M0.5 57.6685V61.2337" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M14.7609 46.9727H11.1956" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M25.4565 46.9727H21.8913" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M14.7609 82.625H11.1956" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M25.4565 82.625H21.8913" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.06522 82.6248H0.5V79.0596" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M0.5 71.9295V68.3643" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M32.587 46.9727H36.1522V50.5379" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M36.1522 57.6685V61.2337" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M32.587 82.6248H36.1522V79.0596" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M36.1522 71.9295V68.3643" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
9
assests/images/2016-Mobile-Icon.svg
Normal file
9
assests/images/2016-Mobile-Icon.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 110 KiB |
9
assests/images/2022-Icon.svg
Normal file
9
assests/images/2022-Icon.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 558 KiB |
10
assests/images/about-banner-img.svg
Normal file
10
assests/images/about-banner-img.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 744 KiB |
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 |
Binary file not shown.
|
Before Width: | Height: | Size: 558 KiB |
10
assests/images/mobile-about-banner.svg
Normal file
10
assests/images/mobile-about-banner.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 744 KiB |
@@ -4,23 +4,35 @@
|
||||
<!-- Left Section -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="footer-logo mb-3 d-flex align-items-center">
|
||||
<a href="#"><img src="./assests/images/footer-logo.svg" alt="ASK Logo" height="40" class="me-2"></a>
|
||||
|
||||
<a href="#"
|
||||
><img
|
||||
src="./assests/images/footer-logo.svg"
|
||||
alt="ASK Logo"
|
||||
height="40"
|
||||
class="me-2"
|
||||
/></a>
|
||||
</div>
|
||||
<p class="footer-desc mb-5">
|
||||
We offer tailored investment solutions focused on your goals and objectives.
|
||||
Our mutual funds help enhance seamless wealth transfer between generations for families.
|
||||
We offer tailored investment solutions focused on your goals and
|
||||
objectives. Our mutual funds help enhance seamless wealth transfer
|
||||
between generations for families.
|
||||
</p>
|
||||
<div class="social-links mb-4">
|
||||
<a href="#" class="me-3"><img src="./assests/images/youtube.svg" alt=""></a>
|
||||
<a href="#" class="me-3"><img src="./assests/images/twitter.svg" alt=""></a>
|
||||
<a href="#" class="me-3"><img src="./assests/images/facebook.svg" alt=""></a>
|
||||
<a href="#"><img src="./assests/images/lin.svg" alt=""></a>
|
||||
<a href="#" class="me-3"
|
||||
><img src="./assests/images/youtube.svg" alt=""
|
||||
/></a>
|
||||
<a href="#" class="me-3"
|
||||
><img src="./assests/images/twitter.svg" alt=""
|
||||
/></a>
|
||||
<a href="#" class="me-3"
|
||||
><img src="./assests/images/facebook.svg" alt=""
|
||||
/></a>
|
||||
<a href="#"><img src="./assests/images/lin.svg" alt="" /></a>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<!-- <div class="d-flex gap-2">
|
||||
<a href="#"><img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" height="40" alt="Google Play"></a>
|
||||
<a href="#"><img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" height="40" alt="App Store"></a>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
@@ -53,22 +65,30 @@
|
||||
<li><a href="#">Careers</a></li>
|
||||
<li><a href="#">Our Locations</a></li>
|
||||
<li><a href="#">Log In</a></li>
|
||||
<li><a href="#">Contact Us</a></li>
|
||||
<li><a href="#/contact">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="footer-line mt-5 mb-4">
|
||||
<hr class="footer-line mt-5 mb-4" />
|
||||
|
||||
<!-- Bottom Bar -->
|
||||
<div class="d-flex flex-wrap justify-content-between align-items-center text-white-50 small">
|
||||
<div
|
||||
class="d-flex flex-wrap justify-content-between align-items-center text-white-50 small"
|
||||
>
|
||||
<div class="footer-bottom-links">
|
||||
<a href="#" class="size-footer">Disclosures</a>
|
||||
<a href="#" class="size-footer">Privacy Policy</a>
|
||||
<a href="#" class="size-footer">Disclaimer</a>
|
||||
</div>
|
||||
<div class="text-adjust">
|
||||
© 2025 ASK Investment Managers. All rights reserved.
|
||||
<p class="d-lg-none mb-2 ">© 2025 ASK Investment Managers.</p>
|
||||
<p class="d-lg-none">All rights reserved.</p>
|
||||
|
||||
<!-- Large screen (single line) -->
|
||||
<h2 class="d-none d-lg-block">
|
||||
© 2025 ASK Investment Managers. All rights reserved.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,15 +1,20 @@
|
||||
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo -->
|
||||
<div class="mobile-adj">
|
||||
<a class="navbar-brand d-flex align-items-center" href="">
|
||||
<img src="./assests/images/ask-mutual-fund-logo.svg" alt="My Logo" height="40">
|
||||
<img
|
||||
src="./assests/images/ask-mutual-fund-logo.svg"
|
||||
alt="My Logo"
|
||||
height="40"
|
||||
/>
|
||||
</a>
|
||||
<!-- Toggle Button -->
|
||||
<button class="navbar-toggler" type="button">
|
||||
<span class="open-icon">☰</span> <!-- hamburger -->
|
||||
<span class="close-icon d-none">×</span> <!-- close icon -->
|
||||
<span class="open-icon">☰</span>
|
||||
<!-- hamburger -->
|
||||
<span class="close-icon d-none">×</span>
|
||||
<!-- close icon -->
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -18,10 +23,24 @@
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<!-- Center Links -->
|
||||
<ul class="navbar-nav gap-menu mx-auto text-center">
|
||||
<li class="nav-item"><a class="nav-link" href="#/our-fund">Our Fund</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#/our-team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#/about">About</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#/contact">Contact</a></li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#/our-fund">Our Funds</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>
|
||||
<li class="nav-item d-lg-none">
|
||||
<a class="nav-link" href="#/contact">Carrer</a>
|
||||
</li>
|
||||
<li class="nav-item d-lg-none">
|
||||
<a class="nav-link" href="#/contact">Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Right Buttons -->
|
||||
@@ -29,43 +48,59 @@
|
||||
<li class="nav-item me-3">
|
||||
<a href="#" class="invest-btn px-3 py-2">Invest Now</a>
|
||||
</li>
|
||||
<li class="nav-item d-flex align-items-center">
|
||||
<span class="text-white">Login</span>
|
||||
<i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px;"></i>
|
||||
<li class="nav-item d-flex align-items-center login-btn">
|
||||
<span class="">Login</span>
|
||||
<i
|
||||
class="bi bi-chevron-down"
|
||||
style="
|
||||
font-size: 13px;
|
||||
color: #b18c4a;
|
||||
margin-left: 8px;
|
||||
display: none;
|
||||
"
|
||||
></i>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="topbar-mobile ">
|
||||
<div class="topbar-mobile">
|
||||
<div class="mobile-call">
|
||||
|
||||
<a href="tel:(+91) 93256 07030" class="color-b">
|
||||
<i class="bi bi-telephone " style="width: 20px; height: 20px; color: #B18C4A;"></i> (+91) 93256 07030
|
||||
<i
|
||||
class="bi bi-telephone"
|
||||
style="width: 20px; height: 20px; color: #b18c4a"
|
||||
></i>
|
||||
(+91) 93256 07030
|
||||
</a>
|
||||
<a href="mailto:askdb@gmail.com" class="color-b">
|
||||
<i class="bi bi-envelope" style="width: 20px; height: 20px; color: #B18C4A;"></i> askdb@gmail.com
|
||||
<i
|
||||
class="bi bi-envelope"
|
||||
style="width: 20px; height: 20px; color: #b18c4a"
|
||||
></i>
|
||||
askdb@gmail.com
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="topbar py-2 ">
|
||||
<div class="topbar py-2">
|
||||
<div class="container d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<a href="tel:(+91) 93256 07030" class="color-a">
|
||||
<i class="bi bi-telephone me-2" style="width: 16px; height: 16px;"></i> (+91) 93256 07030
|
||||
<i class="bi bi-telephone me-2" style="width: 16px; height: 16px"></i>
|
||||
(+91) 93256 07030
|
||||
</a>
|
||||
<a href="mailto:askdb@gmail.com" class="color-a">
|
||||
<i class="bi bi-envelope ms-3 me-1" style="width: 16px; height: 16px;"></i> askdb@gmail.com
|
||||
<i
|
||||
class="bi bi-envelope ms-3 me-1"
|
||||
style="width: 16px; height: 16px"
|
||||
></i>
|
||||
askdb@gmail.com
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="./js/navbar.js"></script>
|
||||
<script src="./js/navbar.js"></script>
|
||||
|
||||
378
css/contact.css
378
css/contact.css
@@ -1,11 +1,11 @@
|
||||
/* Base setup */
|
||||
:root {
|
||||
--font-primary: 'Open Sans', sans-serif;
|
||||
/* default body font */
|
||||
--font-secondary: 'Larken', serif;
|
||||
/* decorative font */
|
||||
--font-tertiary: 'Inter', sans-serif;
|
||||
/* for headings or special text */
|
||||
--font-primary: "Open Sans", sans-serif;
|
||||
/* default body font */
|
||||
--font-secondary: "Larken", serif;
|
||||
/* decorative font */
|
||||
--font-tertiary: "Inter", sans-serif;
|
||||
/* for headings or special text */
|
||||
}
|
||||
|
||||
.contact-banner {
|
||||
@@ -13,11 +13,15 @@
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 70vh;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
/* .contact-banner .container{
|
||||
padding: 60px 0 72px 0;
|
||||
} */
|
||||
|
||||
.contac-back-color {
|
||||
background: #F5F5F5;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.contact-aling {
|
||||
@@ -26,62 +30,61 @@
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
padding-bottom: 60px;
|
||||
padding-bottom: 72px;
|
||||
}
|
||||
|
||||
.contact-tittle-banner {
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 50px;
|
||||
line-height: 60px;
|
||||
color: #fff;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 50px;
|
||||
line-height: 60px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
p.contact-text-banner {
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.invest-contact {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 15px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 280px;
|
||||
justify-content: center;
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 15px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 280px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.invest-contact a {
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.map-section .button-to {
|
||||
margin-top: 35px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.view-top {
|
||||
margin-top: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.contact-cards {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
gap: 30px;
|
||||
|
||||
margin-bottom: 65px;
|
||||
|
||||
}
|
||||
|
||||
.contact-card {
|
||||
@@ -90,221 +93,221 @@ p.contact-text-banner {
|
||||
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
|
||||
padding: 25px 35px;
|
||||
flex: 1 1 30%;
|
||||
border-bottom: 3px solid #b89c58;
|
||||
border-bottom: 5px solid #b89c58;
|
||||
/* gold underline */
|
||||
transition: all 0.3s ease;
|
||||
width: 368px;
|
||||
height: 225px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.contact-card h4 {
|
||||
color: #033A49;
|
||||
margin-bottom: 15px;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
color: #033a49;
|
||||
margin-bottom: 15px;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.contact-card p:first-child {
|
||||
font-size: 21px;
|
||||
}
|
||||
.contact-card p {
|
||||
color: #3E3F3F;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 10px;
|
||||
color: #3e3f3f;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.map-section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 50px;
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 50px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.map-container {
|
||||
flex: 1 1 55%;
|
||||
|
||||
overflow: hidden;
|
||||
flex: 1 1 55%;
|
||||
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.map-container iframe {
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
border: 0;
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.location-info {
|
||||
flex: 1 1 40%;
|
||||
flex: 1 1 40%;
|
||||
}
|
||||
|
||||
.location-info h3 {
|
||||
color: #033A49;
|
||||
margin-bottom: 20px;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
color: #033a49;
|
||||
margin-bottom: 20px;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.location-info strong {
|
||||
color: #B18C4B;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 0.5px;
|
||||
color: #b18c4b;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.location-info p {
|
||||
color: #3E3F3F;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 0.5px;
|
||||
color: #3e3f3f;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.invest-contact2 {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 15px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 220px;
|
||||
justify-content: center;
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 15px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 220px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.invest-contact2 a {
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.View {
|
||||
text-transform: uppercase;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.view-arrow {
|
||||
height: 11px !important;
|
||||
width: 17px !important;
|
||||
height: 11px !important;
|
||||
width: 17px !important;
|
||||
}
|
||||
|
||||
.location-info.none-desktop {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
.hide-details-conne-mobile {
|
||||
display: none
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.contact-cards {
|
||||
flex-direction: column;
|
||||
}
|
||||
.contact-cards {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.map-section {
|
||||
flex-direction: column;
|
||||
}
|
||||
.contact-card {
|
||||
|
||||
width: 100%;
|
||||
height: 135px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.location-info.none-desktop {
|
||||
display: block;
|
||||
}
|
||||
.location-info.none-desktop {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/mobile-contact.svg");
|
||||
padding: 0px 20px;
|
||||
}
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/mobile-contact.svg");
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
.invest-contact {
|
||||
.invest-contact {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
width: 95%;
|
||||
.contact-card h4 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
}
|
||||
p.size-mobile {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.contact-card h4 {
|
||||
.location-info {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
font-size: 21px;
|
||||
.map-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
.invest-contact2 {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 20px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
p.size-mobile {
|
||||
font-size: 14px;
|
||||
}
|
||||
.invest-contact {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 20px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 95% !important;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.location-info {
|
||||
.location-info p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
.view-top {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.map-container {
|
||||
h3.none-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
.map-section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 30px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.invest-contact2 {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 20px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.invest-contact {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 20px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 95% !important;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.location-info p {
|
||||
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
|
||||
.view-top {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h3.none-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.map-section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 30px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.hide-details-conne-dest {
|
||||
display: none;
|
||||
}
|
||||
.hide-details-conne-mobile {
|
||||
display: flex
|
||||
;
|
||||
.hide-details-conne-dest {
|
||||
display: none;
|
||||
}
|
||||
.hide-details-conne-mobile {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.contact-banner {
|
||||
@@ -313,5 +316,6 @@ p.contact-text-banner {
|
||||
background-size: cover;
|
||||
background-position: -33px center;
|
||||
padding: 0px 20px;
|
||||
height: 70vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
1016
css/style.css
1016
css/style.css
File diff suppressed because it is too large
Load Diff
298
css/testing.css
298
css/testing.css
@@ -1,119 +1,100 @@
|
||||
/* Base setup */
|
||||
:root {
|
||||
--font-primary: 'Open Sans', sans-serif;
|
||||
/* default body font */
|
||||
--font-secondary: 'Larken', serif;
|
||||
/* decorative font */
|
||||
--font-tertiary: 'Inter', sans-serif;
|
||||
/* for headings or special text */
|
||||
--font-primary: "Open Sans", sans-serif;
|
||||
--font-secondary: "Larken", serif;
|
||||
--font-tertiary: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
section.ask-advantage-scroll {
|
||||
padding: 60px 0 0 0;
|
||||
.ask-advantage-scroll 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-scroll 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-scroll 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;
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
/* Mobile & Tablet View (default - stacked layout) */
|
||||
.cards-wrapper {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin-top: 60px;
|
||||
|
||||
flex-direction: column;
|
||||
gap: 30px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.card-scroll {
|
||||
background-image: url("../assests/images/desbackcard-scroll.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
|
||||
background-position: center center; /* centers it horizontally and vertically */
|
||||
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
border-radius: 30px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
border: 1px solid #E6E7E8;
|
||||
box-shadow: 0px 5px 14px 0px #0000000D;
|
||||
|
||||
/* reduce side padding so image aligns better */
|
||||
padding: 50px 80px 0px 80px;
|
||||
border: 1px solid #e6e7e8;
|
||||
box-shadow: 0px 5px 14px 0px #0000000d;
|
||||
padding: 50px 80px 0px 80px;
|
||||
gap: 60px;
|
||||
transition: transform 0.3s ease;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
width: 60%;
|
||||
margin-bottom: 50px;
|
||||
width: 60%;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.card-image {
|
||||
width: 40%;
|
||||
display: flex;
|
||||
align-items: end;
|
||||
width: 40%;
|
||||
display: flex;
|
||||
align-items: end;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.card-label span {
|
||||
color: #B18C4A;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 21.9px;
|
||||
letter-spacing: 0px;
|
||||
vertical-align: middle;
|
||||
text-transform: capitalize;
|
||||
color: #b18c4a;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 21.9px;
|
||||
letter-spacing: 0px;
|
||||
vertical-align: middle;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.scroll-tiile {
|
||||
margin: 20px 0 10px 0;
|
||||
color: #033A49;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 2px;
|
||||
margin: 20px 0 10px 0;
|
||||
color: #033a49;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.scroll-desc{
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
|
||||
font-size: 18px;
|
||||
line-height: 100%;
|
||||
color: #3E3F3F;
|
||||
|
||||
|
||||
.scroll-desc {
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 100%;
|
||||
color: #3e3f3f;
|
||||
}
|
||||
|
||||
.scroll-ul {
|
||||
margin-left: 15px;
|
||||
margin-left: 15px;
|
||||
padding-left: 20px;
|
||||
font-size: 14px;
|
||||
color: #555;
|
||||
@@ -121,118 +102,111 @@ color: #3E3F3F;
|
||||
}
|
||||
|
||||
.scroll-ul .scroll-li {
|
||||
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.card-image img {
|
||||
width: 316px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.card-scroll {
|
||||
background-image: url("../assests/images/mobilebackcard-scroll.svg") ;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover; /* fills card area */
|
||||
background-position: center center; /* show from top */
|
||||
/* Desktop View (Animation Layout) */
|
||||
@media (min-width: 1024px) {
|
||||
.cards-wrapper {
|
||||
position: relative;
|
||||
height: 530px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
border-radius: 30px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
.card-scroll {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
transform: translateY(100%);
|
||||
transition: none;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid #E6E7E8;
|
||||
box-shadow: 0px 0px 14px 0px #0000000D;
|
||||
padding: 30px 20px 0px 20px;
|
||||
gap: 30px;
|
||||
.card-scroll.active {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.card-content {
|
||||
/* Mobile & Tablet Styles */
|
||||
@media (max-width: 1023px) {
|
||||
.card-scroll {
|
||||
background-image: url("../assests/images/mobilebackcard-scroll.svg");
|
||||
flex-direction: column;
|
||||
padding: 30px 20px 0px 20px;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
width: 100%;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.card-image {
|
||||
}
|
||||
|
||||
.card-image {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
.card-image img {
|
||||
}
|
||||
|
||||
.card-image img {
|
||||
width: 220px;
|
||||
display: block;
|
||||
}
|
||||
.card-label span {
|
||||
|
||||
}
|
||||
|
||||
.card-label span {
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
.scroll-tiile {
|
||||
|
||||
}
|
||||
|
||||
.scroll-tiile {
|
||||
font-size: 18px;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
.cards-wrapper {
|
||||
}
|
||||
|
||||
margin-top: 30px;
|
||||
}
|
||||
.scroll-desc {
|
||||
|
||||
.scroll-desc {
|
||||
font-size: 13px;
|
||||
|
||||
}
|
||||
.scroll-ul {
|
||||
|
||||
}
|
||||
|
||||
.scroll-ul {
|
||||
display: none;
|
||||
}
|
||||
.ask-advantage-scroll h2
|
||||
}
|
||||
|
||||
{
|
||||
|
||||
font-size: 24px;
|
||||
|
||||
}
|
||||
.ask-advantage-scroll p.lead {
|
||||
|
||||
|
||||
font-size: 14px;
|
||||
.ask-advantage-scroll h2 {
|
||||
font-size: 26px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.ask-advantage-scroll p.lead {
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.cards-wrapper {
|
||||
position: relative;
|
||||
height: 530px; /* ya jitna aapko chahiye ho */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.card-scroll {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.card-scroll.active {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
z-index: 2;
|
||||
@media (max-width: 768px) {
|
||||
.cards-wrapper {
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.card-scroll {
|
||||
padding: 25px 15px 0px 15px;
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
section.ask-advantage-scroll.container {
|
||||
padding: 60px 25px 0 25px !important;
|
||||
}
|
||||
}
|
||||
|
||||
section.ask-advantage-scroll.container {
|
||||
padding: 40px 25px 0 25px !important;
|
||||
}
|
||||
}
|
||||
@@ -18,7 +18,7 @@
|
||||
<link rel="stylesheet" href="css/fonts.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/testing.css"/>
|
||||
<link rel="stylesheet" href="css/contact.css"/>
|
||||
<link rel="stylesheet" href="css/contact.css"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
649
js/main.js
649
js/main.js
@@ -1,17 +1,18 @@
|
||||
// ===============================
|
||||
// ✅ Load Header & Footer
|
||||
// ===============================
|
||||
['header', 'footer'].forEach(id => {
|
||||
const file = id === 'header' ? 'components/header.html' : 'components/footer.html';
|
||||
["header", "footer"].forEach((id) => {
|
||||
const file =
|
||||
id === "header" ? "components/header.html" : "components/footer.html";
|
||||
fetch(file)
|
||||
.then(res => res.text())
|
||||
.then(html => {
|
||||
.then((res) => res.text())
|
||||
.then((html) => {
|
||||
const mount = document.getElementById(id);
|
||||
if (!mount) return;
|
||||
mount.innerHTML = html;
|
||||
if (id === 'header') {
|
||||
const script = document.createElement('script');
|
||||
script.src = 'js/navbar.js';
|
||||
if (id === "header") {
|
||||
const script = document.createElement("script");
|
||||
script.src = "js/navbar.js";
|
||||
script.defer = true;
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
@@ -35,65 +36,91 @@ const routes = {
|
||||
// ===============================
|
||||
const timelineData = {
|
||||
1983: {
|
||||
icon: "../assests/images/1983-Icon.png",
|
||||
icon: "./assests/images/1983-Icon.svg",
|
||||
heading: "The beginning",
|
||||
sub: "Set up by Mr. Asit Koticha and Mr. Sameer Koticha, ASK Group offers research-based Investment advisory."
|
||||
sub1: "Set up by Mr. Asit Koticha and Mr. Sameer Koticha,",
|
||||
sub2: "ASK Group offers research-based Investment advisory",
|
||||
sub3: "",
|
||||
},
|
||||
1991: {
|
||||
icon: "../assests/images/1991-Icon.png",
|
||||
icon: "./assests/images/1991-Icon.svg",
|
||||
heading: "ASK Raymond James",
|
||||
sub: "ASK Group and Raymond James Financial enter into a Partnership."
|
||||
sub1: "ASK Group and Raymond James",
|
||||
sub2: "Financial enter into a Partnership",
|
||||
sub3: "",
|
||||
},
|
||||
2007: {
|
||||
icon: "../assests/images/2007-Icon.png",
|
||||
icon: "./assests/images/2007-Icon.svg",
|
||||
heading: "Launch of ASK Wealth Advisors",
|
||||
sub: "Raymond James Financial partnership exits."
|
||||
sub1: "Raymond James Financial partnership exits.",
|
||||
sub2: "",
|
||||
sub3: "",
|
||||
},
|
||||
2008: {
|
||||
icon: "../assests/images/2008-Icon.png",
|
||||
icon: "./assests/images/2008-Icon.svg",
|
||||
heading: "Launch of ASK multi-family office",
|
||||
sub: ""
|
||||
sub1: "",
|
||||
sub2: "",
|
||||
sub3: "",
|
||||
},
|
||||
2013: {
|
||||
icon: "../assests/images/2013-Icon.png",
|
||||
icon: "./assests/images/2013-Icon.svg",
|
||||
heading: "License from SEBI",
|
||||
sub: "ASK Wealth Advisors receives an Investment Advisor License from SEBI."
|
||||
sub1: "ASK Wealth Advisors receives an",
|
||||
sub2: "Investment Advisor License from SEBI.",
|
||||
sub3: "",
|
||||
},
|
||||
2015: {
|
||||
icon: "../assests/images/2015-Icon.png",
|
||||
heading: "Best Independent Wealth Advisor",
|
||||
sub: "ASK Wealth Advisors adjudged 'the best Independent Wealth Advisor, 2015' by Wealth Briefing, Asia."
|
||||
icon: "./assests/images/2015-Icon.svg",
|
||||
heading: "ASK Wealth Advisors adjudged",
|
||||
sub1: ` "the best Independent Wealth Advisor, 2015" `,
|
||||
sub2: "by Wealth Briefing, Asia.",
|
||||
sub3: "",
|
||||
},
|
||||
2016: {
|
||||
icon: "../assests/images/2016-Icon.png",
|
||||
icon: "./assests/images/2016-Icon.svg",
|
||||
mobileIcon: "./assests/images/2016-Mobile-Icon.svg",
|
||||
heading: "",
|
||||
sub: "Advent International acquires minority stake in ASK Group."
|
||||
sub1: "Advert International acquires minority ",
|
||||
sub2: "stake in ASK Group.",
|
||||
sub3: "",
|
||||
},
|
||||
2017: {
|
||||
icon: "../assests/images/2015-Icon.png",
|
||||
heading: "",
|
||||
sub: "ASK Wealth Advisors adjudged 'One to Watch - Wealth Manager - India Domestic' - Distinction, 2017 by Asian Private Banker."
|
||||
icon: "./assests/images/2015-Icon.svg",
|
||||
heading: "ASK Wealth Advisors adjudged",
|
||||
sub1: `"One to Watch - Wealth Manager - India Domestic" - Distinction, 2017"`,
|
||||
sub2: "by Asian Private Banker.",
|
||||
sub3: "",
|
||||
},
|
||||
2018: {
|
||||
icon: "../assests/images/2015-Icon.png",
|
||||
heading: "ASK launches its first offshore fund - ASK Global Strategies Fund",
|
||||
sub: "TWICE IN A ROW: ASK Wealth advisors adjudged 'Best Performing Financial Advisor' - Wealth 2016-17 by UTI MF & CNBC TV18."
|
||||
icon: "./assests/images/2015-Icon.svg",
|
||||
heading:
|
||||
"ASK launches its first offshore fund - ASK Global Strategies Fund",
|
||||
sub1: "TWICE IN A ROW:",
|
||||
sub2: " ASK Wealth advisors adjudged",
|
||||
sub3: `"Best Performing Financial Advisor"-Wealth 2016-17 by UTI MF & CNBC TV18.`,
|
||||
},
|
||||
2019: {
|
||||
icon: "../assests/images/1983-Icon.png",
|
||||
icon: "./assests/images/1983-Icon.svg",
|
||||
heading: "Hall of Fame",
|
||||
sub: "ASK Wealth Advisors inducted into the 'Hall of Fame' at the Financial Advisor Awards for 2018-19 and 2019-20 by UTI MF & CNBC TV18."
|
||||
sub1: `ASK Wealth Advisors inducted into the "Hall of Fame"`,
|
||||
sub2: "at the Financial Advisor Awards for the Years ",
|
||||
sub3: "2018-19 and 2019-20 by UTI MF & CNBC TV18.",
|
||||
},
|
||||
2020: {
|
||||
icon: "../assests/images/2015-Icon.png",
|
||||
icon: "./assests/images/2015-Icon.svg",
|
||||
heading: "Outstanding Private Bank",
|
||||
sub: "Outstanding Private Bank for UNHW clients at the Private Banker International Global Wealth Summit & Awards 2020, Singapore."
|
||||
sub1: "Outstanding Private Bank for UNHW clients ",
|
||||
sub2: "at the Private Banker International Global",
|
||||
sub3: "Wealth Summit & Awards 2020, Singapore.",
|
||||
},
|
||||
2022: {
|
||||
icon: "../assests/images/2022-icon.png",
|
||||
icon: "./assests/images/2022-Icon.svg",
|
||||
heading: "Blackstone Acquisition",
|
||||
sub: "Blackstone acquires majority stake in ASK Group. Advent International exits."
|
||||
}
|
||||
sub1: "Blackstone acquires majority stake in ",
|
||||
sub2: "ASK Group, Advert International exits.",
|
||||
sub3: "",
|
||||
},
|
||||
};
|
||||
|
||||
// ===============================
|
||||
@@ -104,33 +131,123 @@ function initTimelineSwiper() {
|
||||
const timelineItems = document.querySelectorAll(".timeline-item");
|
||||
if (!swiperWrapper || !timelineItems.length) return;
|
||||
|
||||
// Generate Swiper slides
|
||||
// ✅ Check if screen width is 768px or below
|
||||
const isMobile = window.matchMedia("(max-width: 768px)").matches;
|
||||
|
||||
swiperWrapper.innerHTML = "";
|
||||
timelineItems.forEach((item) => {
|
||||
const year = item.dataset.year;
|
||||
const content = timelineData[year] || { icon: "", heading: "", sub: "" };
|
||||
Object.keys(timelineData).forEach((year) => {
|
||||
const content = timelineData[year];
|
||||
const slide = document.createElement("div");
|
||||
slide.classList.add("swiper-slide");
|
||||
|
||||
// ✅ Use mobile icon if on mobile, else desktop
|
||||
const iconToUse =
|
||||
isMobile && content.mobileIcon ? content.mobileIcon : content.icon;
|
||||
|
||||
const headingColor = ["2015", "2017", "2018"].includes(year)
|
||||
? "#ffffff"
|
||||
: "#b18c4a";
|
||||
const sub1Color = ["2015", "2017", "2018"].includes(year)
|
||||
? "#b18c4a"
|
||||
: "#ffffff";
|
||||
const customTopPad = ["2018"].includes(year) ? "1rem" : "";
|
||||
|
||||
slide.innerHTML = `
|
||||
${content.icon ? `<img src="${content.icon}" alt="icon" />` : ""}
|
||||
${iconToUse ? `<img src="${iconToUse}" alt="icon" />` : ""}
|
||||
<h2>${year}</h2>
|
||||
${content.heading ? `<p class="heading">${content.heading}</p>` : ""}
|
||||
${content.sub ? `<div class="sub-heading-container"><p>${content.sub}</p></div>` : ""}
|
||||
${
|
||||
content.heading
|
||||
? `<p class="heading" style="color:${headingColor};">${content.heading}</p>`
|
||||
: ""
|
||||
}
|
||||
<div class="sub-heading-container">
|
||||
${
|
||||
content.sub1
|
||||
? `<p style="color:${sub1Color}; padding-top:${customTopPad}">${content.sub1}</p>`
|
||||
: ""
|
||||
}
|
||||
${content.sub2 ? `<p>${content.sub2}</p>` : ""}
|
||||
${content.sub3 ? `<p>${content.sub3}</p>` : ""}
|
||||
</div>
|
||||
`;
|
||||
|
||||
swiperWrapper.appendChild(slide);
|
||||
});
|
||||
|
||||
// Line fill logic
|
||||
// Line fill logic - UPDATED for mobile
|
||||
const lineFill = document.querySelector(".line-fill");
|
||||
const timeline = document.querySelector(".timeline");
|
||||
const totalKites = timelineItems.length;
|
||||
|
||||
function updateTimeline(index) {
|
||||
timelineItems.forEach((item, i) => {
|
||||
item.classList.toggle("active", i === index);
|
||||
});
|
||||
const timelineWidth = document.querySelector(".timeline").offsetWidth - 10;
|
||||
const newWidth = (timelineWidth / (totalKites - 1)) * index;
|
||||
if (lineFill) lineFill.style.width = newWidth + "px";
|
||||
|
||||
// Check if mobile (timeline is scrollable)
|
||||
const isMobileView = window.matchMedia("(max-width: 768px)").matches;
|
||||
|
||||
if (isMobileView && timeline && lineFill) {
|
||||
// FIXED: Mobile line fill calculation - exact kite to kite
|
||||
const firstKite = timelineItems[0];
|
||||
const lastKite = timelineItems[totalKites - 1];
|
||||
|
||||
if (firstKite && lastKite) {
|
||||
// Calculate exact positions of first and last kite centers
|
||||
const firstKiteCenter =
|
||||
firstKite.offsetLeft + firstKite.offsetWidth / 2;
|
||||
const lastKiteCenter = lastKite.offsetLeft + lastKite.offsetWidth / 2;
|
||||
|
||||
// Total distance between first and last kite centers
|
||||
const totalDistance = lastKiteCenter - firstKiteCenter;
|
||||
|
||||
// Calculate width based on current index
|
||||
const progress = index / (totalKites - 1);
|
||||
const newWidth = totalDistance * progress;
|
||||
|
||||
// Set the line fill width
|
||||
lineFill.style.width = newWidth + "px";
|
||||
}
|
||||
} else {
|
||||
// Desktop line fill calculation (your original code)
|
||||
const timelineWidth = timeline?.offsetWidth - 20;
|
||||
const newWidth = (timelineWidth / (totalKites - 1)) * index;
|
||||
if (lineFill) lineFill.style.width = newWidth + "px";
|
||||
}
|
||||
|
||||
// Auto-scroll for mobile only
|
||||
if (isMobileView) {
|
||||
autoScrollTimeline(index);
|
||||
}
|
||||
}
|
||||
|
||||
// Auto-scroll timeline horizontally - MOBILE ONLY
|
||||
function autoScrollTimeline(index) {
|
||||
if (!timeline) return;
|
||||
|
||||
const activeItem = timelineItems[index];
|
||||
if (!activeItem) return;
|
||||
|
||||
const itemLeft = activeItem.offsetLeft;
|
||||
const itemWidth = activeItem.offsetWidth;
|
||||
const containerWidth = timeline.offsetWidth;
|
||||
|
||||
// Calculate the target scroll position to show current year
|
||||
// completely visible at the far right edge with a small padding
|
||||
const rightPadding = 40;
|
||||
const targetScroll = itemLeft + itemWidth - containerWidth + rightPadding;
|
||||
|
||||
// Ensure we don't scroll beyond the start or end of the timeline
|
||||
const maxScroll = timeline.scrollWidth - containerWidth;
|
||||
const clampedScroll = Math.max(0, Math.min(targetScroll, maxScroll));
|
||||
|
||||
// Only scroll if we're not already at the correct position
|
||||
if (Math.abs(timeline.scrollLeft - clampedScroll) > 4) {
|
||||
timeline.scrollTo({
|
||||
left: clampedScroll,
|
||||
behavior: "smooth",
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Initialize Swiper
|
||||
@@ -138,21 +255,43 @@ function initTimelineSwiper() {
|
||||
spaceBetween: 20,
|
||||
centeredSlides: true,
|
||||
effect: "fade",
|
||||
fadeEffect: {
|
||||
crossFade: true, // 👈 this makes previous slide fade out smoothly
|
||||
},
|
||||
|
||||
speed: 2500, // controls fade speed (in ms)
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
delay: 2200,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
swiper.on("slideChange", () => {
|
||||
updateTimeline(swiper.realIndex);
|
||||
});
|
||||
|
||||
// Add click events to timeline items
|
||||
timelineItems.forEach((item, index) => {
|
||||
item.addEventListener("click", () => {
|
||||
updateTimeline(index);
|
||||
swiper.slideTo(index);
|
||||
});
|
||||
});
|
||||
|
||||
updateTimeline(0);
|
||||
|
||||
// Handle window resize - recalculate after a short delay
|
||||
let resizeTimeout;
|
||||
window.addEventListener("resize", function () {
|
||||
clearTimeout(resizeTimeout);
|
||||
resizeTimeout = setTimeout(function () {
|
||||
updateTimeline(swiper.realIndex);
|
||||
}, 250);
|
||||
});
|
||||
}
|
||||
|
||||
// ===============================
|
||||
@@ -181,179 +320,103 @@ window.openDrawer = function (name, role, img, desc) {
|
||||
document.getElementById("drawerImg").src = img;
|
||||
document.getElementById("drawerDesc").innerHTML = desc;
|
||||
|
||||
const drawer = bootstrap.Offcanvas.getOrCreateInstance(document.getElementById('teamDrawer'));
|
||||
const drawer = bootstrap.Offcanvas.getOrCreateInstance(
|
||||
document.getElementById("teamDrawer")
|
||||
);
|
||||
drawer.show();
|
||||
};
|
||||
|
||||
// ===============================
|
||||
// ✅ GSAP Stack Scroll Animation
|
||||
// ===============================
|
||||
// ===============================
|
||||
// ✅ GSAP Stack Scroll Animation (Stack Effect)
|
||||
// ===============================
|
||||
// ===============================
|
||||
// ✅ GSAP Stack Scroll Animation (Video Jaisa Effect)
|
||||
// ===============================
|
||||
// let cards = [];
|
||||
// let currentIndex = 0;
|
||||
// let animating = false;
|
||||
// let isInsideSection = false;
|
||||
|
||||
// function initGsapStackScroll() {
|
||||
// const section = document.querySelector('.cards-wrapper');
|
||||
// if (!section) return;
|
||||
|
||||
// cards = Array.from(section.querySelectorAll('.card-scroll'));
|
||||
// if (!cards.length) return;
|
||||
|
||||
// // Hide all cards initially, show the first one
|
||||
// gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
|
||||
// gsap.set(cards[0], { opacity: 1, y: "0%", zIndex: 4 });
|
||||
// currentIndex = 0;
|
||||
|
||||
// section.addEventListener('mouseenter', () => (isInsideSection = true));
|
||||
// section.addEventListener('mouseleave', () => (isInsideSection = false));
|
||||
|
||||
// window.removeEventListener('wheel', window._gsapStackHandler);
|
||||
// window._gsapStackHandler = function (e) {
|
||||
// if (!isInsideSection) return;
|
||||
// e.preventDefault();
|
||||
// if (animating) return;
|
||||
|
||||
// if (e.deltaY > 0) {
|
||||
// showNextGsapCard();
|
||||
// } else {
|
||||
// showPrevGsapCard();
|
||||
// }
|
||||
// };
|
||||
|
||||
// window.addEventListener('wheel', window._gsapStackHandler, { passive: false });
|
||||
// }
|
||||
|
||||
// function showNextGsapCard() {
|
||||
// if (currentIndex >= cards.length - 1) return;
|
||||
// animating = true;
|
||||
|
||||
// const current = cards[currentIndex];
|
||||
// const next = cards[currentIndex + 1];
|
||||
|
||||
// // Animate current card (scale down slightly and fade)
|
||||
// gsap.to(current, {
|
||||
// scale: 0.85,
|
||||
// opacity: 1,
|
||||
// y: "0%",
|
||||
// transformOrigin: "center top",
|
||||
// duration: 0.8,
|
||||
// ease: "power2.inOut",
|
||||
// onComplete: () => current.classList.add("previous")
|
||||
// });
|
||||
|
||||
// // Animate next card (slide in from below and fade in)
|
||||
// gsap.set(next, { zIndex: currentIndex + 5 });
|
||||
// gsap.fromTo(
|
||||
// next,
|
||||
// { y: "100%", opacity: 0, scale: 1 },
|
||||
// {
|
||||
// y: "60px", // Active card slides up to top
|
||||
// opacity: 1,
|
||||
// scale: 1,
|
||||
// duration: 0.8,
|
||||
// ease: "power2.inOut",
|
||||
// onComplete: () => {
|
||||
// adjustPreviousCards();
|
||||
// animating = false;
|
||||
// },
|
||||
// }
|
||||
// );
|
||||
|
||||
// currentIndex++;
|
||||
// }
|
||||
|
||||
// function showPrevGsapCard() {
|
||||
// if (currentIndex <= 0) return;
|
||||
// animating = true;
|
||||
|
||||
// const current = cards[currentIndex];
|
||||
// const prev = cards[currentIndex - 1];
|
||||
|
||||
// // Hide current card
|
||||
// gsap.to(current, {
|
||||
// y: "100%",
|
||||
// opacity: 0,
|
||||
// duration: 0.8,
|
||||
// ease: "power2.inOut",
|
||||
// onComplete: () => current.classList.remove("previous")
|
||||
// });
|
||||
|
||||
// // Bring back previous card
|
||||
// gsap.to(prev, {
|
||||
// y: "60px",
|
||||
// opacity: 1,
|
||||
// scale: 1,
|
||||
// duration: 0.8,
|
||||
// ease: "power2.inOut",
|
||||
// onComplete: () => {
|
||||
// adjustPreviousCards();
|
||||
// animating = false;
|
||||
// },
|
||||
// });
|
||||
|
||||
// currentIndex--;
|
||||
// }
|
||||
|
||||
// // 🪄 Adjust visible cards (up to 4-layer stack)
|
||||
// function adjustPreviousCards() {
|
||||
// // Reset all cards
|
||||
// gsap.set(cards, { clearProps: "transform" });
|
||||
|
||||
// // Get last 4 visible cards (behind currentIndex)
|
||||
// const first = cards[currentIndex - 3];
|
||||
// const second = cards[currentIndex - 2];
|
||||
// const third = cards[currentIndex - 1];
|
||||
// const fourth = cards[currentIndex];
|
||||
|
||||
|
||||
// if (first) gsap.set(first, { y: "0px", scale: 0.85, opacity: 1, zIndex: 1 });
|
||||
// console.log(first);
|
||||
// if (second) gsap.set(second, { y: "20px", scale: 0.9, opacity: 1, zIndex: 2 });
|
||||
// console.log(second);
|
||||
// if (third) gsap.set(third, { y: "40px", scale: 0.95, opacity: 1, zIndex: 3 });
|
||||
// console.log(third);
|
||||
// if (fourth) gsap.set(fourth, { y: "60px", scale: 1, opacity: 1, zIndex: 4 });
|
||||
// console.log(fourth);
|
||||
// // if (fifth) gsap.set(fifth, { y: "80px", scale: 1.5, opacity: 1, zIndex: 5 });
|
||||
// // console.log(fifth);
|
||||
// // if(!fourth) gsap.set(cards[currentIndex], { y: "0px", scale: 1, opacity: 1, zIndex: 4 });
|
||||
// }
|
||||
|
||||
// document.addEventListener("DOMContentLoaded", initGsapStackScroll);
|
||||
|
||||
|
||||
let cards = [];
|
||||
let currentIndex = 0;
|
||||
let animating = false;
|
||||
let isInsideSection = false;
|
||||
let isSectionPinned = false;
|
||||
let scrollTrigger;
|
||||
let allowNormalScroll = false;
|
||||
|
||||
// ===============================
|
||||
// ✅ GSAP Stack Scroll with Section Pinning (Fixed Scroll Lock Only)
|
||||
// ===============================
|
||||
function initGsapStackScroll() {
|
||||
const section = document.querySelector('.cards-wrapper');
|
||||
// Check if device is desktop/laptop (min-width: 1024px)
|
||||
const isDesktop = window.matchMedia("(min-width: 1024px)").matches;
|
||||
|
||||
if (!isDesktop) {
|
||||
console.log("GSAP stack scroll disabled for mobile/tablet devices");
|
||||
return;
|
||||
}
|
||||
|
||||
const section = document.querySelector(".ask-advantage-scroll");
|
||||
if (!section) return;
|
||||
|
||||
cards = Array.from(section.querySelectorAll('.card-scroll'));
|
||||
const cardsWrapper = document.querySelector(".cards-wrapper");
|
||||
if (!cardsWrapper) return;
|
||||
|
||||
cards = Array.from(cardsWrapper.querySelectorAll(".card-scroll"));
|
||||
if (!cards.length) return;
|
||||
|
||||
// Hide all cards initially, show the first one
|
||||
// Initial setup
|
||||
gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
|
||||
gsap.set(cards[0], { opacity: 1, y: "0px", zIndex: 4 });
|
||||
gsap.set(cards[0], { opacity: 1, y: "60px", zIndex: 5 });
|
||||
currentIndex = 0;
|
||||
allowNormalScroll = false;
|
||||
|
||||
section.addEventListener('mouseenter', () => (isInsideSection = true));
|
||||
section.addEventListener('mouseleave', () => (isInsideSection = false));
|
||||
// Calculate exact pinning distance
|
||||
const cardHeight = cardsWrapper.offsetHeight;
|
||||
const totalCards = cards.length;
|
||||
const pinningDistance = cardHeight * totalCards * 0.4;
|
||||
|
||||
window.removeEventListener('wheel', window._gsapStackHandler);
|
||||
// Scroll pinning logic
|
||||
scrollTrigger = ScrollTrigger.create({
|
||||
trigger: cardsWrapper,
|
||||
start: "top top",
|
||||
end: `+=${pinningDistance}`,
|
||||
pin: true,
|
||||
anticipatePin: 1,
|
||||
pinSpacing: true,
|
||||
onEnter: () => {
|
||||
isSectionPinned = true;
|
||||
allowNormalScroll = false;
|
||||
if (currentIndex !== 0) {
|
||||
resetToFirstCard();
|
||||
}
|
||||
},
|
||||
onLeave: () => {
|
||||
isSectionPinned = false;
|
||||
allowNormalScroll = true;
|
||||
},
|
||||
onEnterBack: () => {
|
||||
isSectionPinned = true;
|
||||
allowNormalScroll = false;
|
||||
},
|
||||
onLeaveBack: () => {
|
||||
isSectionPinned = false;
|
||||
allowNormalScroll = true;
|
||||
},
|
||||
});
|
||||
|
||||
// ✅ Wheel handler with scroll block fix
|
||||
window._gsapStackHandler = function (e) {
|
||||
if (!isInsideSection) return;
|
||||
if (!isSectionPinned) return;
|
||||
|
||||
// Completely block scroll while animating
|
||||
if (animating) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
return;
|
||||
}
|
||||
|
||||
// Boundaries check
|
||||
if (
|
||||
(e.deltaY > 0 && currentIndex >= cards.length - 1) ||
|
||||
(e.deltaY < 0 && currentIndex <= 0)
|
||||
) {
|
||||
allowNormalScroll = true;
|
||||
return;
|
||||
}
|
||||
|
||||
// Start animation & block scroll during it
|
||||
e.preventDefault();
|
||||
if (animating) return;
|
||||
e.stopPropagation();
|
||||
|
||||
if (e.deltaY > 0) {
|
||||
showNextGsapCard();
|
||||
@@ -362,118 +425,189 @@ function initGsapStackScroll() {
|
||||
}
|
||||
};
|
||||
|
||||
window.addEventListener('wheel', window._gsapStackHandler, { passive: false });
|
||||
// ✅ Keyboard handler
|
||||
window._gsapKeyHandler = function (e) {
|
||||
if (!isSectionPinned || animating) return;
|
||||
|
||||
if (
|
||||
(e.key === "ArrowDown" && currentIndex >= cards.length - 1) ||
|
||||
(e.key === "ArrowUp" && currentIndex <= 0)
|
||||
) {
|
||||
return; // Allow normal scroll at boundaries
|
||||
}
|
||||
|
||||
if (e.key === "ArrowDown") {
|
||||
e.preventDefault();
|
||||
showNextGsapCard();
|
||||
} else if (e.key === "ArrowUp") {
|
||||
e.preventDefault();
|
||||
showPrevGsapCard();
|
||||
}
|
||||
};
|
||||
|
||||
window.addEventListener("wheel", window._gsapStackHandler, {
|
||||
passive: false,
|
||||
});
|
||||
window.addEventListener("keydown", window._gsapKeyHandler);
|
||||
}
|
||||
|
||||
function showNextGsapCard() {
|
||||
if (currentIndex >= cards.length - 1) return;
|
||||
// ✅ Reset to first card
|
||||
function resetToFirstCard() {
|
||||
animating = true;
|
||||
allowNormalScroll = false;
|
||||
|
||||
gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
|
||||
|
||||
gsap.set(cards[0], {
|
||||
opacity: 1,
|
||||
y: "60px",
|
||||
zIndex: 5,
|
||||
onComplete: () => {
|
||||
currentIndex = 0;
|
||||
animating = false;
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// ✅ Show next card
|
||||
function showNextGsapCard() {
|
||||
if (currentIndex >= cards.length - 1 || animating) return;
|
||||
|
||||
animating = true;
|
||||
allowNormalScroll = false;
|
||||
|
||||
const current = cards[currentIndex];
|
||||
const next = cards[currentIndex + 1];
|
||||
|
||||
// Animate current card (move it to previous stack position)
|
||||
gsap.to(current, {
|
||||
y: "40px",
|
||||
scale: 0.95,
|
||||
opacity: 1,
|
||||
duration: 0.8,
|
||||
ease: "power2.inOut",
|
||||
onComplete: () => current.classList.add("previous")
|
||||
});
|
||||
|
||||
// Animate next card (slide in from below and become active)
|
||||
gsap.set(next, { zIndex: 5 }); // Active card gets highest z-index
|
||||
gsap.set(next, { zIndex: 5 });
|
||||
gsap.fromTo(
|
||||
next,
|
||||
{ y: "100%", opacity: 0, scale: 1 },
|
||||
{
|
||||
y: "60px", // Active card position
|
||||
y: "60px",
|
||||
opacity: 1,
|
||||
scale: 1,
|
||||
duration: 0.8,
|
||||
ease: "power2.inOut",
|
||||
onComplete: () => {
|
||||
adjustPreviousCards();
|
||||
currentIndex++;
|
||||
adjustVisibleCards();
|
||||
animating = false;
|
||||
|
||||
// ✅ Allow normal scroll only after last card animation completes
|
||||
if (currentIndex >= cards.length - 1) {
|
||||
allowNormalScroll = true;
|
||||
ScrollTrigger.refresh(true);
|
||||
} else {
|
||||
allowNormalScroll = false;
|
||||
}
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
currentIndex++;
|
||||
}
|
||||
|
||||
// ✅ Show previous card
|
||||
function showPrevGsapCard() {
|
||||
if (currentIndex <= 0) return;
|
||||
if (currentIndex <= 0 || animating) return;
|
||||
|
||||
animating = true;
|
||||
allowNormalScroll = false;
|
||||
|
||||
const current = cards[currentIndex];
|
||||
const prev = cards[currentIndex - 1];
|
||||
|
||||
// Hide current card (slide it down)
|
||||
gsap.to(current, {
|
||||
y: "100%",
|
||||
opacity: 0,
|
||||
duration: 0.8,
|
||||
ease: "power2.inOut",
|
||||
onComplete: () => current.classList.remove("previous")
|
||||
});
|
||||
|
||||
// Bring back previous card as active
|
||||
gsap.set(prev, { zIndex: 5 }); // Active card gets highest z-index
|
||||
gsap.set(prev, { zIndex: 5 });
|
||||
gsap.to(prev, {
|
||||
y: "60px", // Active card position
|
||||
y: "60px",
|
||||
opacity: 1,
|
||||
scale: 1,
|
||||
duration: 0.8,
|
||||
ease: "power2.inOut",
|
||||
onComplete: () => {
|
||||
adjustPreviousCards();
|
||||
currentIndex--;
|
||||
adjustVisibleCards();
|
||||
animating = false;
|
||||
|
||||
if (currentIndex <= 0) {
|
||||
allowNormalScroll = false;
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
currentIndex--;
|
||||
}
|
||||
|
||||
// 🪄 Adjust visible cards (up to 4-layer stack including active card)
|
||||
function adjustPreviousCards() {
|
||||
// Reset all cards to default state
|
||||
// ✅ Adjust visible cards stack
|
||||
function adjustVisibleCards() {
|
||||
gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
|
||||
|
||||
// Always show the current active card
|
||||
|
||||
// Active card
|
||||
if (cards[currentIndex]) {
|
||||
gsap.set(cards[currentIndex], {
|
||||
y: "60px",
|
||||
scale: 1,
|
||||
opacity: 1,
|
||||
zIndex: 5
|
||||
gsap.set(cards[currentIndex], {
|
||||
y: "60px",
|
||||
scale: 1,
|
||||
opacity: 1,
|
||||
zIndex: 5,
|
||||
});
|
||||
}
|
||||
|
||||
// Show up to 3 previous cards in the stack
|
||||
for (let i = 1; i <= 3; i++) {
|
||||
// Show only 2 previous cards
|
||||
for (let i = 1; i <= 2; i++) {
|
||||
const prevIndex = currentIndex - i;
|
||||
if (prevIndex >= 0) {
|
||||
const yOffset = 60 - (i * 30); // 60px, 40px, 20px, 0px
|
||||
const scale = 1 - (i * 0.05); // 1, 0.95, 0.9, 0.85
|
||||
const zIndex = 5 - i; // 5, 4, 3, 2
|
||||
|
||||
gsap.set(cards[prevIndex], {
|
||||
y: `${yOffset}px`,
|
||||
scale: scale,
|
||||
opacity: 1,
|
||||
zIndex: zIndex
|
||||
const yOffset = 60 - i * 25;
|
||||
const scale = 1 - i * 0.05;
|
||||
const zIndex = 5 - i;
|
||||
|
||||
gsap.set(cards[prevIndex], {
|
||||
y: `${yOffset}px`,
|
||||
scale: scale,
|
||||
opacity: 1,
|
||||
zIndex: zIndex,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Hide older cards
|
||||
const hideIndex = currentIndex - 3;
|
||||
if (hideIndex >= 0 && cards[hideIndex]) {
|
||||
gsap.to(cards[hideIndex], {
|
||||
opacity: 0,
|
||||
y: "100%",
|
||||
duration: 0.6,
|
||||
ease: "power2.inOut",
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// ✅ Cleanup function
|
||||
function cleanupGsapStackScroll() {
|
||||
if (window._gsapStackHandler) {
|
||||
window.removeEventListener("wheel", window._gsapStackHandler);
|
||||
}
|
||||
if (window._gsapKeyHandler) {
|
||||
window.removeEventListener("keydown", window._gsapKeyHandler);
|
||||
}
|
||||
if (scrollTrigger) {
|
||||
scrollTrigger.kill();
|
||||
}
|
||||
}
|
||||
|
||||
// Initialize after DOM load
|
||||
document.addEventListener("DOMContentLoaded", initGsapStackScroll);
|
||||
|
||||
|
||||
|
||||
|
||||
window.addEventListener("beforeunload", cleanupGsapStackScroll);
|
||||
|
||||
// ===============================
|
||||
// ✅ Load Page Content Dynamically
|
||||
@@ -483,18 +617,29 @@ function loadPage() {
|
||||
const page = routes[hash] || routes["#/"];
|
||||
|
||||
fetch(page)
|
||||
.then(res => res.text())
|
||||
.then(html => {
|
||||
.then((res) => res.text())
|
||||
.then((html) => {
|
||||
document.getElementById("page-content").innerHTML = html;
|
||||
window.scrollTo({ top: 0, behavior: "smooth" });
|
||||
|
||||
// ✅ Hide footer for #/our-fund route
|
||||
const footer = document.getElementById("footer");
|
||||
if (footer) {
|
||||
if (hash === "#/our-fund") {
|
||||
footer.style.display = "none";
|
||||
} else {
|
||||
footer.style.display = "block";
|
||||
}
|
||||
}
|
||||
|
||||
// Init all components after content load
|
||||
initSwiper();
|
||||
initTimelineSwiper();
|
||||
initGsapStackScroll();
|
||||
})
|
||||
.catch(() => {
|
||||
document.getElementById("page-content").innerHTML = "<h2>Page not found</h2>";
|
||||
document.getElementById("page-content").innerHTML =
|
||||
"<h2>Page not found</h2>";
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
<section class="hero_banner">
|
||||
<div class="banner_overlay">
|
||||
<div class="hero_content">
|
||||
@@ -15,63 +14,69 @@
|
||||
|
||||
<section class="about-stats-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div>
|
||||
<p class="about-text">
|
||||
Since our founding in 1983, ASK Asset & Wealth Management Group has been driven by a fundamental
|
||||
question: What truly matters? Our unequivocal answer is Quality. This commitment
|
||||
propels us to deliver unmatched growth of returns for our clients and partners. We do this with our deep
|
||||
understanding of market dynamics, cultivated through meticulous research and experience. Our businesses,
|
||||
across listed equities, alternates, real estate private equity, hedge funds, wealth management and more
|
||||
bring an array of bespoke solutions and market defining strategies. With these handpicked strategies and
|
||||
sharp market insights, we aim to deliver wealth preservation and appreciation over time.
|
||||
</p>
|
||||
<p class="about-sub-text">What sets us apart is our focus on what matters most.</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="about-text">
|
||||
Since our founding in 1983, ASK Asset & Wealth Management Group has been
|
||||
driven by a fundamental question: What truly matters? Our unequivocal
|
||||
answer is Quality. This commitment propels us to deliver unmatched
|
||||
growth of returns for our clients and partners. We do this with our deep
|
||||
understanding of market dynamics, cultivated through meticulous research
|
||||
and experience. Our businesses, across listed equities, alternates, real
|
||||
estate private equity, hedge funds, wealth management and more bring an
|
||||
array of bespoke solutions and market defining strategies. With these
|
||||
handpicked strategies and sharp market insights, we aim to deliver
|
||||
wealth preservation and appreciation over time.
|
||||
</p>
|
||||
<p class="about-sub-text">
|
||||
What sets us apart is our focus on what matters most.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-between align-items-center about-stats-row">
|
||||
<div class="col-md-3 col-6 mb-4 mb-md-0 width-count">
|
||||
<div
|
||||
class="row justify-content-center align-items-center about-mobile-resp-count"
|
||||
>
|
||||
<div class="col-md-3 col-6 mb-4 mb-md-0 about-width-count">
|
||||
<div class="about-stat-box">
|
||||
<h3>40 Years</h3>
|
||||
<p>Years of Expertise</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border width-count2">
|
||||
<div
|
||||
class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border about-width-count2"
|
||||
>
|
||||
<div class="about-stat-box">
|
||||
<h3>₹84,500 Cr+</h3>
|
||||
<p>Assets Managed</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border width-count3">
|
||||
<div
|
||||
class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border about-width-count3"
|
||||
>
|
||||
<div class="about-stat-box">
|
||||
<h3>20,000+</h3>
|
||||
<p>Clients Served</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 about-stat-border width-count4">
|
||||
<div class="col-md-3 col-6 about-stat-border about-width-count4">
|
||||
<div class="about-stat-box">
|
||||
<h3>29 Years</h3>
|
||||
<p>Equity Experience</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="about-as-of-date ">As of July 2025</span>
|
||||
<div class="mt-4 date-container">
|
||||
<span class="as-of-date">As of July 2025</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="history_animation">
|
||||
<div class="container">
|
||||
<h1 class="title">Our History</h1>
|
||||
|
||||
<!-- Timeline -->
|
||||
<!-- Timeline -->
|
||||
<ul class="timeline">
|
||||
<li class="timeline-item" data-year="1983"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="1991"><span class="kite"></span></li>
|
||||
@@ -96,7 +101,5 @@
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -14,10 +14,10 @@
|
||||
</section>
|
||||
|
||||
|
||||
<section class="ask-advantage container">
|
||||
<section class="ask-advantage-blog container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="blog-card d-flex align-items-center">
|
||||
<div class="blog-page-card d-flex align-items-center">
|
||||
<!-- Left Image -->
|
||||
<div class="blog-image">
|
||||
<img src="./assests/images/row-blog.svg" alt="Understanding SIPs" class="img-fluid rounded-3">
|
||||
@@ -41,7 +41,7 @@
|
||||
|
||||
|
||||
</section>
|
||||
<section class="ask-advantage2 container">
|
||||
<section class="ask-advantage-blog2 container">
|
||||
<h2>Top Picks</h2>
|
||||
|
||||
<div class="row g-4 mt-3">
|
||||
|
||||
@@ -118,42 +118,61 @@
|
||||
|
||||
|
||||
</section>
|
||||
<section class="ask-advantage2 container " style="margin-top: 60px;">
|
||||
|
||||
<section class="ask-advantage2 container" style="margin-top: 60px;">
|
||||
<h2>New to Mutual Funds?</h2>
|
||||
<p class="lead">Here are answers to some common questions we often get</p>
|
||||
<div class="accordion" id="accordionExample">
|
||||
<div class="accordion" id="accordionExample">
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingOne">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
|
||||
aria-expanded="true" aria-controls="collapseOne">
|
||||
Is it safe to invest in mutual funds?
|
||||
<button
|
||||
class="accordion-button"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseOne"
|
||||
aria-expanded="true"
|
||||
aria-controls="collapseOne"
|
||||
>
|
||||
How do mutual fund works?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div
|
||||
id="collapseOne"
|
||||
class="accordion-collapse collapse show"
|
||||
aria-labelledby="headingOne"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
Mutual funds are regulated by SEBI and offer risk diversification, but returns are not guaranteed and
|
||||
depend on market performance.
|
||||
<span class="textaccor">Mutual funds pool money from multiple investors and invest in a diversified mix of stocks, bonds, or other securities. Professional fund managers manage the investments, helping reduce risk while aiming for long-term returns.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
How much money do I need to start?
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseTwo"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapseTwo"
|
||||
>
|
||||
Is it safe to invest in mutual funds?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div
|
||||
id="collapseTwo"
|
||||
class="accordion-collapse collapse"
|
||||
aria-labelledby="headingTwo"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
You can begin investing in most mutual funds with as little as ₹500 via SIP or lump sum.
|
||||
Mutual funds are regulated by SEBI and offer risk diversification,
|
||||
but returns are not guaranteed and depend on market performance.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -161,17 +180,27 @@
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
Can I withdraw my money anytime?
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseThree"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapseThree"
|
||||
>
|
||||
How much money do I need to start?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div
|
||||
id="collapseThree"
|
||||
class="accordion-collapse collapse"
|
||||
aria-labelledby="headingThree"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
Yes, most open-ended mutual funds allow withdrawals anytime, though some may have exit loads or specific
|
||||
lock-in periods.
|
||||
You can begin investing in most mutual funds with as little as
|
||||
₹500 via SIP or lump sum.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -179,17 +208,27 @@
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFour">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
How are mutual funds taxed?
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseFour"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapseFour"
|
||||
>
|
||||
Can I withdraw my money anytime?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div
|
||||
id="collapseFour"
|
||||
class="accordion-collapse collapse"
|
||||
aria-labelledby="headingFour"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
Tax is based on the type of fund and holding period, with separate rules for equity and debt funds as per
|
||||
prevailing tax laws.
|
||||
Yes, most open-ended mutual funds allow withdrawals anytime,
|
||||
though some may have exit loads or specific lock-in periods.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -197,16 +236,27 @@
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFive">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
||||
Do mutual funds guarantee returns?
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseFive"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapseFive"
|
||||
>
|
||||
How are mutual funds taxed?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div
|
||||
id="collapseFive"
|
||||
class="accordion-collapse collapse"
|
||||
aria-labelledby="headingFive"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
No, mutual funds do not guarantee returns; their value fluctuates according to market movements.
|
||||
Tax is based on the type of fund and holding period, with separate
|
||||
rules for equity and debt funds as per prevailing tax laws.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -214,24 +264,59 @@
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingSix">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
|
||||
What is NAV in mutual funds?
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseSix"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapseSix"
|
||||
>
|
||||
Do mutual funds guarantee returns?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div
|
||||
id="collapseSix"
|
||||
class="accordion-collapse collapse"
|
||||
aria-labelledby="headingSix"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
NAV (Net Asset Value) is the per-unit price of a mutual fund, calculated daily after accounting for fund
|
||||
assets and liabilities.
|
||||
No, mutual funds do not guarantee returns; their value fluctuates
|
||||
according to market movements.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingSeven">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseSeven"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapseSeven"
|
||||
>
|
||||
What is NAV in mutual funds?
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="collapseSeven"
|
||||
class="accordion-collapse collapse"
|
||||
aria-labelledby="headingSeven"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
NAV (Net Asset Value) is the per-unit price of a mutual fund,
|
||||
calculated daily after accounting for fund assets and liabilities.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
963
pages/home.html
963
pages/home.html
File diff suppressed because it is too large
Load Diff
@@ -26,16 +26,17 @@
|
||||
<div class="tab-content" id="teamTabsContent">
|
||||
<!-- Leadership Tab -->
|
||||
<div class="tab-pane fade show active" id="leadership" role="tabpanel">
|
||||
|
||||
<div class="row g-4 mt-2">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team1.svg" alt="Bharat Shah">
|
||||
|
||||
<div class="row g-4 ">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Investment Officer</p>
|
||||
<p>Chief Investment Officer & Chief Executive Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
|
||||
@@ -44,10 +45,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team2.svg" alt="Sunil Rohokale">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team2.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
@@ -60,10 +62,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team3.svg" alt="Bhavana Shah">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team3.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
@@ -75,16 +78,16 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4 mt-2">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team1.svg" alt="Bharat Shah">
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Investment Officer</p>
|
||||
<p>Chief Investment Officer & Chief Executive Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
|
||||
@@ -93,10 +96,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team2.svg" alt="Sunil Rohokale">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team2.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
@@ -109,10 +113,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team3.svg" alt="Bhavana Shah">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team3.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
@@ -124,16 +129,16 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4 mt-2">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team1.svg" alt="Bharat Shah">
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Investment Officer</p>
|
||||
<p>Chief Investment Officer & Chief Executive Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
|
||||
@@ -142,10 +147,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team2.svg" alt="Sunil Rohokale">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team2.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
@@ -158,10 +164,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="./assests/images/team3.svg" alt="Bhavana Shah">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team3.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
@@ -173,7 +180,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@@ -217,7 +227,7 @@
|
||||
|
||||
|
||||
<h5 style="padding-top: 5px; padding-left: 10px;" id="drawerName"></h5>
|
||||
<p style="width: 250px; border-bottom: 1px solid #033A49; padding-bottom: 4px; margin-left: 10px;" class="role"
|
||||
<p style="width: 250px; border-bottom: 1px solid #033A49; padding-bottom: 15px; margin-left: 10px;" class="role"
|
||||
id="drawerRole"></p>
|
||||
<p class="desc" id="drawerDesc" style="padding-left: 10px;"></p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user