Compare commits
25 Commits
03e433fc77
...
tufail-dev
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
21ffad2a9a | ||
|
|
7d3055b78c | ||
|
|
d3ba6f9c40 | ||
|
|
6ff1d729e2 | ||
|
|
e43cedf536 | ||
|
|
9708b8ef5d | ||
|
|
7db4b03a57 | ||
|
|
e832326fcb | ||
|
|
28ca105c84 | ||
|
|
2d567d7311 | ||
|
|
5f652f46fd | ||
|
|
99af6b7f1e | ||
|
|
267a64717e | ||
|
|
16d7139d15 | ||
|
|
66cbf2c79a | ||
|
|
485d529733 | ||
|
|
fc17ad8e92 | ||
|
|
5430b6ce7f | ||
|
|
29f6820aba | ||
|
|
38ff329e7e | ||
| f59b80dea0 | |||
|
|
257bc5e5c7 | ||
|
|
41f3ab20b1 | ||
|
|
7037db4300 | ||
|
|
17725b83d9 |
26
.gitea/workflows/deploy.yml
Normal file
@@ -0,0 +1,26 @@
|
||||
name: ask-mutual-fund Actions Workflow
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- main
|
||||
|
||||
jobs:
|
||||
test:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: Checkout code
|
||||
uses: actions/checkout@v3
|
||||
|
||||
- name: Execute remote SSH commands using password
|
||||
uses: appleboy/ssh-action@v1
|
||||
with:
|
||||
host: ${{ secrets.HOST }}
|
||||
username: ${{ secrets.USERNAME }}
|
||||
password: ${{ secrets.PASSWORD }}
|
||||
port: ${{ secrets.PORT }}
|
||||
script: |
|
||||
cd public_html/ask-mutual-fund/
|
||||
git pull origin main
|
||||
|
||||
|
||||
BIN
assests/fonts/Larken-Regular.otf
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 |
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 |
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 |
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 |
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 |
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 |
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
|
After Width: | Height: | Size: 56 KiB |
9
assests/images/2022-Icon.svg
Normal file
|
After Width: | Height: | Size: 147 KiB |
29
assests/images/Our-Funds-back.svg
Normal file
@@ -0,0 +1,29 @@
|
||||
<svg width="1440" height="734" viewBox="0 0 1440 734" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2092_1695)">
|
||||
<rect width="1440" height="734" fill="white"/>
|
||||
<g opacity="0.6">
|
||||
<path d="M1096.26 391.863L647.476 -3.13708H1582.79L1582.03 300.212L1095.5 828.828L1096.26 391.863Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1556.28 291.681L1115.25 770.612L1115.91 375.328L710.559 18.5567H1556.97L1556.28 291.681Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1530.53 283.11L1134.97 712.398L1135.59 358.795L773.609 40.2118H1531.15L1530.53 283.11Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1504.78 274.576L1154.73 654.179L1155.24 342.258L836.692 61.9025H1505.3L1504.78 274.576Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1479.03 266.007L1174.44 595.965L1174.89 325.726L899.774 83.5992H1479.48L1479.03 266.007Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1453.28 257.434L1194.19 537.789L1194.57 309.19L962.857 105.251H1453.66L1453.28 257.434Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1427.5 248.902L1213.91 479.573L1214.22 292.656L1025.9 126.945H1427.81L1427.5 248.902Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1401.75 240.33L1233.66 421.356L1233.87 276.121L1088.99 148.639H1401.99L1401.75 240.33Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1376 231.798L1253.38 363.139L1253.52 259.626L1152.07 170.291H1376.17L1376 231.798Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1350.25 223.228L1273.1 304.926L1273.2 243.094L1215.15 191.988H1350.31L1350.25 223.228Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M1292.85 246.747V226.557L1278.2 213.678H1324.49V214.653L1292.85 246.747Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
|
||||
<path d="M635.799 -40H1457.46V813.726L1051.58 830.413L635.799 813.726V-40Z" fill="url(#paint0_linear_2092_1695)"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_2092_1695" x1="1235.05" y1="653.333" x2="1682.21" y2="209.359" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="0.441851" stop-color="white" stop-opacity="0.73"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0.81"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_2092_1695">
|
||||
<rect width="1440" height="734" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 558 KiB |
10
assests/images/about-banner-img.svg
Normal file
|
After Width: | Height: | Size: 744 KiB |
9
assests/images/contact-banner.svg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
3
assests/images/contact-call.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.39583 22.6042C5.99073 19.1925 3.37207 15.0781 1.723 10.5487C0.81575 8.07241 1.647 5.35224 3.51217 3.48707L4.66642 2.33441C4.97673 2.02347 5.34532 1.77678 5.75109 1.60847C6.15685 1.44015 6.59183 1.35352 7.03112 1.35352C7.47042 1.35352 7.9054 1.44015 8.31116 1.60847C8.71693 1.77678 9.08552 2.02347 9.39583 2.33441L12.0986 5.03716C12.4095 5.34747 12.6562 5.71606 12.8245 6.12183C12.9928 6.5276 13.0795 6.96257 13.0795 7.40187C13.0795 7.84116 12.9928 8.27614 12.8245 8.6819C12.6562 9.08767 12.4095 9.45626 12.0986 9.76657L11.4336 10.4316C11.1674 10.6977 10.9563 11.0137 10.8122 11.3614C10.6681 11.7091 10.594 12.0818 10.594 12.4582C10.594 12.8346 10.6681 13.2074 10.8122 13.5551C10.9563 13.9028 11.1674 14.2188 11.4336 14.4849L17.5136 20.5665C17.7797 20.8327 18.0957 21.0438 18.4434 21.1879C18.7911 21.3319 19.1639 21.4061 19.5403 21.4061C19.9166 21.4061 20.2894 21.3319 20.6371 21.1879C20.9848 21.0438 21.3008 20.8327 21.5669 20.5665L22.2335 19.9015C22.5438 19.5906 22.9124 19.3439 23.3182 19.1756C23.7239 19.0072 24.1589 18.9206 24.5982 18.9206C25.0375 18.9206 25.4725 19.0072 25.8782 19.1756C26.284 19.3439 26.6526 19.5906 26.9629 19.9015L29.6657 22.6042C29.9766 22.9146 30.2233 23.2831 30.3916 23.6889C30.5599 24.0947 30.6466 24.5297 30.6466 24.9689C30.6466 25.4082 30.5599 25.8432 30.3916 26.249C30.2233 26.6548 29.9766 27.0233 29.6657 27.3337L28.513 28.4863C26.6478 30.3531 23.9277 31.1843 21.4513 30.2771C16.922 28.628 12.8076 26.0093 9.39583 22.6042Z" stroke="#B18C4A" stroke-width="2" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
4
assests/images/contact-mail.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="34" height="28" viewBox="0 0 34 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M32.8333 6.08301L18.5975 15.1508C18.1145 15.4313 17.5657 15.5791 17.0071 15.5791C16.4484 15.5791 15.8997 15.4313 15.4166 15.1508L1.16663 6.08301" stroke="#B18C4A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M29.6666 1.33301H4.33329C2.58439 1.33301 1.16663 2.75077 1.16663 4.49967V23.4997C1.16663 25.2486 2.58439 26.6663 4.33329 26.6663H29.6666C31.4155 26.6663 32.8333 25.2486 32.8333 23.4997V4.49967C32.8333 2.75077 31.4155 1.33301 29.6666 1.33301Z" stroke="#B18C4A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 676 B |
9
assests/images/contact-map.svg
Normal file
|
After Width: | Height: | Size: 1.7 MiB |
3
assests/images/contact-whatsapp.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.0632 0.266174C18.1132 0.259383 20.1445 0.660887 22.0378 1.44684C23.9311 2.23278 25.6491 3.38776 27.0916 4.8443V4.84528C30.0335 7.7873 31.6541 11.7043 31.6541 15.8736C31.6539 24.4632 24.6529 31.4644 16.0632 31.4644C13.4518 31.4644 10.8875 30.803 8.6062 29.5601L8.57104 29.5416L8.53296 29.5513L0.387451 31.692L2.55933 23.7213L2.57007 23.6812L2.54956 23.6451C1.19657 21.2852 0.472497 18.611 0.472412 15.858C0.472412 7.26824 7.47351 0.266239 16.0632 0.266174ZM16.0476 2.71051C8.80404 2.71051 2.90112 8.61441 2.90112 15.858C2.90268 18.3295 3.59892 20.7507 4.91089 22.8453L4.91187 22.8463L5.20386 23.2994L3.9021 28.0699L3.8562 28.2379L4.02417 28.1929L8.92163 26.9058L9.36206 27.1695C11.3881 28.366 13.7019 29.0044 16.0632 29.0045C23.1934 29.0045 29.0254 23.2996 29.1755 16.2115L29.1785 15.8726C29.185 14.1452 28.8481 12.4339 28.1882 10.8375C27.5281 9.24065 26.5575 7.79063 25.3328 6.57184H25.3337C22.8608 4.08293 19.5575 2.71053 16.0476 2.71051ZM10.5056 8.70563H11.2595L11.4529 8.71149C11.5131 8.71548 11.572 8.72638 11.6365 8.75739C11.7574 8.81558 11.9061 8.95598 12.0593 9.32281V9.32379C12.3749 10.1126 13.1689 12.0497 13.2664 12.2447C13.3542 12.4203 13.4049 12.6071 13.2976 12.8365C13.1701 13.0916 13.0961 13.254 12.9158 13.4644C12.7201 13.6927 12.5054 13.9695 12.3347 14.1402C12.2342 14.2407 12.1184 14.3585 12.0642 14.5093C12.0067 14.6693 12.0229 14.8501 12.1443 15.067L12.1462 15.0699C12.3846 15.4671 13.1669 16.7604 14.3503 17.816C15.8477 19.154 17.1283 19.5893 17.5212 19.7769V19.7779C17.7258 19.8843 17.9061 19.9387 18.072 19.9195C18.2426 19.8997 18.3778 19.8036 18.4988 19.6568C18.7227 19.4007 19.4676 18.5152 19.74 18.1148L19.739 18.1138C19.8621 17.9405 19.9706 17.8844 20.0759 17.8726C20.1919 17.8597 20.3251 17.8974 20.5095 17.9615C20.862 18.1066 22.7768 19.0489 23.1765 19.2408C23.3809 19.3389 23.5313 19.4021 23.6521 19.4664C23.7703 19.5293 23.8383 19.5831 23.8796 19.648C23.8937 19.6702 23.9134 19.7304 23.9236 19.8394C23.9333 19.9438 23.9332 20.0799 23.9197 20.2408C23.8927 20.5624 23.8115 20.9773 23.6482 21.4283V21.4302C23.5012 21.8562 23.0547 22.2804 22.533 22.6158C22.0784 22.908 21.586 23.1198 21.2283 23.2037L21.0837 23.232C20.41 23.326 19.5723 23.3718 18.6589 23.0777L18.658 23.0767L18.2019 22.9332C17.715 22.7743 17.1333 22.5646 16.4363 22.2574H16.4353C12.5386 20.5761 9.97275 16.6427 9.78003 16.3697L9.77808 16.3677L9.65601 16.2017C9.48765 15.9669 9.19575 15.5341 8.91675 14.9849C8.544 14.2512 8.19908 13.3177 8.19897 12.3746C8.19897 10.4868 9.1835 9.56136 9.53394 9.16364L9.53491 9.16461C9.87705 8.79278 10.2597 8.70568 10.5056 8.70563Z" fill="#B18C4B" stroke="white" stroke-width="0.2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
40
assests/images/desbackcard-scroll.svg
Normal file
@@ -0,0 +1,40 @@
|
||||
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1141 436" width="1141" height="436">
|
||||
<defs>
|
||||
<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
|
||||
<path d="m280-19h843c16.57 0 30 13.43 30 30v420c0 16.57-13.43 30-30 30h-843z"/>
|
||||
</clipPath>
|
||||
<linearGradient id="g1" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(611.14,-579.415,580.72,612.516,885.03,680.095)">
|
||||
<stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
|
||||
<stop offset=".442" stop-color="#ffffff" stop-opacity=".73"/>
|
||||
<stop offset="1" stop-color="#ffffff" stop-opacity=".81"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<style>
|
||||
.s0 { fill: #ffffff }
|
||||
.s1 { fill: none;stroke: #e6e7e8 }
|
||||
.s2 { fill: none;stroke: #b18c4a;stroke-miterlimit:10 }
|
||||
.s3 { fill: url(#g1) }
|
||||
</style>
|
||||
<g>
|
||||
<path fill-rule="evenodd" class="s0" d="m15-19h1108c16.57 0 30 13.43 30 30v420c0 16.57-13.43 30-30 30h-1108c-16.57 0-30-13.43-30-30v-420c0-16.57 13.43-30 30-30z"/>
|
||||
<path fill-rule="evenodd" class="s1" d="m15-18.5h1108c16.29 0 29.5 13.21 29.5 29.5v420c0 16.29-13.21 29.5-29.5 29.5h-1108c-16.29 0-29.5-13.21-29.5-29.5v-420c0-16.29 13.21-29.5 29.5-29.5z"/>
|
||||
<g style="opacity: .4">
|
||||
<g id="Clip-Path" clip-path="url(#cp1)">
|
||||
<g>
|
||||
<path class="s2" d="m703.77 302.06l-586.51-540.61h1222.35l-0.99 415.18-635.84 723.48z"/>
|
||||
<path class="s2" d="m1304.97 164.95l-576.38 655.48 0.86-541-529.75-488.29h1106.17z"/>
|
||||
<path class="s2" d="m1271.31 153.22l-516.95 587.54 0.81-483.95-473.07-436.03h990.03z"/>
|
||||
<path class="s2" d="m1237.66 141.54l-457.48 519.54 0.67-426.91-416.31-383.7h873.8z"/>
|
||||
<path class="s2" d="m1204.01 129.81l-398.06 451.59 0.58-369.86-359.54-331.38h757.61z"/>
|
||||
<path class="s2" d="m1170.36 118.08l-338.6 383.7 0.5-312.87-302.83-279.11h641.42z"/>
|
||||
<path class="s2" d="m1136.66 106.4l-279.13 315.71 0.4-255.83-246.11-226.79h525.24z"/>
|
||||
<path class="s2" d="m1103.01 94.67l-219.67 247.76 0.27-198.78-189.34-174.47h409.05z"/>
|
||||
<path class="s2" d="m1069.35 82.99l-160.24 179.76 0.18-141.67-132.58-122.27h292.87z"/>
|
||||
<path class="s2" d="m1035.7 71.26l-100.82 111.82 0.13-84.63-75.86-69.94h176.64z"/>
|
||||
<path class="s2" d="m960.69 103.45v-27.63l-19.15-17.63h60.51v1.34z"/>
|
||||
<path fill-rule="evenodd" class="s3" d="m101.87-268.83h1073.82v1168.44h-1073.82z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
14
assests/images/life4.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="62" height="62">
|
||||
<path d="M0 0 C1.64510941 0.00015915 3.29022379 0.00585551 4.93530273 0.01586914 C6.23164894 0.01799156 6.23164894 0.01799156 7.55418396 0.02015686 C10.32578941 0.025773 13.09731528 0.0383282 15.86889648 0.05102539 C17.74324428 0.05603831 19.61759334 0.06060158 21.49194336 0.06469727 C26.09679192 0.07574767 30.70158069 0.09302309 35.30639648 0.11352539 C35.33166436 7.21597538 35.34922849 14.31841387 35.36132812 21.42089844 C35.36636997 23.83919711 35.37320326 26.25749273 35.38183594 28.67578125 C35.39390805 32.14331823 35.39962612 35.61081505 35.40405273 39.07836914 C35.40921402 40.16689682 35.41437531 41.2554245 35.41969299 42.37693787 C35.41976852 43.37789993 35.41984406 44.378862 35.41992188 45.41015625 C35.42214249 46.29618027 35.4243631 47.18220428 35.426651 48.09507751 C35.30639648 50.11352539 35.30639648 50.11352539 34.30639648 51.11352539 C31.42205828 51.20217747 28.56177491 51.22873835 25.67749023 51.21118164 C24.38114403 51.20905922 24.38114403 51.20905922 23.05860901 51.20689392 C20.28700356 51.20127778 17.51547768 51.18872258 14.74389648 51.17602539 C12.86954869 51.17101247 10.99519963 51.1664492 9.12084961 51.16235352 C4.51600105 51.15130311 -0.08878773 51.13402769 -4.69360352 51.11352539 C-4.71887139 44.0110754 -4.73643552 36.90863691 -4.74853516 29.80615234 C-4.75357701 27.38785367 -4.7604103 24.96955806 -4.76904297 22.55126953 C-4.78111508 19.08373256 -4.78683315 15.61623573 -4.79125977 12.14868164 C-4.79642105 11.06015396 -4.80158234 9.97162628 -4.80690002 8.85011292 C-4.80697556 7.84915085 -4.80705109 6.84818878 -4.80712891 5.81689453 C-4.80934952 4.93087051 -4.81157013 4.0448465 -4.81385803 3.13197327 C-4.59884384 -0.47699668 -3.77313266 0.11596977 0 0 Z M-0.69360352 4.11352539 C-0.69360352 18.30352539 -0.69360352 32.49352539 -0.69360352 47.11352539 C9.86639648 47.11352539 20.42639648 47.11352539 31.30639648 47.11352539 C31.30639648 32.92352539 31.30639648 18.73352539 31.30639648 4.11352539 C20.74639648 4.11352539 10.18639648 4.11352539 -0.69360352 4.11352539 Z " fill="#B08B49" transform="translate(15.693603515625,5.886474609375)"/>
|
||||
<path d="M0 0 C7.26 0 14.52 0 22 0 C22 3.63 22 7.26 22 11 C14.74 11 7.48 11 0 11 C0 7.37 0 3.74 0 0 Z M4 3 C4 4.32 4 5.64 4 7 C8.62 7 13.24 7 18 7 C18 5.68 18 4.36 18 3 C13.38 3 8.76 3 4 3 Z " fill="#B08B4A" transform="translate(20,15)"/>
|
||||
<path d="M0 0 C1.65 0.33 3.3 0.66 5 1 C4.67 2.65 4.34 4.3 4 6 C2.35 5.67 0.7 5.34 -1 5 C-0.67 3.35 -0.34 1.7 0 0 Z " fill="#B08A4A" transform="translate(29,28)"/>
|
||||
<path d="M0 0 C1.98 0 3.96 0 6 0 C6 1.65 6 3.3 6 5 C4.02 5 2.04 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8B49" transform="translate(28,45)"/>
|
||||
<path d="M0 0 C1.98 0 3.96 0 6 0 C6 1.65 6 3.3 6 5 C4.02 5 2.04 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8C49" transform="translate(28,37)"/>
|
||||
<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.98 5 3.96 5 6 C3.35 6 1.7 6 0 6 C0 4.02 0 2.04 0 0 Z " fill="#AF8A49" transform="translate(37,28)"/>
|
||||
<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.98 5 3.96 5 6 C3.35 6 1.7 6 0 6 C0 4.02 0 2.04 0 0 Z " fill="#B08A49" transform="translate(20,28)"/>
|
||||
<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.65 5 3.3 5 5 C3.35 5 1.7 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8B49" transform="translate(37,45)"/>
|
||||
<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.65 5 3.3 5 5 C3.35 5 1.7 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8B4A" transform="translate(20,45)"/>
|
||||
<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.65 5 3.3 5 5 C3.35 5 1.7 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8B49" transform="translate(37,37)"/>
|
||||
<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.65 5 3.3 5 5 C3.35 5 1.7 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#B08C49" transform="translate(20,37)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
10
assests/images/mobile-about-banner.svg
Normal file
|
After Width: | Height: | Size: 744 KiB |
14
assests/images/mobile-contact.svg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
45
assests/images/mobilebackcard-scroll.svg
Normal file
@@ -0,0 +1,45 @@
|
||||
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 299 397" width="299" height="397">
|
||||
<defs>
|
||||
<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
|
||||
<path d="m8-20h284c7.73 0 14 6.27 14 14v412c0 7.73-6.27 14-14 14h-284c-7.73 0-14-6.27-14-14v-412c0-7.73 6.27-14 14-14z"/>
|
||||
</clipPath>
|
||||
<clipPath clipPathUnits="userSpaceOnUse" id="cp2">
|
||||
<path d="m-96-79h487.03v559h-487.03z"/>
|
||||
</clipPath>
|
||||
<linearGradient id="g1" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(340.947,-323.247,323.975,341.715,241.537,461.643)">
|
||||
<stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
|
||||
<stop offset=".442" stop-color="#ffffff" stop-opacity=".73"/>
|
||||
<stop offset="1" stop-color="#ffffff" stop-opacity=".81"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<style>
|
||||
.s0 { fill: #ffffff }
|
||||
.s1 { fill: none;stroke: #b18c4a;stroke-miterlimit:10;stroke-width: .6 }
|
||||
.s2 { fill: url(#g1) }
|
||||
.s3 { fill: none;stroke: #e6e7e8 }
|
||||
</style>
|
||||
<g>
|
||||
<g id="Clip-Path" clip-path="url(#cp1)">
|
||||
<g>
|
||||
<path fill-rule="evenodd" class="s0" d="m8-20h284c7.73 0 14 6.27 14 14v412c0 7.73-6.27 14-14 14h-284c-7.73 0-14-6.27-14-14v-412c0-7.73 6.27-14 14-14z"/>
|
||||
<g id="Clip-Path" clip-path="url(#cp2)">
|
||||
<g style="opacity: .4">
|
||||
<path class="s1" d="m140.41 250.75l-327.2-301.6h681.93l-0.55 231.62-354.73 403.62z"/>
|
||||
<path class="s1" d="m475.81 174.25l-321.55 365.68 0.48-301.81-295.54-272.41h617.12z"/>
|
||||
<path class="s1" d="m457.04 167.71l-288.4 327.78 0.45-269.99-263.92-243.25h552.32z"/>
|
||||
<path class="s1" d="m438.27 161.19l-255.23 289.84 0.38-238.16-232.25-214.06h487.47z"/>
|
||||
<path class="s1" d="m419.49 154.65l-222.07 251.93 0.32-206.33-200.58-184.88h422.66z"/>
|
||||
<path class="s1" d="m400.72 148.1l-188.9 214.07 0.27-174.55-168.94-155.71h357.84z"/>
|
||||
<path class="s1" d="m381.92 141.59l-155.73 176.12 0.23-142.71-137.3-126.53h293.02z"/>
|
||||
<path class="s1" d="m363.14 135.04l-122.54 138.22 0.15-110.89-105.64-97.34h228.21z"/>
|
||||
<path class="s1" d="m344.37 128.53l-89.4 100.28 0.1-79.03-73.97-68.22h163.39z"/>
|
||||
<path class="s1" d="m325.59 121.99l-56.24 62.38 0.07-47.22-42.32-39.02h98.54z"/>
|
||||
<path class="s1" d="m283.75 139.94v-15.41l-10.69-9.84h33.76v0.75z"/>
|
||||
<path fill-rule="evenodd" class="s2" d="m-195.38-67.75h599.07v651.86h-599.07z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<path fill-rule="evenodd" class="s3" d="m8-19.5h284c7.46 0 13.5 6.04 13.5 13.5v412c0 7.46-6.04 13.5-13.5 13.5h-284c-7.46 0-13.5-6.04-13.5-13.5v-412c0-7.46 6.04-13.5 13.5-13.5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
BIN
assests/images/new-card.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
85
assests/images/scroll1.svg
Normal file
|
After Width: | Height: | Size: 1017 KiB |
41
assests/images/scroll2.svg
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
46
assests/images/scroll3.svg
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
54
assests/images/scroll4.svg
Normal file
|
After Width: | Height: | Size: 1016 KiB |
64
assests/images/scroll5.svg
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
assests/images/whatsapp-symbol.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
11
assests/images/whatsappsymbol.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_1_1883)">
|
||||
<path d="M50 37.3116C50 37.5856 49.9914 38.1764 49.9743 38.6387C49.9315 39.7603 49.8459 41.2072 49.7089 41.8664C49.5034 42.8596 49.2038 43.7928 48.8014 44.5719C48.3305 45.4966 47.7312 46.3185 47.012 47.0291C46.3014 47.7397 45.4795 48.339 44.5548 48.8099C43.7757 49.2123 42.8339 49.512 41.8322 49.7175C41.1815 49.8459 39.7432 49.9401 38.6301 49.9743C38.1678 49.9914 37.5771 50 37.3031 50H12.6798C12.4058 50 11.8151 49.9914 11.3527 49.9743C10.2312 49.9315 8.78425 49.8459 8.125 49.7089C7.13185 49.5034 6.19863 49.2038 5.41952 48.8014C4.49486 48.3305 3.67295 47.7312 2.96233 47.012C2.25171 46.3014 1.6524 45.4795 1.18151 44.5548C0.77911 43.7757 0.479452 42.8339 0.273973 41.8322C0.145548 41.1815 0.0513699 39.7432 0.0171233 38.6301C0.00856164 38.1764 0 37.5856 0 37.3116V12.6884C0 12.4144 0.00856164 11.8236 0.0256849 11.3613C0.0684932 10.2397 0.15411 8.79281 0.291096 8.13356C0.496575 7.14041 0.796233 6.20719 1.19863 5.42808C1.66952 4.50342 2.26884 3.68151 2.97945 2.97089C3.69007 2.26027 4.51199 1.66096 5.43664 1.19007C6.21575 0.787671 7.15753 0.488014 8.15925 0.282534C8.80993 0.15411 10.2483 0.0599315 11.3613 0.0256849C11.8236 0.00856164 12.4144 0 12.6884 0H37.3116C37.5856 0 38.1764 0.00856164 38.6387 0.0256849C39.7603 0.0684932 41.2072 0.15411 41.8664 0.291096C42.8596 0.496575 43.7928 0.796233 44.5719 1.19863C45.4966 1.66952 46.3185 2.26884 47.0291 2.98801C47.7397 3.69863 48.339 4.52055 48.8099 5.44521C49.2123 6.22432 49.512 7.1661 49.7175 8.16781C49.8459 8.81849 49.9401 10.2568 49.9743 11.3699C49.9914 11.8322 50 12.4229 50 12.6969V37.3116Z" fill="#25CF43"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.6241 14.3759C32.8049 11.5567 29.0531 10 25.0574 10C16.8221 10 10.1291 16.7001 10.122 24.9283C10.122 27.561 10.8106 30.1291 12.1162 32.3888L10 40.1291L17.9197 38.056C20.1004 39.2468 22.5538 39.8709 25.0574 39.8709H25.0646C33.2927 39.8709 39.9928 33.1707 40 24.9426C40 20.9469 38.4433 17.1951 35.6241 14.3759ZM25.0646 37.3458C22.8336 37.3458 20.6456 36.7432 18.7446 35.6169L18.2927 35.3515L13.594 36.5854L14.8494 32.0086L14.5552 31.5423C13.3142 29.5696 12.6542 27.2812 12.6542 24.9354C12.6542 18.0918 18.2281 12.5251 25.0717 12.5251C28.3859 12.5251 31.5065 13.8164 33.845 16.1621C36.1908 18.5079 37.4821 21.6284 37.4749 24.9426C37.4677 31.7791 31.901 37.3458 25.0646 37.3458ZM31.8723 28.056C31.4993 27.8694 29.6628 26.9656 29.3257 26.8436C28.9813 26.7217 28.7374 26.6571 28.4864 27.0301C28.2353 27.4032 27.5251 28.2425 27.3027 28.4935C27.0875 28.7446 26.8651 28.7733 26.4921 28.5868C26.1191 28.4003 24.9139 28.0057 23.4935 26.736C22.3816 25.7461 21.6356 24.5265 21.4204 24.1535C21.2052 23.7805 21.3989 23.5796 21.5854 23.3931C21.7504 23.2281 21.9584 22.9555 22.1449 22.7403C22.3314 22.5251 22.396 22.3673 22.5179 22.1162C22.6399 21.8651 22.5825 21.6499 22.4892 21.4634C22.396 21.2769 21.6499 19.4405 21.3415 18.6944C21.0402 17.9699 20.7317 18.0631 20.5022 18.056C20.2869 18.0416 20.0359 18.0416 19.7848 18.0416C19.5337 18.0416 19.132 18.1349 18.7877 18.5079C18.4433 18.8809 17.4821 19.7848 17.4821 21.6212C17.4821 23.4577 18.8164 25.2296 19.0029 25.4806C19.1894 25.7317 21.6356 29.4978 25.3802 31.1119C26.2697 31.4993 26.9656 31.7288 27.5108 31.901C28.4075 32.1879 29.2181 32.1449 29.8637 32.0517C30.5811 31.944 32.0732 31.1478 32.3816 30.2798C32.6901 29.4118 32.6901 28.6585 32.5968 28.5079C32.4892 28.3357 32.2453 28.2425 31.8723 28.056Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1_1883">
|
||||
<rect width="50" height="50" rx="25" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
@@ -4,7 +4,7 @@
|
||||
<!-- 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">
|
||||
@@ -12,10 +12,10 @@
|
||||
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">
|
||||
<a href="#"><img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" height="40" alt="Google Play"></a>
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
<nav class="navbar navbar-expand-lg sticky-top">
|
||||
|
||||
<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">
|
||||
@@ -16,7 +17,7 @@
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<!-- Center Links -->
|
||||
<ul class="navbar-nav gap-menu mx-auto text-center">
|
||||
<ul class="navbar-nav gap-menu text-center">
|
||||
<li class="nav-item"><a class="nav-link" href="#/our-fund">Our Fund</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#/our-team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#/about">About</a></li>
|
||||
@@ -30,7 +31,7 @@
|
||||
</li>
|
||||
<li class="nav-item d-flex align-items-center">
|
||||
<span class="text-white">Login</span>
|
||||
<i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px;"></i>
|
||||
<i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px; display: none;"></i>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -53,7 +54,7 @@
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="topbar py-2 sticky-top">
|
||||
<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">
|
||||
@@ -66,4 +67,5 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/navbar.js"></script>
|
||||
|
||||
<script src="./js/navbar.js"></script>
|
||||
328
css/contact.css
Normal file
@@ -0,0 +1,328 @@
|
||||
/* 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 */
|
||||
}
|
||||
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/contact-banner.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.contac-back-color {
|
||||
background: #F5F5F5;
|
||||
}
|
||||
|
||||
.contact-aling {
|
||||
align-items: end;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
padding-bottom: 72px;
|
||||
}
|
||||
|
||||
.contact-tittle-banner {
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.map-section .button-to {
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.view-top {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.contact-cards {
|
||||
display: flex;
|
||||
|
||||
|
||||
margin-bottom: 65px;
|
||||
|
||||
}
|
||||
|
||||
.contact-card {
|
||||
background: #fff;
|
||||
|
||||
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
|
||||
padding: 25px 35px;
|
||||
flex: 1 1 30%;
|
||||
border-bottom: 3px solid #b89c58;
|
||||
/* gold underline */
|
||||
transition: all 0.3s ease;
|
||||
width: 368px;
|
||||
height: 225px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.contact-card h4 {
|
||||
color: #033A49;
|
||||
margin-bottom: 15px;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.map-section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 50px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.map-container {
|
||||
flex: 1 1 55%;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.map-container iframe {
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.location-info {
|
||||
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;
|
||||
}
|
||||
|
||||
.location-info strong {
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.View {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.view-arrow {
|
||||
height: 11px !important;
|
||||
width: 17px !important;
|
||||
}
|
||||
|
||||
.location-info.none-desktop {
|
||||
display: none;
|
||||
}
|
||||
.hide-details-conne-mobile {
|
||||
display: none
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.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;
|
||||
}
|
||||
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/mobile-contact.svg");
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
.invest-contact {
|
||||
|
||||
width: 95%;
|
||||
|
||||
}
|
||||
|
||||
.contact-card h4 {
|
||||
|
||||
font-size: 21px;
|
||||
|
||||
}
|
||||
|
||||
p.size-mobile {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.location-info {
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.invest-contact {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 20px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 95% !important;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.location-info p {
|
||||
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
|
||||
.view-top {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h3.none-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.map-section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 30px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.hide-details-conne-dest {
|
||||
display: none;
|
||||
}
|
||||
.hide-details-conne-mobile {
|
||||
display: flex
|
||||
;
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/mobile-contact.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: -33px center;
|
||||
padding: 0px 20px;
|
||||
height: 70vh;
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,4 @@
|
||||
@font-face {
|
||||
font-family: "Larken";
|
||||
src: url("../assests/fonts/LarkenDEMO-Regular.otf") format("opentype");
|
||||
|
||||
src: url("../assests/fonts/Larken-Regular.otf") format("opentype");
|
||||
}
|
||||
938
css/style.css
278
css/testing.css
@@ -1,57 +1,239 @@
|
||||
.home_services {
|
||||
height: 100vh;
|
||||
/* 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 */
|
||||
}
|
||||
|
||||
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 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;
|
||||
}
|
||||
|
||||
|
||||
.cards-wrapper {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin-top: 60px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.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 */
|
||||
|
||||
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;
|
||||
gap: 60px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
width: 60%;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.card-image {
|
||||
width: 40%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
align-items: end;
|
||||
}
|
||||
|
||||
.home_services_wrapper {
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.home_service_item {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.home_service_content {
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.home_service_image img {
|
||||
max-width: 400px;
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.scroll-desc{
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
|
||||
font-size: 18px;
|
||||
line-height: 100%;
|
||||
color: #3E3F3F;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.scroll-ul {
|
||||
margin-left: 15px;
|
||||
padding-left: 20px;
|
||||
font-size: 14px;
|
||||
color: #555;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.scroll-ul .scroll-li {
|
||||
|
||||
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 */
|
||||
|
||||
border-radius: 30px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid #E6E7E8;
|
||||
box-shadow: 0px 0px 14px 0px #0000000D;
|
||||
padding: 30px 20px 0px 20px;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
width: 100%;
|
||||
}
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.card-image {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
.card-image img {
|
||||
width: 220px;
|
||||
display: block;
|
||||
}
|
||||
.card-label span {
|
||||
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
.scroll-tiile {
|
||||
|
||||
font-size: 18px;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
.cards-wrapper {
|
||||
|
||||
.home_service_labels span {
|
||||
background: #002852;
|
||||
color: #fff;
|
||||
padding: 0.2rem 0.5rem;
|
||||
border-radius: 3px;
|
||||
font-size: 0.9rem;
|
||||
margin-right: 5px;
|
||||
}
|
||||
margin-top: 30px;
|
||||
}
|
||||
.scroll-desc {
|
||||
|
||||
font-size: 13px;
|
||||
|
||||
}
|
||||
.scroll-ul {
|
||||
|
||||
display: none;
|
||||
}
|
||||
.ask-advantage-scroll h2
|
||||
|
||||
.btn-primary {
|
||||
background: #B18C4A;
|
||||
border: none;
|
||||
}
|
||||
{
|
||||
|
||||
font-size: 26px;
|
||||
line-height: 36px;
|
||||
|
||||
}
|
||||
.ask-advantage-scroll p.lead {
|
||||
|
||||
|
||||
font-size: 14px;
|
||||
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: 991px) {
|
||||
section.ask-advantage-scroll.container {
|
||||
padding: 60px 25px 0 25px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.home_service_item {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
.home_service_content {
|
||||
max-width: 100%;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.home_service_image img {
|
||||
max-width: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
55
index.html
@@ -3,21 +3,23 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>My Website</title>
|
||||
<title>ASK MUTUAL FUND</title>
|
||||
|
||||
<!-- Swiper CSS -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
|
||||
/>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
<!-- GSAP -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js"></script>
|
||||
<!-- Custom CSS -->
|
||||
<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"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -29,32 +31,25 @@
|
||||
|
||||
<!-- Footer -->
|
||||
<div id="footer"></div>
|
||||
<!-- jquery -->
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
|
||||
<!-- Swiper JS -->
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<!-- ✅ Swiper JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- Gsap -->
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js?ver=6.8.3" id="gsap-js-js"
|
||||
type="o/js-lzl"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js?ver=6.8.3"
|
||||
id="gsap-scrolltrigger-js-js" type="o/js-lzl"></script> -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/gsap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/ScrollTrigger.min.js"></script>
|
||||
<a href="5" class="whatsapp-float" target="_blank" aria-label="Chat on WhatsApp">
|
||||
<img src="./assests/images/whatsappsymbol.svg" alt="" width="50px" height="50px">
|
||||
</a>
|
||||
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
|
||||
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<!-- Swiper JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- GSAP & ScrollTrigger -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
|
||||
|
||||
<!-- slkick slider -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js?ver=1.8.1"
|
||||
id="slick-carousel-js" type="o/js-lzl"></script>
|
||||
<script
|
||||
src="https://vestedfinance.com/wp-content/themes/vested-finance-wp/assets/js/slick-slider.js?ver=1.0.0"
|
||||
id="custom-slick-slider-js" type="o/js-lzl"></script>
|
||||
<!-- Custom JS -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
520
js/main.js
@@ -1,22 +1,27 @@
|
||||
// Load header and footer, then initialize navbar script after header injected
|
||||
['header', 'footer'].forEach(id => {
|
||||
const file = id === 'header' ? 'components/header.html' : 'components/footer.html';
|
||||
// ===============================
|
||||
// ✅ Load Header & Footer
|
||||
// ===============================
|
||||
["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);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Pages mapping
|
||||
// ===============================
|
||||
// ✅ Routes for SPA Navigation
|
||||
// ===============================
|
||||
const routes = {
|
||||
"#/": "pages/home.html",
|
||||
"#/our-fund": "pages/our-fund.html",
|
||||
@@ -26,80 +31,471 @@ const routes = {
|
||||
"#/blog": "pages/blog.html",
|
||||
};
|
||||
|
||||
// ✅ Function to initialize Swiper (only if needed)
|
||||
// ===============================
|
||||
// ✅ Timeline Data
|
||||
// ===============================
|
||||
const timelineData = {
|
||||
1983: {
|
||||
icon: "../assests/images/1983-Icon.svg",
|
||||
heading: "The beginning",
|
||||
sub1: "Set up by Mr. Asit Koticha and Mr. Sameer Koticha,",
|
||||
sub2: "ASK Group offers research-based Investment advisory",
|
||||
sub3: "",
|
||||
},
|
||||
1991: {
|
||||
icon: "../assests/images/1991-Icon.svg",
|
||||
heading: "ASK Raymond James",
|
||||
sub1: "ASK Group and Raymond James",
|
||||
sub2: "Financial enter into a Partnership",
|
||||
sub3: "",
|
||||
},
|
||||
2007: {
|
||||
icon: "../assests/images/2007-Icon.svg",
|
||||
heading: "Launch of ASK Wealth Advisors",
|
||||
sub1: "Raymond James Financial partnership exits.",
|
||||
sub2: "",
|
||||
sub3: "",
|
||||
},
|
||||
2008: {
|
||||
icon: "../assests/images/2008-Icon.svg",
|
||||
heading: "Launch of ASK multi-family office",
|
||||
sub1: "",
|
||||
sub2: "",
|
||||
sub3: "",
|
||||
},
|
||||
2013: {
|
||||
icon: "../assests/images/2013-Icon.svg",
|
||||
heading: "License from SEBI",
|
||||
sub1: "ASK Wealth Advisors receives an",
|
||||
sub2: "Investment Advisor License from SEBI.",
|
||||
sub3: "",
|
||||
},
|
||||
2015: {
|
||||
icon: "../assests/images/2015-Icon.svg",
|
||||
heading: "ASK Wealth Advisors adjudged",
|
||||
sub1: ` "the best Independent Wealth Advisor, 2015" `,
|
||||
sub2: "by Wealth Briefing, Asia.",
|
||||
sub3: "",
|
||||
},
|
||||
2016: {
|
||||
icon: "../assests/images/2016-Icon.svg",
|
||||
mobileIcon: "../assests/images/2016-Mobile-Icon.svg",
|
||||
heading: "",
|
||||
sub1: "Advert International acquires minority ",
|
||||
sub2: "stake in ASK Group.",
|
||||
sub3: "",
|
||||
},
|
||||
2017: {
|
||||
icon: "../assests/images/2015-Icon.svg",
|
||||
heading: "ASK Wealth Advisors adjudged",
|
||||
sub1: `"One to Watch - Wealth Manager - India Domestic" - Distinction, 2017"`,
|
||||
sub2: "by Asian Private Banker.",
|
||||
sub3: "",
|
||||
},
|
||||
2018: {
|
||||
icon: "../assests/images/2015-Icon.svg",
|
||||
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.svg",
|
||||
heading: "Hall of Fame",
|
||||
sub1: `ASK Wealth Advisors inducted into the "Hall of Fame"`,
|
||||
sub2: "at the Financial Advisor Awards for the Years ",
|
||||
sub3: "2018-19 and 2019-20 by UTI MF & CNBC TV18.",
|
||||
},
|
||||
2020: {
|
||||
icon: "../assests/images/2015-Icon.svg",
|
||||
heading: "Outstanding Private Bank",
|
||||
sub1: "Outstanding Private Bank for UNHW clients ",
|
||||
sub2: "at the Private Banker International Global",
|
||||
sub3: "Wealth Summit & Awards 2020, Singapore.",
|
||||
},
|
||||
2022: {
|
||||
icon: "../assests/images/2022-Icon.svg",
|
||||
heading: "Blackstone Acquisition",
|
||||
sub1: "Blackstone acquires majority stake in ",
|
||||
sub2: "ASK Group, Advert International exits.",
|
||||
sub3: "",
|
||||
},
|
||||
};
|
||||
|
||||
// ===============================
|
||||
// ✅ Initialize Timeline & Swiper
|
||||
// ===============================
|
||||
function initTimelineSwiper() {
|
||||
const swiperWrapper = document.querySelector(".swiper-wrapper");
|
||||
const timelineItems = document.querySelectorAll(".timeline-item");
|
||||
if (!swiperWrapper || !timelineItems.length) return;
|
||||
|
||||
// ✅ Check if screen width is 768px or below
|
||||
const isMobile = window.matchMedia("(max-width: 768px)").matches;
|
||||
|
||||
swiperWrapper.innerHTML = "";
|
||||
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 = `
|
||||
${iconToUse ? `<img src="${iconToUse}" alt="icon" />` : ""}
|
||||
<h2>${year}</h2>
|
||||
${
|
||||
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 - 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);
|
||||
});
|
||||
|
||||
// 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
|
||||
const swiper = new Swiper(".mySwiper", {
|
||||
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: 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);
|
||||
});
|
||||
}
|
||||
|
||||
// ===============================
|
||||
// ✅ Generic Swiper Init (Other Pages)
|
||||
// ===============================
|
||||
function initSwiper() {
|
||||
if (document.querySelector(".mySwiper")) {
|
||||
new Swiper(".mySwiper", {
|
||||
if (document.querySelector(".mySwiper2")) {
|
||||
new Swiper(".mySwiper2", {
|
||||
slidesPerView: 1.2,
|
||||
spaceBetween: 20,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2500, // ⏱️ 2.5 seconds between slides
|
||||
disableOnInteraction: false, // keep auto even after manual swipe
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
|
||||
});
|
||||
console.log("✅ Swiper initialized with autoplay");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ===============================
|
||||
// ✅ Team Drawer
|
||||
// ===============================
|
||||
window.openDrawer = function (name, role, img, desc) {
|
||||
document.getElementById("drawerName").textContent = name;
|
||||
document.getElementById("drawerRole").textContent = role;
|
||||
document.getElementById("drawerImg").src = img;
|
||||
document.getElementById("drawerDesc").innerHTML = desc;
|
||||
|
||||
// Load page content
|
||||
// Load page content
|
||||
const drawer = bootstrap.Offcanvas.getOrCreateInstance(
|
||||
document.getElementById("teamDrawer")
|
||||
);
|
||||
drawer.show();
|
||||
};
|
||||
|
||||
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: "0px", 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 (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.fromTo(
|
||||
next,
|
||||
{ y: "100%", opacity: 0, scale: 1 },
|
||||
{
|
||||
y: "60px", // Active card position
|
||||
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 (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.to(prev, {
|
||||
y: "60px", // Active card position
|
||||
opacity: 1,
|
||||
scale: 1,
|
||||
duration: 0.8,
|
||||
ease: "power2.inOut",
|
||||
onComplete: () => {
|
||||
adjustPreviousCards();
|
||||
animating = false;
|
||||
},
|
||||
});
|
||||
|
||||
currentIndex--;
|
||||
}
|
||||
|
||||
// 🪄 Adjust visible cards (up to 4-layer stack including active card)
|
||||
function adjustPreviousCards() {
|
||||
// Reset all cards to default state
|
||||
gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
|
||||
|
||||
// Always show the current active card
|
||||
if (cards[currentIndex]) {
|
||||
gsap.set(cards[currentIndex], {
|
||||
y: "60px",
|
||||
scale: 1,
|
||||
opacity: 1,
|
||||
zIndex: 5,
|
||||
});
|
||||
}
|
||||
|
||||
// Show up to 3 previous cards in the stack
|
||||
for (let i = 1; i <= 3; i++) {
|
||||
const prevIndex = currentIndex - i;
|
||||
if (prevIndex >= 0) {
|
||||
const yOffset = 60 - i * 30; // 60px, 40px, 20px, 0px
|
||||
const scale = 1 - i * 0.05; // 1, 0.95, 0.9, 0.85
|
||||
const zIndex = 5 - i; // 5, 4, 3, 2
|
||||
|
||||
gsap.set(cards[prevIndex], {
|
||||
y: `${yOffset}px`,
|
||||
scale: scale,
|
||||
opacity: 1,
|
||||
zIndex: zIndex,
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", initGsapStackScroll);
|
||||
|
||||
// ===============================
|
||||
// ✅ Load Page Content Dynamically
|
||||
// ===============================
|
||||
function loadPage() {
|
||||
const hash = location.hash || "#/";
|
||||
const page = routes[hash] || routes["#/"];
|
||||
|
||||
fetch(page)
|
||||
.then(res => res.text())
|
||||
.then(html => {
|
||||
document.getElementById("page-content").innerHTML = html;
|
||||
|
||||
// ✅ Scroll to top of page after content is loaded
|
||||
fetch(page)
|
||||
.then((res) => res.text())
|
||||
.then((html) => {
|
||||
document.getElementById("page-content").innerHTML = html;
|
||||
window.scrollTo({ top: 0, behavior: "smooth" });
|
||||
|
||||
// ✅ Initialize Swiper after HTML is inserted
|
||||
// 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>";
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Load page on hash change
|
||||
// ===============================
|
||||
// ✅ Router Event Listener
|
||||
// ===============================
|
||||
window.addEventListener("hashchange", loadPage);
|
||||
|
||||
// Load default page
|
||||
loadPage();
|
||||
|
||||
// Define globally so inline onclick works
|
||||
window.openDrawer = function (name, role, img, desc) {
|
||||
document.getElementById("drawerName").textContent = name;
|
||||
document.getElementById("drawerRole").textContent = role;
|
||||
document.getElementById("drawerImg").src = img;
|
||||
|
||||
// Use innerHTML to preserve paragraph breaks
|
||||
document.getElementById("drawerDesc").innerHTML = desc;
|
||||
|
||||
const drawer = bootstrap.Offcanvas.getOrCreateInstance(document.getElementById('teamDrawer'));
|
||||
drawer.show();
|
||||
};
|
||||
|
||||
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
const slides = gsap.utils.toArray('.home_service_item');
|
||||
|
||||
gsap.to(slides, {
|
||||
yPercent: -100 * (slides.length - 1),
|
||||
ease: "none",
|
||||
scrollTrigger: {
|
||||
trigger: ".home_services_wrapper",
|
||||
pin: true,
|
||||
scrub: 1,
|
||||
snap: 1 / (slides.length - 1),
|
||||
end: () => "+=" + document.querySelector(".home_services_wrapper").offsetHeight,
|
||||
}
|
||||
});
|
||||
loadPage(); // Default load
|
||||
|
||||
132
js/script.js
@@ -0,0 +1,132 @@
|
||||
|
||||
// ===============================
|
||||
// Timeline Data
|
||||
// ===============================
|
||||
alert("Hello World")
|
||||
|
||||
const timelineData = {
|
||||
1983: {
|
||||
icon: "../assests/images/1983-Icon.png",
|
||||
heading: "The beginning",
|
||||
sub: "The beginning — Set up by Mr. Asit Koticha and Mr. Sameer Koticha, ASK Group offers research-based Investment advisory."
|
||||
},
|
||||
1991: {
|
||||
icon: "../assests/images/1991-Icon.png",
|
||||
heading: "ASK Raymond James",
|
||||
sub: "ASK Group and Raymond James Financial enter into a Partnership."
|
||||
},
|
||||
2007: {
|
||||
icon: "../assests/images/2007-Icon.png",
|
||||
heading: "Launch of ASK Wealth Advisors",
|
||||
sub: "Raymond James Financial partnership exits."
|
||||
},
|
||||
2008: {
|
||||
icon: "../assests/images/2008-Icon.png",
|
||||
heading: "Launch of ASK multi-family office",
|
||||
sub: ""
|
||||
},
|
||||
2013: {
|
||||
icon: "../assests/images/2013-Icon.png",
|
||||
heading: "License from SEBI",
|
||||
sub: "ASK Wealth Advisors receives an Investment Advisor License from SEBI."
|
||||
},
|
||||
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."
|
||||
},
|
||||
2016: {
|
||||
icon: "../assests/images/2016-Icon.png",
|
||||
heading: "",
|
||||
sub: "Advent International acquires minority stake in ASK Group."
|
||||
},
|
||||
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."
|
||||
},
|
||||
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."
|
||||
},
|
||||
2019: {
|
||||
icon: "../assests/images/1983-Icon.png",
|
||||
heading: "Hall of Fame",
|
||||
sub: "ASK Wealth Advisors inducted into the 'Hall of Fame' at the Financial Advisor Awards for the Years 2018-19 and 2019-20 by UTI MF & CNBC TV18."
|
||||
},
|
||||
2020: {
|
||||
icon: "../assests/images/2015-Icon.png",
|
||||
heading: "Outstanding Private Bank",
|
||||
sub: "Outstanding Private Bank for UNHW clients at the Private Banker International Global Wealth Summit & Awards 2020, Singapore."
|
||||
},
|
||||
2022: {
|
||||
icon: "../assests/images/2022-icon.png",
|
||||
heading: "Blackstone Acquisition",
|
||||
sub: "Blackstone acquires majority stake in ASK Group. Advent International exits."
|
||||
}
|
||||
};
|
||||
|
||||
// ===============================
|
||||
// Generate Swiper Slides
|
||||
// ===============================
|
||||
const swiperWrapper = document.querySelector(".swiper-wrapper");
|
||||
const timelineItems = document.querySelectorAll(".timeline-item");
|
||||
|
||||
timelineItems.forEach((item) => {
|
||||
const year = item.dataset.year;
|
||||
const content = timelineData[year] || { icon: "", heading: "", sub: "" };
|
||||
|
||||
const slide = document.createElement("div");
|
||||
slide.classList.add("swiper-slide");
|
||||
|
||||
slide.innerHTML = `
|
||||
${content.icon ? `<img src="${content.icon}" 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>` : ""}
|
||||
`;
|
||||
|
||||
swiperWrapper.appendChild(slide);
|
||||
});
|
||||
|
||||
// ===============================
|
||||
// Timeline Line Fill
|
||||
// ===============================
|
||||
const lineFill = document.querySelector(".line-fill");
|
||||
const totalKites = timelineItems.length;
|
||||
|
||||
function updateTimeline(index) {
|
||||
timelineItems.forEach((item, i) => {
|
||||
item.classList.toggle("active", i === index);
|
||||
});
|
||||
|
||||
const timelineWidth = document.querySelector(".timeline").offsetWidth - 40; // adjust for padding
|
||||
const newWidth = (timelineWidth / (totalKites - 1)) * index;
|
||||
lineFill.style.width = newWidth + "px";
|
||||
}
|
||||
|
||||
// ===============================
|
||||
// Initialize Swiper
|
||||
// ===============================
|
||||
const swiper = new Swiper(".mySwiper", {
|
||||
spaceBetween: 20,
|
||||
centeredSlides: true,
|
||||
effect: "fade",
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev"
|
||||
}
|
||||
});
|
||||
|
||||
// Update timeline on slide change
|
||||
swiper.on("slideChange", () => {
|
||||
updateTimeline(swiper.realIndex);
|
||||
});
|
||||
|
||||
// Initial timeline update
|
||||
updateTimeline(0);
|
||||
@@ -14,45 +14,52 @@
|
||||
|
||||
<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>
|
||||
@@ -60,15 +67,39 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="about-as-of-date ">As of July 2025</span>
|
||||
<span class="about-as-of-date">As of July 2025</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="history_animation">
|
||||
<div class="container">
|
||||
<h1 class="title">Our History</h1>
|
||||
|
||||
<!-- Timeline -->
|
||||
<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>
|
||||
<li class="timeline-item" data-year="2007"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="2008"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="2013"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="2015"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="2016"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="2017"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="2018"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="2019"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="2020"><span class="kite"></span></li>
|
||||
<li class="timeline-item" data-year="2022"><span class="kite"></span></li>
|
||||
<div class="line-fill"></div>
|
||||
</ul>
|
||||
|
||||
<!-- Swiper -->
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper" id="swiper-content">
|
||||
<!-- Slides will be generated dynamically -->
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -1,22 +1,26 @@
|
||||
<section class="blog-banner">
|
||||
<div class="container blog-aling" >
|
||||
<div class="row">
|
||||
<div class="col-md-12 ">
|
||||
<h1 class="blog-tittle-banner">Insights to Grow Your </h1>
|
||||
<p class="blog-text-banner">Wealth Smarter</p>
|
||||
</div>
|
||||
</div>
|
||||
<video autoplay muted loop playsinline>
|
||||
<source src="./assests/video/vecteezy_a-woman-in-a-business-suit-is-working-on-her-laptop_57327662.mp4" type="video/mp4">
|
||||
</video>
|
||||
|
||||
<div class="container blog-aling">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="blog-tittle-banner">Insights to Grow Your</h1>
|
||||
<p class="blog-text-banner">Wealth Smarter</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
<!-- Left Image -->
|
||||
<div class="blog-image">
|
||||
<img src="../assests/images/row-blog.svg" alt="Understanding SIPs" class="img-fluid rounded-3">
|
||||
<img src="./assests/images/row-blog.svg" alt="Understanding SIPs" class="img-fluid rounded-3">
|
||||
</div>
|
||||
|
||||
<!-- Right Text Content -->
|
||||
@@ -27,7 +31,7 @@
|
||||
Markets rise and fall — but how does that impact your mutual fund investments? Get to know how long-term compounding can smooth out
|
||||
</p>
|
||||
<a href="#" class="read-more">
|
||||
Read More <img src="../assests/images/blog-arrow.svg" alt="" class="blogarrow ms-1">
|
||||
Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow ms-1">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -37,44 +41,44 @@
|
||||
|
||||
|
||||
</section>
|
||||
<section class="ask-advantage2 container">
|
||||
<section class="ask-advantage-blog2 container">
|
||||
<h2>Top Picks</h2>
|
||||
|
||||
<div class="row g-4 mt-3">
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="blog-card">
|
||||
<img src="../assests/images/blog1.svg" alt="Understanding SIPs" class="img-fluid rounded-3 mb-3">
|
||||
<img src="./assests/images/blog1.svg" alt="Understanding SIPs" class="img-fluid rounded-3 mb-3">
|
||||
<h5 class="tittle-blog">Understanding SIPs: Building Wealth One Step at a Time</h5>
|
||||
<p class="time">7 min read</p>
|
||||
<p class="desc-blog">
|
||||
Small monthly investments can lead to big financial milestones. Explore how SIPs work, why they matter, and how you can get started today.
|
||||
</p>
|
||||
<a href="#" class="read-more">Read More <img src="../assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
|
||||
<a href="#" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="blog-card">
|
||||
<img src="../assests/images/blog2.svg" alt="Goals First" class="img-fluid rounded-3 mb-3">
|
||||
<img src="./assests/images/blog2.svg" alt="Goals First" class="img-fluid rounded-3 mb-3">
|
||||
<h5 class="tittle-blog">Goals First: Planning for Retirement, Children & More</h5>
|
||||
<p class="time">7 min read</p>
|
||||
<p class="desc-blog">
|
||||
Whether it’s your dream home or your child’s future, financial goals need clarity and discipline. Learn how goal-based investing can help.
|
||||
</p>
|
||||
<a href="#" class="read-more">Read More <img src="../assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
|
||||
<a href="#" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="blog-card">
|
||||
<img src="../assests/images/blog3.svg" alt="Market Cycles" class="img-fluid rounded-3 mb-3">
|
||||
<img src="./assests/images/blog3.svg" alt="Market Cycles" class="img-fluid rounded-3 mb-3">
|
||||
<h5 class="tittle-blog">How Market Cycles Affect Mutual Fund Returns</h5>
|
||||
<p class="time">7 min read</p>
|
||||
<p class="desc-blog">
|
||||
Markets rise and fall — but how does that impact your mutual fund investments? Learn how long-term compounding can smooth out volatility.
|
||||
</p>
|
||||
<a href="#" class="read-more">Read More <img src="../assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
|
||||
<a href="#" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,6 +1,237 @@
|
||||
<section class="py-5 text-center">
|
||||
<div class="container">
|
||||
<h1>Contact Us</h1>
|
||||
<p>Get in touch via email or phone.</p>
|
||||
<section class="contact-banner">
|
||||
<div class="container contact-aling">
|
||||
<div class="row">
|
||||
<div class="col-md-12 ">
|
||||
<h1 class="contact-tittle-banner">Contact Us</h1>
|
||||
<p class="contact-text-banner">We're here to guide you on your wealth-building journey.</p>
|
||||
<div class="button-to">
|
||||
<span class="invest-contact">
|
||||
<a href="#" class="">write to us</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="ask-advantage contac-back-color">
|
||||
<div class="contact-cards container">
|
||||
<div class="contact-card">
|
||||
<div class="hide-details-conne-dest">
|
||||
<img src="./assests/images/contact-call.svg" alt="" style="margin-bottom: 15px;">
|
||||
<h4>Call us on</h4>
|
||||
<a href="tel:+91 98765 43210">
|
||||
<p>+91 98765 43210</p>
|
||||
</a>
|
||||
<p class="size-mobile">Mon–Fri, 10 AM – 6 PM</p>
|
||||
</div>
|
||||
<div class="hide-details-conne-mobile">
|
||||
<div class="hide-details-conne-img">
|
||||
<img src="./assests/images/contact-call.svg" alt="" style="margin-bottom: 15px;">
|
||||
</div>
|
||||
<div class="hide-details-conne-text">
|
||||
<h4>Call us on</h4>
|
||||
<a href="tel:+91 98765 43210">
|
||||
<p>+91 98765 43210</p>
|
||||
</a>
|
||||
<p class="size-mobile">Mon–Fri, 10 AM – 6 PM</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contact-card">
|
||||
<div class="hide-details-conne-dest">
|
||||
<img src="./assests/images/contact-mail.svg" alt="" style="margin-bottom: 15px;">
|
||||
<h4>Mail us at</h4>
|
||||
<a href="mailto:ask@gmail.com">
|
||||
<p>ask@gmail.com</p>
|
||||
<p class="size-mobile">We'll respond within 24 hours</p>
|
||||
</div>
|
||||
<div class="hide-details-conne-mobile">
|
||||
<div class="hide-details-conne-img">
|
||||
<img src="./assests/images/contact-mail.svg" alt="" style="margin-bottom: 15px;">
|
||||
</div>
|
||||
<div class="hide-details-conne-text">
|
||||
<h4>Mail us at</h4>
|
||||
<a href="mailto:ask@gmail.com">
|
||||
<p>ask@gmail.com</p>
|
||||
<p class="size-mobile">We'll respond within 24 hours</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contact-card">
|
||||
<div class="hide-details-conne-dest">
|
||||
<img src="./assests/images/contact-whatsapp.svg" alt="" style="margin-bottom: 15px;">
|
||||
<h4>WhatsApp service</h4>
|
||||
<a href="tel:+91 98765 43210">
|
||||
<p>+91 98765 43210</p>
|
||||
</a>
|
||||
<p class="size-mobile">Available 24/7</p>
|
||||
</div>
|
||||
<div class="hide-details-conne-mobile">
|
||||
<div class="hide-details-conne-img">
|
||||
<img src="./assests/images/contact-whatsapp.svg" alt="" style="margin-bottom: 15px;">
|
||||
</div>
|
||||
<div class="hide-details-conne-text">
|
||||
<h4>WhatsApp service</h4>
|
||||
<a href="tel:+91 98765 43210">
|
||||
<p>+91 98765 43210</p>
|
||||
</a>
|
||||
<p class="size-mobile">Available 24/7</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="map-section container">
|
||||
<div class="map-container">
|
||||
<div class="location-info none-desktop">
|
||||
<h3>Our locations</h3>
|
||||
</div>
|
||||
|
||||
<img src="./assests/images/contact-map.svg" alt="">
|
||||
</div>
|
||||
|
||||
<div class="location-info">
|
||||
<h3 class="none-mobile">Our locations</h3>
|
||||
<p><strong>Registered Office | Mumbai</strong></p>
|
||||
<p>
|
||||
ASK Investment Managers Ltd.<br>
|
||||
Birla Aurora, 16 Level, Office Floor 9,<br>
|
||||
Dr. Annie Besant Road, Worli, Mumbai - 400 030, India
|
||||
</p>
|
||||
|
||||
<div class="button-to">
|
||||
<span class="invest-contact2">
|
||||
<a href="#" class="">Get Directions</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="view-top"><a href="#" class="read-more View">View all locations <img
|
||||
src="./assests/images/blog-arrow.svg" alt="" class="blogarrow view-arrow"></a></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<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>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
Mutual funds are regulated by SEBI and offer risk diversification, but returns are not guaranteed and
|
||||
depend on market performance.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
How much money do I need to start?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
You can begin investing in most mutual funds with as little as ₹500 via SIP or lump sum.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
Can I withdraw my money anytime?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
Yes, most open-ended mutual funds allow withdrawals anytime, though some may have exit loads or specific
|
||||
lock-in periods.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFour">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
How are mutual funds taxed?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
Tax is based on the type of fund and holding period, with separate rules for equity and debt funds as per
|
||||
prevailing tax laws.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFive">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
||||
Do mutual funds guarantee returns?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
No, mutual funds do not guarantee returns; their value fluctuates according to market movements.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingSix">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
|
||||
What is NAV in mutual funds?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<span class="textaccor">
|
||||
NAV (Net Asset Value) is the per-unit price of a mutual fund, calculated daily after accounting for fund
|
||||
assets and liabilities.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
790
pages/home.html
@@ -1,7 +1,7 @@
|
||||
<section class="ask-advantage3 container">
|
||||
<section class="ask-advantage3">
|
||||
<div class="coming-soon-container">
|
||||
<div class="content">
|
||||
<img src="../assests/images/Coming-Soon.svg" alt="Growth Icon" class="icon" />
|
||||
<img src="./assests/images/Coming-Soon.svg" alt="Growth Icon" class="icon" />
|
||||
<h1>Coming Soon</h1>
|
||||
<p>Grow your wealth with confidence, our mutual funds platform is on the way!</p>
|
||||
<div class="links">
|
||||
|
||||
@@ -26,154 +26,113 @@
|
||||
<div class="tab-content" id="teamTabsContent">
|
||||
<!-- Leadership Tab -->
|
||||
<div class="tab-pane fade show active" id="leadership" role="tabpanel">
|
||||
|
||||
<div class="row g-4 mt-2">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', '../assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="../assests/images/team1.svg" alt="Bharat Shah">
|
||||
|
||||
<div class="row g-4 ">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bharat Shah <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Investment Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
|
||||
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', '../assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="../assests/images/team2.svg" alt="Sunil Rohokale">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Sunil Rohokale <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Business Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
|
||||
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', '../assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="../assests/images/team3.svg" alt="Bhavana Shah">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bhavana Shah <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Business Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
|
||||
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4 mt-2">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', '../assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="../assests/images/team1.svg" alt="Bharat Shah">
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bharat Shah <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Investment Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
|
||||
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', '../assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="../assests/images/team2.svg" alt="Sunil Rohokale">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Sunil Rohokale <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Business Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
|
||||
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', '../assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="../assests/images/team3.svg" alt="Bhavana Shah">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
|
||||
<img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bhavana Shah <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Business Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4 mt-2">
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', '../assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="../assests/images/team1.svg" alt="Bharat Shah">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bharat Shah <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Investment Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', '../assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="../assests/images/team2.svg" alt="Sunil Rohokale">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Sunil Rohokale <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Business Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
|
||||
<div class="card team-card"
|
||||
onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', '../assests/images/team1-d.svg',
|
||||
'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')"> <img src="../assests/images/team3.svg" alt="Bhavana Shah">
|
||||
<div class="team-info">
|
||||
<div class="text-height">
|
||||
<h5>Bhavana Shah <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
|
||||
<p>Chief Business Officer</p>
|
||||
</div>
|
||||
<div class="arrow-m-right">
|
||||
<img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
|
||||
<img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||