Compare commits
1 Commits
tufail-dev
...
6f578d1162
| Author | SHA1 | Date | |
|---|---|---|---|
|
6f578d1162 |
@@ -1,15 +1,20 @@
|
||||
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- Logo -->
|
||||
<div class="mobile-adj">
|
||||
<a class="navbar-brand d-flex align-items-center" href="">
|
||||
<img src="./assests/images/ask-mutual-fund-logo.svg" alt="My Logo" height="40">
|
||||
<img
|
||||
src="./assests/images/ask-mutual-fund-logo.svg"
|
||||
alt="My Logo"
|
||||
height="40"
|
||||
/>
|
||||
</a>
|
||||
<!-- Toggle Button -->
|
||||
<button class="navbar-toggler" type="button">
|
||||
<span class="open-icon">☰</span> <!-- hamburger -->
|
||||
<span class="close-icon d-none">×</span> <!-- close icon -->
|
||||
<span class="open-icon">☰</span>
|
||||
<!-- hamburger -->
|
||||
<span class="close-icon d-none">×</span>
|
||||
<!-- close icon -->
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -18,10 +23,18 @@
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<!-- Center Links -->
|
||||
<ul class="navbar-nav gap-menu mx-auto text-center">
|
||||
<li class="nav-item"><a class="nav-link" href="#/our-fund">Our Fund</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#/our-team">Our Team</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#/about">About</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#/contact">Contact</a></li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#/our-fund">Our Fund</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#/our-team">Our Team</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#/about">About Us</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#/contact">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Right Buttons -->
|
||||
@@ -31,41 +44,48 @@
|
||||
</li>
|
||||
<li class="nav-item d-flex align-items-center">
|
||||
<span class="text-white">Login</span>
|
||||
<i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px;"></i>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="topbar-mobile ">
|
||||
<div class="topbar-mobile">
|
||||
<div class="mobile-call">
|
||||
|
||||
<a href="tel:(+91) 93256 07030" class="color-b">
|
||||
<i class="bi bi-telephone " style="width: 20px; height: 20px; color: #B18C4A;"></i> (+91) 93256 07030
|
||||
<i
|
||||
class="bi bi-telephone"
|
||||
style="width: 20px; height: 20px; color: #b18c4a"
|
||||
></i>
|
||||
(+91) 93256 07030
|
||||
</a>
|
||||
<a href="mailto:askdb@gmail.com" class="color-b">
|
||||
<i class="bi bi-envelope" style="width: 20px; height: 20px; color: #B18C4A;"></i> askdb@gmail.com
|
||||
<i
|
||||
class="bi bi-envelope"
|
||||
style="width: 20px; height: 20px; color: #b18c4a"
|
||||
></i>
|
||||
askdb@gmail.com
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="topbar py-2 ">
|
||||
<div class="topbar py-2">
|
||||
<div class="container d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<a href="tel:(+91) 93256 07030" class="color-a">
|
||||
<i class="bi bi-telephone me-2" style="width: 16px; height: 16px;"></i> (+91) 93256 07030
|
||||
<i class="bi bi-telephone me-2" style="width: 16px; height: 16px"></i>
|
||||
(+91) 93256 07030
|
||||
</a>
|
||||
<a href="mailto:askdb@gmail.com" class="color-a">
|
||||
<i class="bi bi-envelope ms-3 me-1" style="width: 16px; height: 16px;"></i> askdb@gmail.com
|
||||
<i
|
||||
class="bi bi-envelope ms-3 me-1"
|
||||
style="width: 16px; height: 16px"
|
||||
></i>
|
||||
askdb@gmail.com
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="./js/navbar.js"></script>
|
||||
<script src="./js/navbar.js"></script>
|
||||
|
||||
426
css/contact.css
426
css/contact.css
@@ -1,317 +1,313 @@
|
||||
/* Base setup */
|
||||
:root {
|
||||
--font-primary: 'Open Sans', sans-serif;
|
||||
/* default body font */
|
||||
--font-secondary: 'Larken', serif;
|
||||
/* decorative font */
|
||||
--font-tertiary: 'Inter', sans-serif;
|
||||
/* for headings or special text */
|
||||
--font-primary: "Open Sans", sans-serif;
|
||||
/* default body font */
|
||||
--font-secondary: "Larken", serif;
|
||||
/* decorative font */
|
||||
--font-tertiary: "Inter", sans-serif;
|
||||
/* for headings or special text */
|
||||
}
|
||||
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/contact-banner.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 70vh;
|
||||
background-image: url("../assests/images/contact-banner.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 400px;
|
||||
/* height: 70vh; */
|
||||
}
|
||||
|
||||
/* .contact-banner .container{
|
||||
padding: 60px 0 72px 0;
|
||||
} */
|
||||
|
||||
.contac-back-color {
|
||||
background: #F5F5F5;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.contact-aling {
|
||||
align-items: end;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
padding-bottom: 60px;
|
||||
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;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 50px;
|
||||
line-height: 60px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
p.contact-text-banner {
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.invest-contact {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 15px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 280px;
|
||||
justify-content: center;
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 15px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 280px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.invest-contact a {
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.map-section .button-to {
|
||||
margin-top: 35px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.view-top {
|
||||
margin-top: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.contact-cards {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
gap: 30px;
|
||||
margin-bottom: 65px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
gap: 32px;
|
||||
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;
|
||||
background: #fff;
|
||||
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
|
||||
/* padding: 25px 35px; */
|
||||
padding: 36px 40px;
|
||||
flex: 1 1 30%;
|
||||
border-bottom: 6px solid #b89c58;
|
||||
transition: all 0.3s ease;
|
||||
/* box-sizing: border-box;
|
||||
height: 225px; */
|
||||
}
|
||||
|
||||
|
||||
|
||||
.contact-card h4 {
|
||||
color: #033A49;
|
||||
margin-bottom: 15px;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
color: #033a49;
|
||||
margin-bottom: 15px;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.contact-card p:first-child {
|
||||
font-size: 21px;
|
||||
}
|
||||
.contact-card p {
|
||||
color: #3E3F3F;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 10px;
|
||||
color: #3e3f3f;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.map-section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 50px;
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 50px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.map-container {
|
||||
flex: 1 1 55%;
|
||||
|
||||
overflow: hidden;
|
||||
flex: 1 1 55%;
|
||||
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.map-container iframe {
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
border: 0;
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.location-info {
|
||||
flex: 1 1 40%;
|
||||
flex: 1 1 40%;
|
||||
}
|
||||
|
||||
.location-info h3 {
|
||||
color: #033A49;
|
||||
margin-bottom: 20px;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
color: #033a49;
|
||||
margin-bottom: 20px;
|
||||
font-family: var(--font-secondary);
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.location-info strong {
|
||||
color: #B18C4B;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 0.5px;
|
||||
color: #b18c4b;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.location-info p {
|
||||
color: #3E3F3F;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 0.5px;
|
||||
color: #3e3f3f;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.invest-contact2 {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 15px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 220px;
|
||||
justify-content: center;
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 15px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 220px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.invest-contact2 a {
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-family: var(--font-primary);
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.View {
|
||||
text-transform: uppercase;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.view-arrow {
|
||||
height: 11px !important;
|
||||
width: 17px !important;
|
||||
height: 11px !important;
|
||||
width: 17px !important;
|
||||
}
|
||||
|
||||
.location-info.none-desktop {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
.hide-details-conne-mobile {
|
||||
display: none
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.contact-cards {
|
||||
flex-direction: column;
|
||||
}
|
||||
.contact-cards {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.map-section {
|
||||
flex-direction: column;
|
||||
}
|
||||
.map-section {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.location-info.none-desktop {
|
||||
display: block;
|
||||
}
|
||||
.location-info.none-desktop {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/mobile-contact.svg");
|
||||
padding: 0px 20px;
|
||||
}
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/mobile-contact.svg");
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
.invest-contact {
|
||||
.invest-contact {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
width: 95%;
|
||||
.contact-card h4 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
}
|
||||
p.size-mobile {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.contact-card h4 {
|
||||
.location-info {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
font-size: 21px;
|
||||
.map-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
.invest-contact2 {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 20px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
p.size-mobile {
|
||||
font-size: 14px;
|
||||
}
|
||||
.invest-contact {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 20px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 95% !important;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.location-info {
|
||||
.location-info p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
.view-top {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.map-container {
|
||||
h3.none-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
.map-section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 30px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.invest-contact2 {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 20px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.invest-contact {
|
||||
background-color: #b58b4b;
|
||||
clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
|
||||
transition: all 0.3s ease;
|
||||
padding: 20px 20px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 95% !important;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.location-info p {
|
||||
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
|
||||
.view-top {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h3.none-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.map-section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 30px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.hide-details-conne-dest {
|
||||
display: none;
|
||||
}
|
||||
.hide-details-conne-mobile {
|
||||
display: flex
|
||||
;
|
||||
.hide-details-conne-dest {
|
||||
display: none;
|
||||
}
|
||||
.hide-details-conne-mobile {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/mobile-contact.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: -33px center;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
}
|
||||
.contact-banner {
|
||||
background-image: url("../assests/images/mobile-contact.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: -33px center;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,7 +26,7 @@ a {
|
||||
|
||||
.navbar-expand-lg .gap-menu {
|
||||
flex-direction: row;
|
||||
gap: 20px;
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
/* Navbar links */
|
||||
@@ -43,7 +43,7 @@ a {
|
||||
|
||||
.nav-link:focus,
|
||||
.nav-link:hover {
|
||||
color: #fff;
|
||||
color: #b58b4b;
|
||||
}
|
||||
|
||||
.text-white {
|
||||
@@ -362,7 +362,7 @@ a.color-a {
|
||||
}
|
||||
|
||||
.ask-advantage {
|
||||
padding: 60px 0;
|
||||
padding: 80px 0;
|
||||
}
|
||||
.ask-advantage2 {
|
||||
padding: 0px 0px 60px 0px;
|
||||
@@ -691,17 +691,20 @@ span.textaccor {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.accordion-button {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding: 24px 0;
|
||||
}
|
||||
.accordion-body {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.col-6:hover {
|
||||
background-color: rgba(155, 155, 155, 0.26);
|
||||
border-radius: 10px;
|
||||
}
|
||||
/* out-team */
|
||||
.team-section {
|
||||
padding: 60px 0;
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.team-section h2 {
|
||||
@@ -785,6 +788,10 @@ span.textaccor {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* .g-80 {
|
||||
gap: 80px;
|
||||
} */
|
||||
|
||||
.team-card {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
@@ -955,7 +962,7 @@ span.textaccor {
|
||||
}
|
||||
|
||||
.padding-icon1 {
|
||||
padding: 0px 99px 0px 20px;
|
||||
padding: 0px 110px 0px 20px;
|
||||
}
|
||||
|
||||
.padding-icon2 {
|
||||
@@ -993,7 +1000,7 @@ span.textaccor {
|
||||
/* our-fund */
|
||||
|
||||
.ask-advantage3 {
|
||||
padding: 60px 0;
|
||||
padding: 94px 0 60px 0;
|
||||
background-image: url("../assests/images/Our-Funds-back.svg");
|
||||
}
|
||||
|
||||
@@ -1028,7 +1035,7 @@ span.textaccor {
|
||||
.links {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
gap: 34px;
|
||||
}
|
||||
|
||||
.links a {
|
||||
@@ -1196,7 +1203,7 @@ span.textaccor {
|
||||
|
||||
.history_animation {
|
||||
background: #131313;
|
||||
padding: 60px 0;
|
||||
padding: 60px 0 140px 0;
|
||||
}
|
||||
|
||||
.history_animation .container .title {
|
||||
@@ -1466,6 +1473,7 @@ span.textaccor {
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.blog-image {
|
||||
margin-right: 30px;
|
||||
width: 55%;
|
||||
@@ -1474,6 +1482,18 @@ span.textaccor {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.blog-content .tittle-blog {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.blog-content .desc-blog {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.blog-card .tittle-blog {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
/* Logo styling */
|
||||
.navbar-brand img {
|
||||
@@ -1995,8 +2015,6 @@ span.textaccor {
|
||||
|
||||
.about-as-of-date {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
/* border: 1px solid black; */
|
||||
}
|
||||
.history_animation {
|
||||
width: 100%;
|
||||
|
||||
36
js/main.js
36
js/main.js
@@ -36,64 +36,64 @@ const routes = {
|
||||
// ===============================
|
||||
const timelineData = {
|
||||
1983: {
|
||||
icon: "../assests/images/1983-Icon.svg",
|
||||
icon: "./assests/images/1983-Icon.svg",
|
||||
heading: "The beginning",
|
||||
sub1: "Set up by Mr. Asit Koticha and Mr. Sameer Koticha,",
|
||||
sub2: "ASK Group offers research-based Investment advisory",
|
||||
sub3: "",
|
||||
},
|
||||
1991: {
|
||||
icon: "../assests/images/1991-Icon.svg",
|
||||
icon: "./assests/images/1991-Icon.svg",
|
||||
heading: "ASK Raymond James",
|
||||
sub1: "ASK Group and Raymond James",
|
||||
sub2: "Financial enter into a Partnership",
|
||||
sub3: "",
|
||||
},
|
||||
2007: {
|
||||
icon: "../assests/images/2007-Icon.svg",
|
||||
icon: "./assests/images/2007-Icon.svg",
|
||||
heading: "Launch of ASK Wealth Advisors",
|
||||
sub1: "Raymond James Financial partnership exits.",
|
||||
sub2: "",
|
||||
sub3: "",
|
||||
},
|
||||
2008: {
|
||||
icon: "../assests/images/2008-Icon.svg",
|
||||
icon: "./assests/images/2008-Icon.svg",
|
||||
heading: "Launch of ASK multi-family office",
|
||||
sub1: "",
|
||||
sub2: "",
|
||||
sub3: "",
|
||||
},
|
||||
2013: {
|
||||
icon: "../assests/images/2013-Icon.svg",
|
||||
icon: "./assests/images/2013-Icon.svg",
|
||||
heading: "License from SEBI",
|
||||
sub1: "ASK Wealth Advisors receives an",
|
||||
sub2: "Investment Advisor License from SEBI.",
|
||||
sub3: "",
|
||||
},
|
||||
2015: {
|
||||
icon: "../assests/images/2015-Icon.svg",
|
||||
icon: "./assests/images/2015-Icon.svg",
|
||||
heading: "ASK Wealth Advisors adjudged",
|
||||
sub1: ` "the best Independent Wealth Advisor, 2015" `,
|
||||
sub2: "by Wealth Briefing, Asia.",
|
||||
sub3: "",
|
||||
},
|
||||
2016: {
|
||||
icon: "../assests/images/2016-Icon.svg",
|
||||
mobileIcon: "../assests/images/2016-Mobile-Icon.svg",
|
||||
icon: "./assests/images/2016-Icon.svg",
|
||||
mobileIcon: "./assests/images/2016-Mobile-Icon.svg",
|
||||
heading: "",
|
||||
sub1: "Advert International acquires minority ",
|
||||
sub2: "stake in ASK Group.",
|
||||
sub3: "",
|
||||
},
|
||||
2017: {
|
||||
icon: "../assests/images/2015-Icon.svg",
|
||||
icon: "./assests/images/2015-Icon.svg",
|
||||
heading: "ASK Wealth Advisors adjudged",
|
||||
sub1: `"One to Watch - Wealth Manager - India Domestic" - Distinction, 2017"`,
|
||||
sub2: "by Asian Private Banker.",
|
||||
sub3: "",
|
||||
},
|
||||
2018: {
|
||||
icon: "../assests/images/2015-Icon.svg",
|
||||
icon: "./assests/images/2015-Icon.svg",
|
||||
heading:
|
||||
"ASK launches its first offshore fund - ASK Global Strategies Fund",
|
||||
sub1: "TWICE IN A ROW:",
|
||||
@@ -101,21 +101,21 @@ const timelineData = {
|
||||
sub3: `"Best Performing Financial Advisor"-Wealth 2016-17 by UTI MF & CNBC TV18.`,
|
||||
},
|
||||
2019: {
|
||||
icon: "../assests/images/1983-Icon.svg",
|
||||
icon: "./assests/images/1983-Icon.svg",
|
||||
heading: "Hall of Fame",
|
||||
sub1: `ASK Wealth Advisors inducted into the "Hall of Fame"`,
|
||||
sub2: "at the Financial Advisor Awards for the Years ",
|
||||
sub3: "2018-19 and 2019-20 by UTI MF & CNBC TV18.",
|
||||
},
|
||||
2020: {
|
||||
icon: "../assests/images/2015-Icon.svg",
|
||||
icon: "./assests/images/2015-Icon.svg",
|
||||
heading: "Outstanding Private Bank",
|
||||
sub1: "Outstanding Private Bank for UNHW clients ",
|
||||
sub2: "at the Private Banker International Global",
|
||||
sub3: "Wealth Summit & Awards 2020, Singapore.",
|
||||
},
|
||||
2022: {
|
||||
icon: "../assests/images/2022-Icon.svg",
|
||||
icon: "./assests/images/2022-Icon.svg",
|
||||
heading: "Blackstone Acquisition",
|
||||
sub1: "Blackstone acquires majority stake in ",
|
||||
sub2: "ASK Group, Advert International exits.",
|
||||
@@ -483,6 +483,16 @@ function loadPage() {
|
||||
document.getElementById("page-content").innerHTML = html;
|
||||
window.scrollTo({ top: 0, behavior: "smooth" });
|
||||
|
||||
// ✅ Hide footer for #/our-fund route
|
||||
const footer = document.getElementById("footer");
|
||||
if (footer) {
|
||||
if (hash === "#/our-fund") {
|
||||
footer.style.display = "none";
|
||||
} else {
|
||||
footer.style.display = "block";
|
||||
}
|
||||
}
|
||||
|
||||
// Init all components after content load
|
||||
initSwiper();
|
||||
initTimelineSwiper();
|
||||
|
||||
Reference in New Issue
Block a user