<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <!----------------------------------------
    meta tags
    ---------------------------------------->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:image" content="/images/logopage.png" />
    <meta property="og:site_name" content="HCN Capital Fund">
    <meta property="og:title" content="Bank with HCN Capital Fund" />
    <meta name="description" content="HCN Capital Fund delivers digital-first banking built for modern investors.">
    <meta property="og:description" content="HCN Capital Fund delivers digital-first banking built for modern investors.">
    <meta property="og:type" content="website" />
    <!----------------------------------------
    title tag
    ---------------------------------------->
    <title>HCN Capital Fund - modern banking for bold, connected living.</title>

    <!-- Favicons Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href= "/assets/images/favicons/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href= "/assets/images/favicons/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href= "/assets/images/favicons/favicon-16x16.png" />
    <!-- fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap"
        rel="stylesheet">
    <link
        href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
        rel="stylesheet">

    <link rel="stylesheet" href= "/assets/vendors/animate/animate.min.css" />
    <link rel="stylesheet" href= "/assets/vendors/animate/custom-animate.css" />
    <link rel="stylesheet" href= "/assets/vendors/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href= "/assets/vendors/bxslider/jquery.bxslider.css" />
    <link rel="stylesheet" href= "/assets/vendors/fontawesome/css/all.min.css" />
    <link rel="stylesheet" href= "/assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css" />
    <link rel="stylesheet" href= "/assets/vendors/jquery-ui/jquery-ui.css" />
    <link rel="stylesheet" href= "/assets/vendors/nice-select/nice-select.css" />
    <link rel="stylesheet" href= "/assets/vendors/odometer/odometer.min.css" />
    <link rel="stylesheet" href= "/assets/vendors/owl-carousel/owl.carousel.min.css" />
    <link rel="stylesheet" href= "/assets/vendors/owl-carousel/owl.theme.default.min.css" />
    <link rel="stylesheet" href= "/assets/vendors/swiper/swiper.min.css" />
    <link rel="stylesheet" href= "/assets/vendors/vegas/vegas.min.css" />
    <link rel="stylesheet" href= "/assets/vendors/thm-icons/style.css">
    <link rel="stylesheet" href= "/assets/vendors/language-switcher/polyglot-language-switcher.css">
    <link rel="stylesheet" href="/assets/vendors/aos/aos.css">
    <!-- Module css -->
    <link rel="stylesheet" href= "/assets/css/module-css/01-header-section.css">
    <link rel="stylesheet" href= "/assets/css/module-css/02-banner-section.css">
    <link rel="stylesheet" href= "/assets/css/module-css/03-about-section.css">
    <link rel="stylesheet" href= "/assets/css/module-css/04-fact-counter-section.css">
    <link rel="stylesheet" href= "/assets/css/module-css/05-testimonial-section.css">
    <link rel="stylesheet" href= "/assets/css/module-css/06-partner-section.css">
    <link rel="stylesheet" href= "/assets/css/module-css/07-footer-section.css">
    <link rel="stylesheet" href= "/assets/css/module-css/08-blog-section.css">
    <link rel="stylesheet" href="/assets/css/module-css/09-breadcrumb-section.css">
    <link rel="stylesheet" href="/assets/css/module-css/10-contact.css">

    <!-- Template styles -->
    <link rel="stylesheet" href= "/assets/css/style.css" />
    <link rel="stylesheet" href= "/assets/css/responsive.css" />

</head>


<body>

    <div class="page-wrapper">
        <header class="main-header main-header-style1">

            <!--Start Main Header Style1 Top-->
            <div class="main-header-style1-top">
                <div class="auto-container">
                    <div class="outer-box">
                        <!--Start Main Header Style1 Top Left-->
                        <div class="main-header-style1-top__left">
                            <div class="looking-banking-box ">
                                <div class="inner-title">
                                    <span class="icon-binoculars"></span>
                                    <p>Looking</p>
                                </div>
                                <div class="select-box clearfix">
                                    <select class="wide">
                                        <option data-display="Personal Banking">
                                            Personal Banking
                                        </option>
                                        <option value="1">Business Banking</option>
                                    </select>
                                </div>
                            </div>
                            <!--<div class="nearest-branch">-->
                            <!--    <span class="icon-map"></span>-->
                            <!--    <a href="/contact">Find Nearest Branch</a>-->
                            <!--</div>-->
                        </div>
                        <!--End Main Header Style1 Top Left-->

                        <!--Start Main Header Style1 Top Right-->
                        <div class="main-header-style1-top__right">
                            <div class="header-menu-style1">
                                <ul>
                                    <li><a href="/careers">Careers</a></li>
                                    <li><a href="/about">Faq’s</a></li>
                                    <!-- <li><a href="#">Offers</a></li> -->
                                    <li><a href="#">Calendar</a></li>
                                </ul>
                            </div>
                            <div class="box-search-style1">
                                <a href="#" class="search-toggler">
                                    <span class="icon-search"></span>
                                    Search
                                </a>
                            </div>
                            <div class="language-switcher">
                                <div id="polyglotLanguageSwitcher">
                                    <form action="#">
                                        <select id="polyglot-language-options">
                                            <option id="en" value="en" selected>English</option>
                                            <option id="fr" value="fr">French</option>
                                            <option id="de" value="de">German</option>
                                            <option id="it" value="it">Italian</option>
                                            <option id="es" value="es">Spanish</option>
                                        </select>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--End Main Header Style1 Top Right-->

                    </div>
                </div>
            </div>
            <!--End Main Header Style1 Top-->

            <nav class="main-menu main-menu-style1">
                <div class="main-menu__wrapper clearfix">
                    <div class="container">
                        <div class="main-menu__wrapper-inner">

                            <div class="main-menu-style1-left">
                                <div class="logo-box-style1">
                                    <a href="/">
                                        <img src= "/assets/images/resources/logo-1.svg" alt="Awesome Logo" title="">
                                    </a>
                                </div>

                                <div class="main-menu-box">
                                    <a href="#" class="mobile-nav__toggler">
                                        <i class="icon-menu"></i>
                                    </a>

                                    <ul class="main-menu__list">
                                        <li class="">
                                            <a href="/">Home</a>
                                        </li>

                                        <li class="dropdown">
                                            <a href="#">Services</a>
                                            <ul>
                                                <li class="">
                                                    <a href="/accounts">Accounts</a>
                                                    
                                                </li>
                                                <li class="">
                                                    <a href="/cards">Cards</a>
                                                </li>
                                                <li class="">
                                                    <a href="/loans">Loans</a>
                                                </li>
                                            </ul>
                                        </li>

                                        <li class="dropdown">
                                            <a href="#">About</a>
                                            <ul>
                                                <li><a href="/about">About Us</a></li>
                                                <li><a href="/careers">Careers</a></li>
                                                <li><a href="/testimonials">Testimonials</a></li>
                                            </ul>
                                        </li>
                                        <li class="">
                                            <a href="/loans">Apply Now</a>
                                        </li>
                                        <li>
                                            <a href="/contact">Get In Touch</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="main-menu-style1-right">
                                <div class="header-btn-one">
                                    <a href="/login">
                                        <span class="icon-home-button"></span>Login
                                    </a>
                                    <a class="style2" href="/register">
                                        <span class="icon-payment"></span>Open an Account
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </nav>

            <!--Start Main Header Style1 Bottom-->
            <div class="main-header-style1-bottom">
                <div class="auto-container">
                    <div class="outer-box">
                        <div class="update-box">
                            <div class="inner-title">
                                <span class="icon-megaphone"></span>
                                <h4>Updates:</h4>
                            </div>
                            <div class="text">
                                <p>Earn up to 4% APY on next-gen savings with HCN Capital Fund.</p>
                                <a href="#"><span class="icon-chevron"></span>More Details</a>
                            </div>
                        </div>
                        <div class="slogan-box">
                            <p>Dear Customer, We have launched Video KYC facility for New customer to open savings ac
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!--End Main Header Style1 Bottom-->

        </header>
