Access_New/pages/demo-finance-expertise-details.html
2024-09-05 11:33:27 +05:45

428 lines
23 KiB
HTML

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/finance/finance.css" />
</head>
<body data-mobile-nav-style="full-screen-menu" data-mobile-nav-bg-color="#bc8947" class="custom-cursor">
<div class="cursor-page-inner">
<div class="circle-cursor circle-cursor-inner"></div>
<div class="circle-cursor circle-cursor-outer"></div>
</div>
<header>
<nav class="navbar navbar-expand-lg bg-transparent disable-fixed">
<div class="container-fluid">
<div class="col-auto col-lg-2 me-lg-0 me-auto">
<a class="navbar-brand" href="demo-finance.html">
<img src="images/demo-finance-logo-white.png" data-at2x="images/demo-finance-logo-white@2x.png" alt class="default-logo">
<img src="images/demo-finance-logo-white.png" data-at2x="images/demo-finance-logo-white@2x.png" alt class="alt-logo">
<img src="images/demo-finance-logo-black.png" data-at2x="images/demo-finance-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto col-lg-8 menu-order position-static">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav alt-font">
<li class="nav-item"><a href="demo-finance.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-finance-about.html" class="nav-link">About</a></li>
<li class="nav-item dropdown simple-dropdown">
<a href="demo-finance-expertise.html" class="nav-link">Expertise</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink_1" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a href="demo-finance-expertise-details.html">Finance planning</a></li>
<li><a href="demo-finance-expertise-details.html">Wealth management</a></li>
<li><a href="demo-finance-expertise-details.html">Strategic planning</a></li>
<li><a href="demo-finance-expertise-details.html">Audit assurance</a></li>
</ul>
</li>
<li class="nav-item"><a href="demo-finance-team.html" class="nav-link">Team</a></li>
<li class="nav-item"><a href="demo-finance-pricing.html" class="nav-link">Pricing</a></li>
<li class="nav-item"><a href="demo-finance-news.html" class="nav-link">News</a></li>
<li class="nav-item"><a href="demo-finance-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto col-lg-2 text-end d-none d-sm-flex">
<div class="header-icon">
<div class="header-button"><a href="demo-finance-expertise-details.html#contact-form" class="btn btn-very-small btn-white btn-box-shadow btn-round-edge left-icon text-transform-none popup-with-form"><i class="feather icon-feather-mail"></i>Free quote</a></div>
</div>
<div id="contact-form" class="container p-0 contact-form-style-01 position-relative text-center mfp-hide">
<div class="row g-0">
<div class="col-lg-5 cover-background md-h-600px xs-h-400px" style="background-image:url('images/demo-finance-form-bg.jpg');"></div>
<div class="col-lg-7">
<div class="p-15 lg-p-10 bg-white">
<span class="mb-10px">Looking for a finance agent?</span>
<h3 class="d-inline-block alt-font fw-600 text-dark-gray mb-10 ls-minus-1px">How we can help you?</h3>
<form action="email-templates/contact-form.php" method="post">
<div class="position-relative form-group mb-20px">
<span class="form-icon"><i class="bi bi-emoji-smile"></i></span>
<input type="text" name="name" class="form-control required" placeholder="Enter your name*" />
</div>
<div class="position-relative form-group mb-20px">
<span class="form-icon"><i class="bi bi-envelope"></i></span>
<input type="email" name="email" class="form-control required" placeholder="Enter your email*" />
</div>
<div class="position-relative form-group mb-20px">
<span class="form-icon"><i class="bi bi-telephone-outbound"></i></span>
<input type="tel" name="phone" class="form-control" placeholder="Enter your phone" />
</div>
<div class="position-relative form-group form-textarea">
<span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
<textarea placeholder="Your message" name="comment" class="form-control" rows="3"></textarea>
<input type="hidden" name="redirect" value>
<button class="btn btn-medium btn-base-color btn-box-shadow btn-round-edge w-100 mt-20px submit" type="submit">Send message</button>
<div class="form-results mt-20px d-none"></div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="page-title-parallax-background bg-dark-gray half-section ipad-top-space-margin" data-parallax-background-ratio="0.5" style="background-image: url('images/demo-finance-contact-bg.jpg')">
<div class="opacity-extra-medium bg-gradient-dark-gray-brown"></div>
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-12 text-center position-relative page-title-extra-large">
<div class="d-flex flex-column small-screen">
<div class="mt-auto" data-anime="{&quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="text-white alt-font mb-0 text-shadow-extra-large fw-500 ls-minus-2px">Wealth management</h1>
</div>
<div class="mt-auto justify-content-center breadcrumb breadcrumb-style-01 alt-font text-white">
<ul data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li><a href="demo-finance.html" class="text-white">Home</a></li>
<li>Expertise</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="position-relative">
<div class="container">
<div class="row">
<div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="position-sticky top-50px">
<div class="mb-30px">
<ul class="p-0 m-0 list-style-02">
<li class="pb-15px mb-15px border-bottom border-color-extra-medium-gray align-items-center"><a href="demo-finance-expertise-details.html">Finance planning</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-15px mb-15px border-bottom border-color-extra-medium-gray align-items-center text-dark-gray"><a href="demo-finance-expertise-details.html" class="text-dark-gray text-dark-gray-hover">Wealth management</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-15px mb-15px border-bottom border-color-extra-medium-gray align-items-center"><a href="demo-finance-expertise-details.html">Strategic planning</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-15px align-items-center"><a href="demo-finance-expertise-details.html">Audit assurance</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
</ul>
</div>
<div class="bg-very-light-gray border-radius-6px p-35px lg-p-25px md-p-35px xs-p-25px">
<span class="fs-22 ls-minus-05px alt-font text-dark-gray fw-600 mb-20px d-inline-block">How can we help you?</span>
<div class="contact-form-style-04">
<form action="email-templates/contact-form.php" method="post">
<input class="box-shadow-double-large input-small mb-15px form-control required" type="text" name="name" placeholder="Your name*" />
<input class="box-shadow-double-large input-small mb-15px form-control required" type="email" name="email" placeholder="Your email address*" />
<textarea class="box-shadow-double-large input-small mb-15px form-control" name="comment" placeholder="Your message" rows="4"></textarea>
<input type="hidden" name="redirect" value>
<button class="btn btn-small btn-round-edge btn-base-color btn-box-shadow submit w-100" type="submit">Send message</button>
<div class="form-results mt-20px d-none"></div>
</form>
</div>
</div>
</div>
</div>
<div class="col-lg-8 order-1 order-lg-2 md-mb-50px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h4 class="text-dark-gray fw-600 ls-minus-1px alt-font mb-20px d-block">The next generation workflow solution</h4>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<img src="images/demo-finance-slider-01.jpg" class="mt-30px md-mt-15px border-radius-6px" alt>
<h5 class="text-dark-gray fw-600 ls-minus-1px alt-font mb-45px md-mb-30px mt-10 md-mt-8 d-block">Wealth management range of industries</h5>
<div class="row row-cols-1 row-cols-lg-2 row-cols-md-2 align-items-center justify-content-center">
<div class="col icon-with-text-style-08 sm-mb-20px">
<div class="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon feature-box-icon-rounded w-90px h-90px rounded-circle bg-white box-shadow-medium-bottom">
<i class="feather icon-feather-briefcase icon-very-medium text-dark-gray"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block fs-22 alt-font fw-500 text-dark-gray w-90 md-w-95">Travel and aviation consulting</span>
</div>
</div>
</div>
<div class="col last-paragraph-no-margin">
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit eiusmod tempor.</p>
</div>
</div>
<div class="divider-style-03 divider-style-03-01 border-color-extra-medium-gray mb-35px mt-35px"></div>
<div class="row row-cols-1 row-cols-xl-2 row-cols-lg-2 row-cols-md-2 align-items-center justify-content-center">
<div class="col icon-with-text-style-08 sm-mb-20px">
<div class="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon feature-box-icon-rounded w-90px h-90px rounded-circle bg-white box-shadow-medium-bottom">
<i class="feather icon-feather-shopping-bag icon-very-medium text-dark-gray"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block fs-22 alt-font fw-500 text-dark-gray w-90 md-w-95">Consumer products consulting</span>
</div>
</div>
</div>
<div class="col last-paragraph-no-margin">
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit eiusmod tempor.</p>
</div>
</div>
<div class="divider-style-03 divider-style-03-01 border-color-extra-medium-gray mb-35px mt-35px"></div>
<div class="row row-cols-1 row-cols-xl-2 row-cols-lg-2 row-cols-md-2 align-items-center justify-content-center">
<div class="col icon-with-text-style-08 sm-mb-20px">
<div class="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon feature-box-icon-rounded w-90px h-90px rounded-circle bg-white box-shadow-medium-bottom">
<i class="feather icon-feather-archive icon-very-medium text-dark-gray"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block fs-22 alt-font fw-500 text-dark-gray w-90 md-w-95">Financial services consulting</span>
</div>
</div>
</div>
<div class="col last-paragraph-no-margin">
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit eiusmod tempor.</p>
</div>
</div>
<div class="bg-dark-gray p-7 sm-p-35px mt-10 mb-40px border-radius-6px">
<h5 class="text-white fw-500 ls-minus-1px alt-font mb-30px d-block">Benefits and covered services</h5>
<div class="row row-cols-1 row-cols-xl-2 row-cols-md-2">
<div class="col">
<ul class="p-0 m-0 list-style-02">
<li class="pb-10px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Private wealth management</li>
<li class="pb-10px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Global wealth management</li>
<li class="pb-10px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Global sports & entertainment</li>
<li class="pb-10px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Zero broker commission</li>
</ul>
</div>
<div class="col">
<ul class="p-0 m-0 list-style-02">
<li class="pb-10px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Institutional cash investment</li>
<li class="pb-10px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Lending & cash management</li>
<li class="pb-10px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Full range of investments</li>
<li class="pb-10px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Budgeting loan management</li>
</ul>
</div>
</div>
</div>
<h5 class="text-dark-gray fw-600 ls-minus-1px alt-font mb-20px d-block">Frequently asked questions</h5>
<div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="icon-feather-minus" data-inactive-icon="icon-feather-plus">
<div class="accordion-item active-accordion">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-finance-expertise-details.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-01" aria-expanded="true" data-bs-parent="#accordion-style-02">
<div class="accordion-title mb-0 position-relative text-dark-gray">
<i class="feather icon-feather-minus"></i><span class="fw-500 fs-20">Why would someone need wealth management?</span>
</div>
</a>
</div>
<div id="accordion-style-02-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-02">
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
<p>Wealth management usually refers to a suite of services that provides the opportunity to work with a financial professional. Wealth management is broader and other services.</p>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-extra-medium-gray">
<a href="demo-finance-expertise-details.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-02" aria-expanded="false" data-bs-parent="#accordion-style-02">
<div class="accordion-title mb-0 position-relative text-dark-gray">
<i class="feather icon-feather-plus"></i><span class="fw-500 fs-20">Do I need a strategy to help me manage my wealth?</span>
</div>
</a>
</div>
<div id="accordion-style-02-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
<p>Wealth management usually refers to a suite of services that provides the opportunity to work with a financial professional. Wealth management is broader and other services.</p>
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header border-bottom border-color-transparent">
<a href="demo-finance-expertise-details.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-03" aria-expanded="false" data-bs-parent="#accordion-style-02">
<div class="accordion-title mb-0 position-relative text-dark-gray">
<i class="feather icon-feather-plus"></i><span class="fw-500 fs-20">What strategies can be used to reduce the taxes on investments?</span>
</div>
</a>
</div>
<div id="accordion-style-02-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent">
<p>Wealth management usually refers to a suite of services that provides the opportunity to work with a financial professional. Wealth management is broader and other services.</p>
</div>
</div>
</div>
</div>
<div class="row g-0 align-items-center justify-content-center bg-very-light-gray p-6 lg-p-5 sm-p-8 mt-8 xs-mt-6 mb-25px border-radius-6px">
<div class="col-md-7 ps-3 lg-ps-0 md-pe-5 sm-pe-0 sm-mb-40px">
<h5 class="text-dark-gray fw-500 ls-minus-05px alt-font mb-20px sm-mb-15px d-block">Wealth management specialist executive.</h5>
<p class="w-80 lg-w-95 md-w-100">Lorem ipsum dolor sit amet consectetur adipiscing elit eiusmod tempor. Lorem sit amet consectetur adipiscing elit eiusmod tempor.</p>
<div class="row align-items-center border border-color-transparent-white-light g-0 border-radius-8px mt-30px">
<div class="col-auto text-center"><h2 class="text-dark-gray fw-600 mb-0 ls-minus-3px">4.90</h2></div>
<div class="col border-start border-color-extra-medium-gray ms-20px ps-20px">
<div class="review-star-icon fs-16 lh-20">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="d-block fs-17 text-dark-gray ls-minus-05px">2,488 Genuine rating</span>
</div>
</div>
</div>
<div class="col-md-5 team-style-06">
<div class="d-flex flex-column p-40px pb-20px lg-p-25px text-center border-radius-6px bg-white box-shadow-quadruple-large position-relative">
<div class="position-relative">
<a href="demo-finance-expertise-details.html#" class="d-inline-block position-relative"><img class="rounded-circle w-130px h-130px mb-20px" src="images/team-30.jpg" alt>
<span class="fs-13 fw-600 text-dark-gray alt-font lh-30 position-absolute top-25px right-minus-40px border-radius-30px bg-yellow ps-15px pe-15px"><i class="fa-solid fa-star"></i> 4.9</span></a>
</div>
<a href="demo-finance-expertise-details.html#" class="text-dark-gray alt-font fs-20 fw-500">Evan thomson</a>
<p class="w-90 mx-auto lh-28">I'm Evan, Expert in <span class="text-dark-gray text-decoration-line-bottom fw-500">sales</span> executive.</p>
<div class="text-center elements-social social-icon-style-02 border-top border-color-light-medium-gray w-100 pt-15px">
<ul class="small-icon dark icon-with-animation">
<li class="m-0"><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li class="m-0"><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li class="m-0"><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li class="m-0"><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="border border-1 border-color-extra-medium-gray p-30px lg-p-20px sm-p-40px border-radius-6px box-shadow-medium-bottom">
<div class="row align-items-center text-center text-md-start">
<div class="col-md-3 sm-mb-15px">
<img src="images/demo-pizza-parlor-about-03.png" alt />
</div>
<div class="col-md-5 sm-mb-15px">
<span class="text-dark-gray lh-26 d-inline-block">Our nearly 500 committed team members are ready to help now.</span>
</div>
<div class="col">
<a href="demo-finance-contact.html" class="btn btn-dark-gray btn-small btn-box-shadow btn-round-edge">Need support</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-light bg-very-light-gray">
<div class="container">
<div class="row justify-content-center mb-5 xs-mb-20px">
<div class="col-md-12 col-sm-10 text-center">
<h4 class="alt-font text-dark-gray fw-500 ls-minus-1px">Looking for business opportunity? <a href="cdn-cgi/l/email-protection.html#375e595158774e58424553585a565e591954585a" class="text-base-color fw-500 text-decoration-line-bottom-medium">Send message</a></h4>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-3 col-md-12 col-sm-6 order-4 order-lg-1 order-md-4 order-sm-3 md-mt-35px text-center text-sm-start text-md-center text-lg-start last-paragraph-no-margin">
<a href="demo-finance.html" class="footer-logo mb-25px sm-mb-20px d-inline-block"><img src="images/demo-finance-logo-black.png" data-at2x="images/demo-finance-logo-black@2x.png" alt></a>
<p class="mb-15px">We are trusted by more than 5000 very happy clients for finance services.</p>
<p>&COPY; Copyright 2024 <a href="index.html" target="_blank" class="text-decoration-line-bottom text-dark-gray fw-500">Crafto</a></p>
</div>
<div class="col-6 col-xl-2 col-lg-3 col-md-4 offset-xl-1 order-1 order-lg-2">
<span class="alt-font fw-500 fs-20 d-block text-dark-gray mb-10px">Company</span>
<ul>
<li><a href="demo-finance-about.html">About company</a></li>
<li><a href="demo-finance-expertise.html">Company expertise</a></li>
<li><a href="demo-finance-team.html">Creative people</a></li>
<li><a href="demo-finance-pricing.html">Pricing plans</a></li>
</ul>
</div>
<div class="col-6 col-xl-2 col-lg-3 col-md-4 order-2 order-lg-3">
<span class="alt-font fw-500 fs-20 d-block text-dark-gray mb-10px">Customer</span>
<ul>
<li><a href="demo-finance-expertise.html">Company services</a></li>
<li><a href="demo-finance-about.html">Company story</a></li>
<li><a href="demo-finance-news.html">Latest news</a></li>
<li><a href="demo-finance-contact.html">Contact us</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 offset-xl-1 order-3 order-lg-4 order-md-3 order-sm-4 sm-mt-35px xs-mt-25px text-center text-sm-start">
<span class="alt-font fw-500 fs-20 d-block text-dark-gray mb-10px">Subscribe newsletter</span>
<p class="mb-30px md-mb-20px sm-mb-15px">Subscribe our newsletter to get the latest news and updates.</p>
<div class="d-inline-block w-100 newsletter-style-02 position-relative">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="bg-white border-color-white w-100 form-control required box-shadow-double-large" type="email" name="email" placeholder="Enter your email">
<input type="hidden" name="redirect" value>
<button class="btn submit" aria-label="submit"><i class="icon feather icon-feather-mail fs-22 text-base-color"></i></button>
<div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center position-absolute d-none lh-20"></div>
</form>
</div>
</div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-finance-expertise-details.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>