<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title><?php echo isset($pageTitle) ? $pageTitle : "Home | Trionic Capital Partners"; ?></title>
    <meta name="description" content="">
    <meta name="author" content="mamunkhan">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--<meta http-equiv="X-Frame-Options" content="deny">-->
    <!-- favicon.icon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/Triune_Capital_fav icon-01.svg">

    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/odometer.min.css">
    <link rel="stylesheet" href="assets/css/swiper.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/fontawesome-pro.css">
    <link rel="stylesheet" href="assets/css/spacing.css">
    <link rel="stylesheet" href="assets/css/main.css">
</head>


<body>


<!-- preloader start -->
<div id="preloader">
    <div class="sk-three-bounce">
        <div class="sk-child sk-bounce1"></div>
        <div class="sk-child sk-bounce2"></div>
        <div class="sk-child sk-bounce3"></div>
    </div>
</div>
<!-- preloader start -->

<!-- Backtotop start -->
<div class="backtotop-wrap cursor-pointer">
    <svg class="backtotop-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
    </svg>
</div>
<!-- Backtotop end -->

<?php include '_offcanvas_section.php'  ?>

<!-- Header area start -->
<header>
    <div id="rr-header-sticky" class="rr-header__area rr-header rr-header-2">
        <div class="container-fluid gx-0">
            <div class="rr-header__wrapper p-relative z-index-1">

                <div class="rr-header__top d-none d-lg-block">
                    <div class="rr-header__contact">
                        <div class="rr-header__contact__left">
                            <ul>
                                <li><img src="assets/img/icon/header-top-icon-2_01.svg" alt="icon not found"> <a href="mailto:info@TrionicCapitalPartners.com">info@TrionicCapitalPartners.com</a></li>
                                <!--<li><img src="assets/img/icon/header-top-icon-2_03.svg" alt="icon not found"> <a href="https://maps.app.goo.gl/ub8LziR39ZKXUpqa7" target="_blank">5000 Birch Street, Ste 3000, Newport Beach, CA 92660</a></li>-->
                            </ul>
                        </div>
                        <div class="rr-header__contact__right">
                            <div class="rr-header-2__social">
                                <!--<a href="https://www.facebook.com/"><i class="fa-brands fa-facebook-f"></i></a>-->
                                <!--<a href="https://www.pinterest.com/"><i class="fa-brands fa-pinterest-p"></i></a>-->
                                <a href="https://www.linkedin.com/"><i class="fa-brands fa-linkedin-in"></i></a>
                                <!--<a href="https://www.instagram.com/"><i class="fa-brands fa-instagram"></i></a>-->
                            </div>
                            <div class="rr-header__btn">
                                <a href="./investor-relations" class="rr-btn hover-anim">Investor Relations<i class="fa-light fa-arrow-right"></i><span
                                        class="hover-bg"></span></a>
                                        
                            </div>
                        </div>
                    </div>
                </div>



                <div class="rr-header__main">
                    <div class="rr-header__logo">
                        <a href="./">
                            <div class="logo">
                                <img src="assets/img/logo/trionic-capital-partners.svg" alt="logo not found">
                            </div>
                        </a>
                    </div>
    
                    <div class="rr-header__menu__wrapper d-none d-lg-block">
                        <div class="main-menu">
                            <nav id="mobile-menu">
                                 <ul>
                                        <li><a href="./">Home</a>
                                        </li>
                                        <li><a href="./about-us">About us</a>
                                        </li>
                                        <li><a href="./investment-strategy">Investment Strategy</a>
                                        </li>
                                        <li><a href="./projects">Projects</a>
                                        </li>
                                        <li><a href="./team">Our Team</a>
                                        </li>
                                        <li><a href="./contact">Contact</a>
                                        </li>
                                    </ul>
                            </nav>
                        </div>
                    </div>

                    <div class="rr-header__menu-toggle">
                        <div class="rr-header__action d-flex align-items-center">
                            <ul class="d-none d-sm-inline-flex">
                                <li>
                                    <button id="popup-search-box" class="search-open-btn">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M22.5 22.5L15.5 15.5M17.8333 9.66667C17.8333 14.177 14.177 17.8333 9.66667 17.8333C5.15634 17.8333 1.5 14.177 1.5 9.66667C1.5 5.15634 5.15634 1.5 9.66667 1.5C14.177 1.5 17.8333 5.15634 17.8333 9.66667Z"
                                                stroke="#192929" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
                                        </svg>                                            
                                    </button>
                                </li>
                                </ul>
                            <div class="header__hamburger">
                                <p>Menu</p>
                                <div class="sidebar__toggle">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<!-- search__popup  -->
<div class="search__popup">
    <div class="container">
        <div class="row gx-30">
            <div class="col-xxl-12">
                <div class="search__wrapper">
                    <div class="search__top d-flex justify-content-between align-items-center">
                        <div class="search__logo">
                            <a href="./">
                                <img src="assets/img/logo/trionic-capital-partners-logo-white.svg" alt="icon">
                            </a>
                        </div>
                        <div class="search__close">
                            <button type="button" class="search__close-btn search-close-btn">
                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M17 1L1 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                    <path d="M1 1L17 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                </svg>
                            </button>
                        </div>
                    </div>
                    <div class="search__form">
                        <form action="#">
                            <div class="search__input">
                                <input class="search-input-field" type="text" placeholder="Type here to search...">
                                <span class="search-focus-border"></span>
                                <button type="submit">
                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
                                        <path
                                            d="M9.55 18.1C14.272 18.1 18.1 14.272 18.1 9.55C18.1 4.82797 14.272 1 9.55 1C4.82797 1 1 4.82797 1 9.55C1 14.272 4.82797 18.1 9.55 18.1Z"
                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                        <path d="M19.0002 19.0002L17.2002 17.2002" stroke="currentColor"
                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Header area end -->
