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

create home page

Browse Source
This commit is contained in:
AnsariTufail
2025-10-10 10:56:51 +05:30
parent b4c3ff8c26
commit 79f99810d7
14 changed files with 800 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
assests/images/Mobile-Footer.svg Normal file
View File

@@ -0,0 +1,32 @@
<svg width="360" height="1062" viewBox="0 0 360 1062" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2157_1377)">
<rect width="360" height="1062" fill="#033A49"/>
<g clip-path="url(#clip1_2157_1377)">
<path d="M131.27 429.439L-294 7.56738H592.308L591.589 331.554L130.551 896.132L131.27 429.439Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M567.188 322.442L149.268 833.956L149.889 411.78L-234.222 30.7373H567.841L567.188 322.442Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M542.789 313.289L167.955 771.781L168.543 394.122L-174.476 53.8652H543.377L542.789 313.289Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M518.388 304.173L186.672 709.601L187.162 376.459L-114.698 77.0312H518.878L518.388 304.173Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M493.987 295.021L205.357 647.427L205.781 358.803L-54.9204 100.204H494.412L493.987 295.021Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M469.586 285.866L224.074 585.294L224.433 341.143L4.85693 123.33H469.945L469.586 285.866Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M445.151 276.753L242.757 523.117L243.051 323.483L64.6006 146.499H445.445L445.151 276.753Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M420.75 267.598L261.474 460.94L261.67 305.824L124.378 169.669H420.979L420.75 267.598Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M396.349 258.485L280.159 398.762L280.29 288.207L184.156 192.794H396.513L396.349 258.485Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M371.949 249.333L298.844 336.588L298.942 270.55L243.933 215.967H372.014L371.949 249.333Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M317.56 274.452V252.887L303.677 239.133H347.546V240.174L317.56 274.452Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<rect x="-176" y="-32" width="633" height="946" fill="url(#paint0_linear_2157_1377)"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_2157_1377" x1="63" y1="844.5" x2="717.508" y2="565.138" gradientUnits="userSpaceOnUse">
<stop stop-color="#033A49"/>
<stop offset="0.441851" stop-color="#033A49" stop-opacity="0.9"/>
<stop offset="1" stop-color="#033A49" stop-opacity="0.6"/>
</linearGradient>
<clipPath id="clip0_2157_1377">
<rect width="360" height="1062" fill="white"/>
</clipPath>
<clipPath id="clip1_2157_1377">
<rect width="633" height="819" fill="white" transform="translate(-176 77)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

27
assests/images/footer-back.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg width="1440" height="479" viewBox="0 0 1440 479" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1440" height="479" fill="#033A49"/>
<g clip-path="url(#clip0_2157_1259)">
<path d="M1029.36 445.057L493.242 -74.5117H1610.58L1609.67 324.503L1028.46 1019.83L1029.36 445.057Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1578.91 313.281L1052.05 943.251L1052.84 423.308L568.602 -45.9766H1579.73L1578.91 313.281Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1548.15 302.008L1075.61 866.678L1076.35 401.561L643.922 -17.4922H1548.89L1548.15 302.008Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1517.39 290.782L1099.21 790.099L1099.83 379.808L719.281 11.0391H1518.01L1517.39 290.782Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1486.63 279.511L1122.76 713.527L1123.3 358.063L794.641 39.5781H1487.16L1486.63 279.511Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1455.87 268.234L1146.36 637.003L1146.81 336.313L870 68.0586H1456.32L1455.87 268.234Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1425.06 257.012L1169.91 560.428L1170.28 314.564L945.316 96.5938H1425.43L1425.06 257.012Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1394.3 245.736L1193.51 483.852L1193.76 292.815L1020.68 125.129H1394.59L1394.3 245.736Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1363.54 234.513L1217.06 407.275L1217.23 271.118L1096.04 153.609H1363.75L1363.54 234.513Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1332.78 223.242L1240.62 330.704L1240.74 249.372L1171.39 182.148H1332.86L1332.78 223.242Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<path d="M1264.21 254.177V227.619L1246.71 210.68H1302.02V211.962L1264.21 254.177Z" stroke="#B18C4A" stroke-miterlimit="10"/>
<rect x="642" y="-123" width="798" height="963" fill="url(#paint0_linear_2157_1259)"/>
</g>
<defs>
<linearGradient id="paint0_linear_2157_1259" x1="1224" y1="659.078" x2="1722.27" y2="233.124" gradientUnits="userSpaceOnUse">
<stop stop-color="#033A49"/>
<stop offset="0.441851" stop-color="#033A49" stop-opacity="0.81"/>
<stop offset="1" stop-color="#033A49" stop-opacity="0.58"/>
</linearGradient>
<clipPath id="clip0_2157_1259">
<rect width="798" height="468" fill="white" transform="translate(642 11)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

11
assests/images/icon1.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M54.5 37.5H29.5V55.5H54.5V37.5Z" stroke="#B18C4A" stroke-width="2.2"/>
<path d="M30 44.5H54.5" stroke="#B18C4A" stroke-width="2.2"/>
<path d="M35.5 44V49H38V44" stroke="#B18C4A" stroke-width="2.2"/>
<path d="M46 44V49H48.5V44" stroke="#B18C4A" stroke-width="2.2"/>
<path d="M36.5 37V30.5H47.5V37" stroke="#B18C4A" stroke-width="2.2"/>
<circle cx="14.5" cy="32.5" r="9.5" stroke="#B18C4A" stroke-width="2.2"/>
<circle cx="35.5" cy="11.5" r="9.5" stroke="#B18C4A" stroke-width="2.2"/>
<path d="M1.5 53C2 49 5.2 41.1 14 41.5C16.3333 41.6667 21.6 43 24 47" stroke="#B18C4A" stroke-width="2.2"/>
<path d="M23 29.4995C24.1667 26.1662 28.3 19.6995 35.5 20.4995C37.3333 20.4998 41.7 21.4004 44.5 25" stroke="#B18C4A" stroke-width="2.2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 842 B

3
assests/images/icon2.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="63" height="46" viewBox="0 0 63 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M34.6666 4.99202L1.33325 24.3334M34.6666 4.99202C33.3386 5.76535 32.1493 7.52269 31.2693 9.14669C30.1093 11.3276 29.3369 13.6934 28.9866 16.1387C28.7039 18.0374 28.5733 20.176 29.1679 21.2107M34.6666 4.99202C33.3386 5.76535 31.2266 5.91735 29.3866 5.86935C26.9283 5.78838 24.5033 5.27756 22.2213 4.36002C20.4426 3.65869 18.5333 2.70135 17.9413 1.66669M61.3333 44.3334H2.66659V41.6667C39.9999 33.0587 59.9999 17.6667 59.9999 17.6667H61.3333V44.3334Z" stroke="#B18C4A" stroke-width="3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 598 B

6
assests/images/icon3.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg width="60" height="50" viewBox="0 0 60 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M58.5 8H2V23C26.4 39 49.8333 29.6667 58.5 23V8Z" stroke="#B18C4A" stroke-width="3"/>
<path d="M56 48H4V24C25.6 37.6 47.6667 30.3333 56 25V48Z" stroke="#B18C4A" stroke-width="3"/>
<path d="M22 7.99969C24.5 3.16635 31.3 -3.60031 38.5 7.99969" stroke="#B18C4A" stroke-width="3"/>
<path d="M30.5 28H29.5V36.5H30.5V28Z" stroke="#B18C4A" stroke-width="3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 463 B

4
assests/images/icon4.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="55" height="55" viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 25.9996C49.9999 21.363 48.6567 16.8256 46.1328 12.9361C43.6089 9.04658 40.0124 5.97142 35.778 4.08237C31.5436 2.19333 26.8527 1.57129 22.2723 2.29146C17.6919 3.01163 13.4182 5.04317 9.96783 8.14048C6.51744 11.2378 4.03812 15.2683 2.82959 19.7446C1.62105 24.221 1.73506 28.9516 3.15781 33.3646C4.58057 37.7776 7.25116 41.6839 10.8467 44.6114C14.4423 47.539 18.8089 49.3623 23.4187 49.861M3.6 17.9996H48.4M3.6 33.9996H20.6667" stroke="#B18C4A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.6667 2C21.2768 7.43177 19.0759 13.52 18.2091 19.8639C17.3422 26.2077 18.2092 36 21.4999 42M27.3334 2C31.3515 8.43875 33.6887 15.7833 34.1307 23.36M41.4667 49.512L35.6747 52.5467C35.5028 52.6361 35.3095 52.676 35.1162 52.662C34.9229 52.6479 34.7374 52.5804 34.5803 52.467C34.4232 52.3536 34.3007 52.1987 34.2265 52.0197C34.1523 51.8407 34.1293 51.6446 34.16 51.4533L35.2667 45.024L30.5814 40.472C30.4415 40.3368 30.3425 40.165 30.2956 39.9762C30.2487 39.7875 30.2559 39.5893 30.3162 39.4044C30.3766 39.2195 30.4877 39.0552 30.6369 38.9305C30.7861 38.8057 30.9674 38.7253 31.16 38.6987L37.6347 37.76L40.5307 31.912C40.6173 31.7378 40.7508 31.5913 40.9162 31.4888C41.0815 31.3864 41.2722 31.3321 41.4667 31.3321C41.6612 31.3321 41.8519 31.3864 42.0173 31.4888C42.1826 31.5913 42.3161 31.7378 42.4027 31.912L45.2987 37.76L51.7734 38.6987C51.9655 38.7263 52.146 38.8071 52.2946 38.932C52.4431 39.0569 52.5538 39.2209 52.614 39.4054C52.6742 39.59 52.6816 39.7876 52.6353 39.9761C52.589 40.1646 52.4909 40.3364 52.352 40.472L47.6667 45.024L48.7707 51.4507C48.8038 51.6423 48.7826 51.8394 48.7093 52.0196C48.6361 52.1997 48.5138 52.3557 48.3563 52.4699C48.1988 52.584 48.0125 52.6517 47.8185 52.6653C47.6245 52.6789 47.4305 52.6378 47.2587 52.5467L41.4667 49.512Z" stroke="#B18C4A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

14
assests/images/mobile-banner.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 412 KiB

14
assests/images/slider-back.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 412 KiB

2
components/footer.html
View File

@@ -29,7 +29,7 @@
<ul class="list-unstyled footer-links">
<li><a href="#">Mutual Fund Categories</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#/about">About Us</a></li>
<li><a href="#">Compare Funds</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">News and Insights</a></li>

2
components/header.html
View File

@@ -20,7 +20,7 @@
<li class="nav-item"><a class="nav-link" href="#/our-fund">Our Fund</a></li>
<li class="nav-item"><a class="nav-link" href="#/our-team">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="#/about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#/contact.html">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="#/contact">Contact</a></li>
</ul>
<!-- Right Buttons -->

685
css/style.css
View File

@@ -39,8 +39,9 @@
}
.nav-link:focus,
.nav-link:hover {
color: #ffffff;
color: #fff;
}
.text-white {
@@ -71,6 +72,66 @@
}
.invest-btn2 {
background-color: #b58b4b;
clip-path: polygon(0 0, 100% 0, 100% 70%, 90% 100%, 0 100%);
transition: all 0.3s ease;
padding: 15px 20px;
height: 100%;
display: flex;
width: 150px;
}
.invest-btn2 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;
}
.button-to {
margin-top: 25px;
}
span.banner-tittle {
font-family: var(--font-secondary);
font-weight: 400;
font-style: Regular;
font-size: 40px;
line-height: 100%;
vertical-align: middle;
text-transform: capitalize;
color: #fff;
}
.desc-top {
margin-top: 17px;
}
span.banner-desc {
font-family: Open Sans;
font-weight: 600;
font-size: 14px;
line-height: 100%;
text-transform: capitalize;
color: #fff;
}
.carousel-item {
border-left: 2px solid #B18C4A;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 20px;
}
.invest-btn:hover {
background-color: #b58b4b;
color: #fff;
@@ -88,7 +149,9 @@ a.color-a {
text-align: center;
}.topbar-mobile{
}
.topbar-mobile {
display: none;
}
@@ -99,66 +162,75 @@ a.color-a {
/* Remove default border and shadow */
.navbar-toggler {
border: none;
background: transparent;
padding: 0;
border: none;
background: transparent;
padding: 0;
}
.navbar-toggler:focus {
outline: none;
box-shadow: none;
outline: none;
box-shadow: none;
}
.navbar-collapse {
display: none;
transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
overflow: hidden;
max-height: 0;
opacity: 0;
display: none;
transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
overflow: hidden;
max-height: 0;
opacity: 0;
}
.navbar-collapse.show {
display: block;
max-height: 500px; /* enough for your menu */
opacity: 1;
display: block;
max-height: 500px;
/* enough for your menu */
opacity: 1;
}
/* White close icon */
.open-icon, .close-icon {
font-size: 22px;
color: #fff; /* or your preferred color */
.open-icon,
.close-icon {
font-size: 22px;
color: #fff;
/* or your preferred color */
}
/* Footer */
.footer-section {
background-color: #022b36;
position: relative;
overflow: hidden;
background-image: url("/assests/images/footer-back.svg");
/* your image path */
background-repeat: no-repeat;
background-size: cover;
/* or "contain" based on your design */
background-position: center;
position: relative;
overflow: hidden;
}
/* Subtle pattern lines (optional like your image) */
.footer-section::after {
content: "";
position: absolute;
right: -100px;
top: 0;
width: 600px;
height: 100%;
background: url('pattern-lines.png') no-repeat right center;
background-size: contain;
opacity: 0.1;
content: "";
position: absolute;
right: -100px;
top: 0;
width: 600px;
height: 100%;
background: url('pattern-lines.png') no-repeat right center;
background-size: contain;
opacity: 0.1;
}
.footer-desc {
color: #C4C4C4;
font-family: var(--font-primary);
font-family: var(--font-primary);
font-weight: 400;
font-size: 12px;
line-height: 140%;
text-align: left;
}
.social-links{
.social-links {
text-align: left;
}
@@ -192,22 +264,24 @@ a.color-a {
}
.footer-links a:hover {
color: #ffffff;
color: #ffffff;
}
.social-links a {
font-size: 1.3rem;
color: #b7c4c7;
transition: color 0.3s;
font-size: 1.3rem;
color: #b7c4c7;
transition: color 0.3s;
}
.social-links a:hover {
color: #ffffff;
color: #ffffff;
}
.footer-line {
border-color: #fff;
border-color: #fff;
opacity: 1;
}
.text-adjust {
font-family: var(--font-primary);
font-weight: 400;
@@ -218,7 +292,7 @@ a.color-a {
}
.footer-bottom-links a {
color: #fff;
color: #fff;
text-decoration: none;
font-family: var(--font-primary);
font-weight: 600;
@@ -229,121 +303,468 @@ a.color-a {
}
.footer-bottom-links a:hover {
color: #ffffff;
color: #ffffff;
}
/* home */
.Slider-back {
background-image: url("/assests/images/slider-back.svg");
/* your image path */
background-repeat: no-repeat;
background-size: cover;
/* or "contain" based on your design */
background-position: center;
height: 80vh;
}
.height-banner {
height: 100%;
align-items: center;
justify-content: center;
display: flex;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 8px;
height: 8px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 0px solid transparent;
border-bottom: 0px solid transparent;
transition: opacity .6s ease;
border-radius: 50px;
}
.ask-advantage {
padding: 60px 0;
}
.ask-advantage 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 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;
}
.advantage-box {
border-top: 2.4px solid #B18C4A;
padding-top: 45px;
transition: all 0.5s ease;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.advantage-box:hover {
background-color: #004A5D;
color: #fff;
border-top: 0px solid #B18C4A;
transform: translateY(2px);
}
.advantage-box:hover .advantage-title,
.advantage-box:hover .advantage-text {
color: #fff !important;
}
.advantage-icon {
color: #b18b4b;
font-size: 32px;
margin-bottom: 15px;
}
.icone1{
width: 53px;
height: 53.5px;
}
.icone2{
width: 60px;
height: 42.66666793823242px;
}
.icone3{
width: 56.5px;
height: 46.4052734375px;
}
.icone4{
width: 50.6652946472168px;
height: 50.667842864990234px;
}
.advantage-title {
margin-bottom: 8px;
font-family: var(--font-primary);
font-weight: 600;
font-size: 21px;
line-height: 30px;
vertical-align: middle;
color: #3E3F3F;
}
.advantage-text {
font-family: var(--font-primary);
font-weight: 400;
font-size: 14px;
line-height: 25px;
letter-spacing: 0%;
vertical-align: middle;
color: #3E3F3F;
margin-top: 15px;
}
.stats-section {
background-color: rgba(241, 223, 184, 0.25); /* soft cream */
padding: 60px 0px;
}
.stat-box h3 {
color: #B18C4A;
margin-bottom: 0.3rem;
font-family: var(--font-secondary);
font-weight: 400;
font-size: 40px;
line-height: 60px;
}
.width-count {
width: 23%;
text-align: left;
}
.width-count2 {
width: 29%;
padding-left: 58px;
}
.width-count3 {
width: 23%;
padding-left: 60px;
}
.width-count4 {
width: 23%;
padding-left: 55px;
}
.stat-box p {
letter-spacing: 0.8px;
color: #3E3F3F;
margin: 0;
font-family: var(--font-primary);
font-weight: 600;
font-size: 14px;
line-height: 28px;
text-transform: uppercase;
}
.stat-box {
text-align: left;
}
.stat-border {
position: relative;
}
.stat-border::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 80px;
background-color: #B18C4A; /* gold tone line */
}
/* ✅ Remove divider for first item */
.row .col-md-3:first-child::before {
display: none;
}
.as-of-date {
text-align: center;
font-family: var(--font-primary);
font-weight: 400;
font-style: Italic;
font-size: 16px;
line-height: 28px;
color: #929197;
}
@media (max-width: 768px) {
/* Logo styling */
.navbar-brand img {
width: 120px;
height: 24px;
.navbar-brand img {
width: 120px;
height: 24px;
}
.container {
padding: 0 25px 0 25px;
}
.footer-line {
border-color: #fff;
margin-top: 15px !important;
}
.footer-bottom-links {
flex-direction: column;
gap: 15px;
}
.footer-section {
background-image: url("/assests/images/Mobile-Footer.svg");
/* your image path */
}
.Slider-back {
background-image: url(/assests/images/mobile-banner.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 90vh;
}
span.banner-tittle {
font-family: var(--font-secondary);
font-weight: 400;
vertical-align: middle;
color: #fff;
font-size: 36px;
line-height: 44px;
text-transform: capitalize;
}
.mobile-resp-count {
flex-direction: column;
}
.stat-border::before
{
content: "";
position: absolute;
left: 50%;
top: -115%;
width: 1px;
height: 130px;
background-color: #B18C4A;
transform: rotate(90deg);
}
.width-count {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.width-count2 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.width-count3 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.width-count4 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.stat-box {
text-align: center;
}
.stat-box h3
{
font-size: 24px;
line-height: 42px;
}
.stat-box p {
line-height: 16px;
}
.container{
padding: 0 25px 0 25px;
}
}
@media (max-width: 991px) {
.topbar {
.topbar {
display: none;
}
.navbar {
background-color: #033a4900;
padding: 0 0;
border-bottom: 1px solid #033A49;
}
.container, .container-md, .container-sm {
.navbar {
background-color: #033a4900;
padding: 0 0;
border-bottom: 1px solid #033A49;
}
.container,
.container-md,
.container-sm {
max-width: 100%;
padding: 0;
}
.navbar-brand{
padding: 0;
}
.mobile-adj {
width: 100%;
display: flex;
align-items: center;
background: #033A49;
justify-content: space-between;
padding: 20px 25px;
}
.d-flex
{
display: block !important;
}
.nav-link {
font-family: var(--font-primary);
font-weight: 600;
font-size: 18px;
line-height: 120%;
text-align: left;
color: #033A49;
border-bottom: 1px solid #E6E7E8;
padding-bottom: 15px;
}
.navbar-expand-lg .gap-menu
{
flex-direction: column;
gap: 12px;
padding: 25px 25px 12px 25px;
}
.nav-link:hover
.navbar-brand {
padding: 0;
}
{
color: #033A49 !important;
}
.ms-auto
.mobile-adj {
width: 100%;
display: flex;
align-items: center;
background: #033A49;
justify-content: space-between;
padding: 20px 25px;
}
{
margin-left: auto !important;
padding: 0 25px 20px 25px;
}
.text-white{
.d-flex {
display: block !important;
}
font-family: var(--font-primary);
font-weight: 600;
font-size: 18px;
line-height: 120%;
text-align: left;
color: #033A49 !important;
border-bottom: 1px solid #E6E7E8;
padding-bottom: 15px;
width: 100%;
display: block;
}
.invest-btn{
display: none;
}
i.bi.bi-chevron-down {
display: none;
}
.mobile-call {
display: flex;
flex-direction: column;
gap: 12px;
padding: 0 25px 25px 25px;
}
a.color-b {
gap: 10px;
text-decoration: none;
display: flex;
color: #3E3F3F;
font-family: var(--font-primary);
font-weight: 600;
font-size: 18px;
.nav-link {
font-family: var(--font-primary);
font-weight: 600;
font-size: 18px;
line-height: 120%;
text-align: left;
color: #033A49;
border-bottom: 1px solid #E6E7E8;
padding-bottom: 15px;
}
}
.topbar-mobile{
display: block;
}
}
.navbar-expand-lg .gap-menu {
flex-direction: column;
gap: 12px;
padding: 25px 25px 12px 25px;
}
.nav-link:hover {
color: #033A49 !important;
}
.ms-auto {
margin-left: auto !important;
padding: 0 25px 20px 25px;
}
.text-white {
font-family: var(--font-primary);
font-weight: 600;
font-size: 18px;
line-height: 120%;
text-align: left;
color: #033A49 !important;
border-bottom: 1px solid #E6E7E8;
padding-bottom: 15px;
width: 100%;
display: block;
}
.invest-btn {
display: none;
}
i.bi.bi-chevron-down {
display: none;
}
.mobile-call {
display: flex;
flex-direction: column;
gap: 12px;
padding: 0 25px 25px 25px;
}
a.color-b {
gap: 10px;
text-decoration: none;
display: flex;
color: #3E3F3F;
font-family: var(--font-primary);
font-weight: 600;
font-size: 18px;
}
.topbar-mobile {
display: block;
}
.footer-section {
padding: 0 25px;
}
.text-adjust {
text-align: left;
}
.footer-bottom-links {
margin-bottom: 30px;
}
.Slider-back {
padding-left: 25px;
padding-right: 25px;
}
.ask-advantage {
padding: 60px 25px !important;
}
.stats-section {
padding: 40px 25px !important;
}
}

3
index.html
View File

@@ -10,7 +10,7 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
@@ -26,6 +26,7 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/main.js"></script>
</body>

1
js/main.js
View File

@@ -20,6 +20,7 @@
const routes = {
"#/": "pages/home.html",
"#/our-fund": "pages/our-fund.html",
"#/our-team": "pages/our-team.html",
"#/about": "pages/about.html",
"#/contact": "pages/contact.html",
};

134
pages/home.html
View File

@@ -1,6 +1,134 @@
<section class="py-5 text-center">
<section class="Slider-back">
<div id="carouselExampleIndicators" class="carousel slide container height-banner" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="tittle-top">
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
</div>
<div class="desc-top">
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
</div>
<div class="button-to">
<span class="invest-btn2">
<a href="#" class="">Invest Now</a>
</span>
</div>
</div>
<div class="carousel-item">
<div class="tittle-top">
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
</div>
<div class="desc-top">
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
</div>
<div class="button-to">
<span class="invest-btn2">
<a href="#" class="">Invest Now</a>
</span>
</div>
</div>
<div class="carousel-item">
<div class="tittle-top">
<span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
</div>
<div class="desc-top">
<span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
</div>
<div class="button-to">
<span class="invest-btn2">
<a href="#" class="">Invest Now</a>
</span>
</div>
</div>
</div>
</div>
</section>
<section class="ask-advantage container">
<h2>The ASK Advantage</h2>
<p class="lead">We blend expert management and a personalized approach to help you grow wealth with confidence.</p>
<div class="row justify-content-center align-items-stretch">
<div class="col-md-3 col-sm-6 mb-4 d-flex">
<div class="advantage-box flex-fill">
<div class="advantage-icon"><img src="../assests/images/icon1.svg" alt="" class="icone1"></div>
<h5 class="advantage-title">Expert Portfolio Management</h5>
<p class="advantage-text">Benefit from our seasoned fund managers’ decades of market expertise.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4 d-flex">
<div class="advantage-box flex-fill">
<div class="advantage-icon"><img src="../assests/images/icon2.svg" alt="" class="icone2"></div>
<h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
<p class="advantage-text">Combine the power of disciplined investing with expert-designed portfolios for consistent growth.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4 d-flex">
<div class="advantage-box flex-fill">
<div class="advantage-icon"><img src="../assests/images/icon3.svg" alt="" class="icone3"></div>
<h5 class="advantage-title">High-Conviction, Quality Portfolios</h5>
<p class="advantage-text">Our equity strategies focus on high-quality businesses with long-term growth potential.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4 d-flex">
<div class="advantage-box flex-fill">
<div class="advantage-icon"><img src="../assests/images/icon4.svg" alt="" class="icone4"></div>
<h5 class="advantage-title">Low-Cost Access to Global ETFs</h5>
<p class="advantage-text">Invest globally and locally through ETFs with sectoral, thematic, and international options.</p>
</div>
</div>
</div>
</section>
<section class="stats-section text-center py-5">
<div class="container">
<h1>Welcome to Our Website</h1>
<p>This is the Home page. No Home link in the navbar!</p>
<div class="row justify-content-center align-items-center mobile-resp-count">
<div class="col-md-3 col-6 mb-4 mb-md-0 width-count">
<div class="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 stat-border width-count2">
<div class="stat-box">
<h3>₹84,500 Cr+</h3>
<p>Assets Under Management</p>
</div>
</div>
<div class="col-md-3 col-6 mb-4 mb-md-0 stat-border width-count3">
<div class="stat-box">
<h3>20,000+</h3>
<p>Clients</p>
</div>
</div>
<div class="col-md-3 col-6 stat-border width-count4">
<div class="stat-box">
<h3>29 Years</h3>
<p>Equity Experience</p>
</div>
</div>
</div>
<div class="mt-4">
<span class="as-of-date ">As of July 2025</span>
</div>
</div>
</section>