<!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="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:title" content="<?php echo isset($pageTitle) ? $pageTitle : "Home | Trionic Capital Partners"; ?>" />
    <meta name="description" content= "<?php echo isset($Des) ? $Des : "Home | Trionic Capital Partners"; ?>" />
    <meta property="og:description" content= " <?php echo isset($ogDes) ? $ogDes : "SPVs and Asset Management targeting sustainable returns from cutting-edge AI Factory Data Centers across strategic global locations, led by Industry seasoned executives with over 120 years plus of combined expertise in datacenter operations, AI technology, hyperscale infrastructure design, and investment management." ?> " />
    <meta name="author" content="Trionic">
    <meta property="og:type" content="website" />
    <meta property="og:url" content="<?php echo isset($ogUrl) ? $ogUrl : "https://triune.appdemo.space/v4/"; ?> "/>
    <meta property="og:image" content="assets/img/logo/triune-capital-partners-og.jpg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Trionic Capital Partners" />
    <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 target="_blank" href="https://www.linkedin.com/company/trionic-capital-partners/"><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 -->
