PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u456810272/domains/apiwso2.com/public_html/99index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>APIws02 – Data integration, MFT & B2B solutions</title>
    <meta name="description" content="Unlock your enterprise data to create new digital experiences and markets with APIws02.">
    <link rel="canonical" href="https://www.apiwso2.com/en">
    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">

    <!-- Google Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto+Slab:wght@300;400;500&display=swap">

    <!-- Bootstrap 5 (CSS) -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles -->
    <style>
        /* ----- General resets ----- */
        body { font-family: 'Roboto', sans-serif; }
        a { text-decoration: none; }
        .navbar-brand img { height: 40px; }
        .flex-spacer { flex: 1; }
        .page-section { display: none; }
        .page-section.active { display: block; }

        /* ----- Hero Carousel ----- */
        .hero-carousel__slide { padding: 60px 0; }
        .hero-carousel__slide h1 { font-size: 2.5rem; font-weight: 300; }
        .hero-carousel__slide p { font-size: 1.1rem; }
        .hero-carousel__fade { display: block; }
        .hero-left .ctas .btn { margin-right: 10px; margin-bottom: 10px; }

        /* ----- Multi‑card slider ----- */
        .multi-cards .title-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        .multi-cards .carousel-control-prev,
        .multi-cards .carousel-control-next {
            position: static;
            width: 40px;
            height: 40px;
            background: #ddd;
            border-radius: 50%;
            margin-left: 5px;
            opacity: 1;
        }
        .multi-cards .carousel-control-prev-icon,
        .multi-cards .carousel-control-next-icon {
            filter: invert(1);
        }
        .multi-cards .card { height: 100%; border: none; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
        .multi-cards .card-body { padding: 1.5rem; }
        .multi-cards .card-body .bottom { display: flex; justify-content: space-between; align-items: center; }

        /* ----- Card decks ----- */
        .card-deck .card { height: 100%; transition: 0.2s; }
        .card-deck .card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
        .card-deck .card-footer { background: transparent; border-top: none; }
        .btnv3 { display: inline-block; padding: 0.6rem 1.8rem; border-radius: 30px; font-weight: 700; transition: 0.2s; }
        .btnv3.primary { background: #d22630; color: #fff; }
        .btnv3.primary:hover { background: #b0001a; }
        .btnv3.secondary { background: transparent; color: #d22630; border: 2px solid #d22630; }
        .btnv3.secondary:hover { background: #d22630; color: #fff; }
        .btnv3.tertiary { color: #222; border-bottom: 2px solid #b4b6b8; padding: 0.2rem 0; border-radius: 0; }
        .btnv3.tertiary:hover { border-color: #d22630; }

        /* ----- Customer promotion ----- */
        .customer-promotion-2023 { padding: 40px 0; background: #f5f2ed; }
        .customer-promotion-2023 .text-card-content { background: #fff; padding: 30px; border-radius: 8px; }
        .customer-promotion-2023 .customer-logo { max-height: 60px; margin-bottom: 20px; }
        .customer-promotion-2023 .customer-quote { font-style: italic; font-size: 1.1rem; }
        .customer-promotion-2023 .bg-video-wrap-customer { cursor: pointer; position: relative; }
        .customer-promotion-2023 .bg-video-wrap-customer video { width: 100%; border-radius: 8px; }
        .customer-promotion-2023 .play-btn {
            position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
            width: 60px; height: 60px; background: rgba(210,38,48,0.8); border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
        }
        .customer-promotion-2023 .play-btn::after {
            content: ''; width: 0; height: 0; border-left: 18px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent;
        }

        /* ----- Footer ----- */
        #footer { background: #1a1a1a; color: #ccc; padding: 40px 0 20px; }
        #footer a { color: #ccc; }
        #footer a:hover { color: #fff; }
        #footer .footer-logo { max-height: 44px; }
        #footer .navbar-nav .dropdown-toggle { font-weight: 700; }
        #footer .dropdown-nav-column { list-style: none; padding-left: 0; }
        #footer .dropdown-nav-column li { margin-bottom: 6px; }
        #footer .footer-social a { display: inline-block; margin-right: 10px; }
        #footer .footer-social img { width: 24px; height: auto; }

        /* ----- Teaser ----- */
        #teaser { background: #000; color: #fff; padding: 15px 0; font-size: 0.9rem; }
        #teaser a { color: #fff; text-decoration: underline; }
        #teaser .copyright-menu { list-style: none; display: flex; flex-wrap: wrap; gap: 15px; margin: 0; padding: 0; }

        /* ----- Modal ----- */
        .modal-body .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
        .modal-body .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

        /* ----- Misc ----- */
        .language-switcher-language-url .dropdown-menu { min-width: 160px; }
        .language-switcher-language-url .dropdown-nav-column { list-style: none; padding: 0; }
        .language-switcher-language-url .dropdown-nav-column li { padding: 6px 12px; }
        .language-switcher-language-url .dropdown-nav-column li.is-active { background: #f0f0f0; }
        #nav-search-close { cursor: pointer; font-size: 1.5rem; margin-left: 10px; }

        /* Responsive tweaks */
        @media (max-width: 768px) {
            .hero-carousel__slide h1 { font-size: 1.8rem; }
            .hero-carousel__slide .hero-right img { max-width: 80%; margin: 0 auto; display: block; }
        }
    </style>
</head>

<body>

<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light shadow-sm">
    <div class="container">
        <a class="navbar-brand" href="#" onclick="showPage('home'); return false;">
            <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Ctext x='0' y='20' font-family='Roboto' font-size='20' font-weight='bold' fill='%23d22630'%3EAPIws02%3C/text%3E%3C/svg%3E" alt="APIws02 Logo">
        </a>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="mainNav">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Products</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#" onclick="showPage('products'); return false;">APIws02 Platform</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('products'); return false;">B2B Integration</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('products'); return false;">Financial Accounting Hub</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('products'); return false;">Managed File Transfer</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('products'); return false;">Specialized Products</a></li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Solutions</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#" onclick="showPage('solutions'); return false;">Banking & Financial Services</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('solutions'); return false;">Healthcare</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('solutions'); return false;">Life Science</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('solutions'); return false;">Other Industries</a></li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Our Customers</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#" onclick="showPage('customers'); return false;">Customer Stories</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('customers'); return false;">Customer Advocacy</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('customers'); return false;">Excellence Awards</a></li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Resources</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#" onclick="showPage('resources'); return false;">Analyst Reports</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('resources'); return false;">Blogs</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('resources'); return false;">Videos</a></li>
                        <li><hr class="dropdown-divider"></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('resources'); return false;">Events</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('resources'); return false;">Partners</a></li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Why APIws02</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#" onclick="showPage('why-axway'); return false;">About Us</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('why-axway'); return false;">In the News</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('why-axway'); return false;">Leadership</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('why-axway'); return false;">Careers</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" onclick="showPage('pricing'); return false;">Pricing</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" onclick="showPage('contact'); return false;">Contact</a>
                </li>
            </ul>

            <!-- Language & Login -->
            <ul class="navbar-nav ms-3">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">English</a>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li><a class="dropdown-item" href="#">English</a></li>
                        <li><a class="dropdown-item" href="#">Français</a></li>
                        <li><a class="dropdown-item" href="#">Deutsch</a></li>
                        <li><a class="dropdown-item" href="#">Español</a></li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Account</a>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li><a class="dropdown-item" href="#" onclick="showPage('login'); return false;">Log In</a></li>
                        <li><a class="dropdown-item" href="#" onclick="showPage('register'); return false;">Register</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<!-- Main Content -->
<div class="main-v3 container-fluid px-0">

    <!-- ======= HOME ======= -->
    <div id="page-home" class="page-section active">
        <!-- Hero Carousel -->
        <section class="hero-carousel bg-light py-5">
            <div class="container">
                <div id="heroCarousel" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="row align-items-center">
                                <div class="col-md-6 hero-left">
                                    <h1>APIws02 named a winner of 2025 EMEA AWS Partner Awards</h1>
                                    <p class="mt-3">APIws02 has partnered with AWS for more than a decade to provide both public and private SaaS solutions, collectively enabling over 200 customers worldwide.</p>
                                    <div class="ctas mt-4">
                                        <a class="btnv3 primary" href="#">Read the Press Release</a>
                                    </div>
                                </div>
                                <div class="col-md-6 hero-right text-center">
                                    <img src="https://via.placeholder.com/500x300?text=AWS+Award" class="img-fluid rounded" alt="AWS Award">
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="row align-items-center">
                                <div class="col-md-6 hero-left">
                                    <h1>APIws02 named a Leader in the 2026 Gartner<sup>®</sup> API Management Magic Quadrant</h1>
                                    <p class="mt-3">We received the highest score for the Distributed API Management Use Case for the third consecutive year.</p>
                                    <div class="ctas mt-4">
                                        <a class="btnv3 primary" href="#">Read the Gartner Report</a>
                                    </div>
                                </div>
                                <div class="col-md-6 hero-right text-center">
                                    <img src="https://via.placeholder.com/500x300?text=Gartner+Report" class="img-fluid rounded" alt="Gartner Report">
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="row align-items-center">
                                <div class="col-md-6 hero-left">
                                    <h1>Meet Amplify Fusion.</h1>
                                    <p class="mt-3">Multi‑pattern integration to cut complexity, speed AI adoption, and orchestrate your digital future.</p>
                                    <div class="ctas mt-4">
                                        <a class="btnv3 primary" href="#" data-bs-toggle="modal" data-bs-target="#videoModal">Watch the Video</a>
                                        <a class="btnv3 secondary" href="#">Learn More</a>
                                    </div>
                                </div>
                                <div class="col-md-6 hero-right text-center">
                                    <img src="https://via.placeholder.com/500x300?text=Amplify+Fusion" class="img-fluid rounded" alt="Amplify Fusion">
                                </div>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#heroCarousel" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    </button>
                </div>
            </div>
        </section>

        <!-- What's happening (cards) -->
        <section class="multi-cards py-5">
            <div class="container">
                <div class="title-container">
                    <h5>What’s happening</h5>
                    <div class="carousel-buttons">
                        <button class="carousel-control-prev" type="button" data-bs-target="#eventCarousel" data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#eventCarousel" data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        </button>
                    </div>
                </div>
                <div id="eventCarousel" class="carousel slide" data-bs-ride="false">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="row g-3">
                                <div class="col-md-3">
                                    <div class="card h-100">
                                        <div class="card-body">
                                            <div class="badge bg-danger mb-2">Event</div>
                                            <h5 class="card-title">APIDAYS PARIS 2025</h5>
                                            <p class="card-text">Dec 09 – 12, 2025</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card h-100">
                                        <div class="card-body">
                                            <div class="badge bg-primary mb-2">Webinar</div>
                                            <h5 class="card-title">Simplify and secure large file exchanges with Kafka</h5>
                                            <p class="card-text">Dec 11, 2025</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card h-100">
                                        <div class="card-body">
                                            <div class="badge bg-primary mb-2">Webinar</div>
                                            <h5 class="card-title">Amplify Fusion Live – Governing AI at Scale</h5>
                                            <p class="card-text">Feb 03, 2026</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card h-100">
                                        <div class="card-body">
                                            <div class="badge bg-primary mb-2">Webinar</div>
                                            <h5 class="card-title">Governing AI at Scale – Integration Meets Security</h5>
                                            <p class="card-text">Feb 03, 2026</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- more slides as needed -->
                    </div>
                </div>
            </div>
        </section>

        <!-- Logos -->
        <section class="py-4 bg-white">
            <div class="container">
                <div class="row align-items-center justify-content-center g-4">
                    <div class="col-6 col-md-2 text-center"><img src="https://via.placeholder.com/120x40?text=Equinor" class="img-fluid" alt="Equinor"></div>
                    <div class="col-6 col-md-2 text-center"><img src="https://via.placeholder.com/120x40?text=DB+Schenker" class="img-fluid" alt="DB Schenker"></div>
                    <div class="col-6 col-md-2 text-center"><img src="https://via.placeholder.com/120x40?text=BNP+Paribas" class="img-fluid" alt="BNP Paribas"></div>
                    <div class="col-6 col-md-2 text-center"><img src="https://via.placeholder.com/120x40?text=Dun+&+Bradstreet" class="img-fluid" alt="Dun & Bradstreet"></div>
                    <div class="col-6 col-md-2 text-center"><img src="https://via.placeholder.com/120x40?text=Baird" class="img-fluid" alt="Baird"></div>
                </div>
            </div>
        </section>

        <!-- Product cards -->
        <section class="py-5 bg-light">
            <div class="container">
                <h3 class="text-center mb-5">Use what you have to build what you need. In the cloud, on‑prem, or both.</h3>
                <div class="row g-4">
                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h4 class="card-title">Amplify Platform</h4>
                                <p class="card-text">A visionary platform for securing, governing, and monetizing APIs at scale.</p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('products'); return false;">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h4 class="card-title">B2B Integration</h4>
                                <p class="card-text">Powering the transactional lifeblood of the world's largest trading ecosystems.</p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('products'); return false;">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h4 class="card-title">Managed File Transfer</h4>
                                <p class="card-text">The industry standard for secure, reliable, and efficient file data integration.</p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('products'); return false;">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h4 class="card-title">Financial Accounting Hub</h4>
                                <p class="card-text">Data consistency, agility, and auditability for faster and secure Finance ERP transformations.</p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('products'); return false;">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h4 class="card-title">Specialized Products</h4>
                                <p class="card-text">Enhancing digital processes with security, automation, and real‑time intelligence.</p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('products'); return false;">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h4 class="card-title">Complete product line</h4>
                                <p class="card-text">Our core line of enterprise integration products meets the full scope of digital business challenges.</p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('products'); return false;">Learn More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Awards / Reviews -->
        <section class="py-5">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 text-center">
                        <div class="d-flex flex-wrap justify-content-center gap-3">
                            <div><img src="https://via.placeholder.com/120x80?text=G2+Leader" class="img-fluid" alt="G2 Leader"></div>
                            <div><img src="https://via.placeholder.com/120x80?text=G2+Best+Support" class="img-fluid" alt="G2 Best Support"></div>
                            <div><img src="https://via.placeholder.com/120x80?text=G2+Enterprise" class="img-fluid" alt="G2 Enterprise"></div>
                            <div><img src="https://via.placeholder.com/120x80?text=G2+Mid-Market" class="img-fluid" alt="G2 Mid-Market"></div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <h3>Leading voices agree: trust and security are at the core of APIws02 products</h3>
                        <p>G2 shares over 1M user reviews to drive better purchasing decisions. With a consistent 4.5‑5.0 star rating across our core products, APIws02 delivers the security and stability customers trust.</p>
                        <a href="#" class="btnv3 primary" onclick="showPage('why-axway'); return false;">Learn More</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- Customer Story -->
        <section class="customer-promotion-2023">
            <div class="container">
                <div class="row g-4">
                    <div class="col-lg-6">
                        <div class="text-card-content">
                            <img src="https://via.placeholder.com/150x50?text=Co-op" class="customer-logo" alt="Co-op">
                            <h4>Supporting retail activities with a modern B2B integration approach</h4>
                            <blockquote class="customer-quote mt-3">
                                “B2Bi is critical for the Co‑op, especially in its retail organization. If B2Bi went down or we turned it off tomorrow, we would have no business, it’s as simple as that.”
                            </blockquote>
                            <p class="mt-2">– Dave Barnett, Principal Solutions Architect – Integration, Co‑op</p>
                            <div class="promo-footer mt-3">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('customers'); return false;">Read more customer case studies</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="bg-video-wrap-customer" data-bs-toggle="modal" data-bs-target="#videoModal" data-src="https://www.youtube.com/embed/ecCgAodF5OA">
                            <video poster="https://via.placeholder.com/600x338?text=Video+Poster" src="#" loop muted autoplay style="width:100%; border-radius:8px;"></video>
                            <div class="play-btn"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Industry cards -->
        <section class="py-5 bg-white">
            <div class="container">
                <h3 class="text-center mb-4">APIws02 is in your industry</h3>
                <div class="row g-4">
                    <div class="col-md-4">
                        <div class="card h-100">
                            <img src="https://via.placeholder.com/400x200?text=Banking" class="card-img-top" alt="Banking">
                            <div class="card-body">
                                <h5 class="card-title">Banking and Financial Services</h5>
                                <p class="card-text">Gain the advantages of open banking with an API‑first approach that unleashes the value of your digital ecosystem.</p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('solutions'); return false;">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card h-100">
                            <img src="https://via.placeholder.com/400x200?text=Healthcare" class="card-img-top" alt="Healthcare">
                            <div class="card-body">
                                <h5 class="card-title">Healthcare</h5>
                                <p class="card-text">Reach further into the healthcare ecosystem and improve patient engagement with an API management platform that meets all critical standards.</p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('solutions'); return false;">Learn More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card h-100">
                            <img src="https://via.placeholder.com/400x200?text=Government" class="card-img-top" alt="Government">
                            <div class="card-body">
                                <h5 class="card-title">Government</h5>
                                <p class="card-text">Manage and safeguard public data across the government agency ecosystem on‑premises or in any cloud environment.</p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <a href="#" class="btnv3 tertiary" onclick="showPage('solutions'); return false;">Learn More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Gartner citation -->
        <section class="py-3 bg-light">
            <div class="container">
                <p class="small text-muted">
                    <sup>1</sup>Gartner Magic Quadrant for API Management, Shameen Pillai et al., 7 October 2025.<br>
                    <em>Gartner does not endorse any vendor, product or service depicted in its research publications.</em>
                </p>
            </div>
        </section>
    </div>

    <!-- ======= PRODUCTS ======= -->
    <div id="page-products" class="page-section">
        <div class="container py-5">
            <h1>Products</h1>
            <p class="lead">Explore our comprehensive suite of integration solutions.</p>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h4>APIws02 Platform</h4>
                            <p>Build, publish, validate, and govern APIs across multiple clouds, on‑premises data centers, and gateway vendors.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h4>B2B Integration</h4>
                            <p>Secure and simplify data integration between enterprise systems, business teams, partner communities, and cloud applications.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h4>Managed File Transfer</h4>
                            <p>Simplify and secure critical file transfers with a scalable, flexible MFT solution deployable anywhere.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h4>Financial Accounting Hub</h4>
                            <p>Accelerate digital finance transformation with a secure platform that ensures data quality and alignment.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card h-100">
                        <div class="card-body">
                            <h4>Specialized Products</h4>
                            <p>Enhance digital processes with security, automation, and real‑time intelligence across various industries.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ======= SOLUTIONS ======= -->
    <div id="page-solutions" class="page-section">
        <div class="container py-5">
            <h1>Solutions</h1>
            <p class="lead">Industry‑specific solutions to accelerate your digital transformation.</p>
            <div class="row g-4">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h4>Banking & Financial Services</h4>
                            <p>Securely open data locked in core enterprise systems to create new banking and financial services.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h4>Healthcare</h4>
                            <p>Improve patient engagement and meet all critical healthcare standards and regulations.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h4>Life Science</h4>
                            <p>Accelerate research and compliance with secure data integration and file transfer.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h4>Other Industries</h4>
                            <p>From retail to manufacturing, our solutions adapt to your unique challenges.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ======= CUSTOMERS ======= -->
    <div id="page-customers" class="page-section">
        <div class="container py-5">
            <h1>Our Customers</h1>
            <p class="lead">See how leading companies trust APIws02.</p>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <h4>Customer Stories</h4>
                            <p>More than 11,000 companies across banking, healthcare, supply chain, and other industries look to APIws02.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <h4>Customer Advocacy</h4>
                            <p>Read about our customers' successes and how we helped them achieve their goals.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <h4>APIws02 Excellence Awards</h4>
                            <p>Celebrating the innovative achievements of our customers using APIws02 solutions.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ======= RESOURCES ======= -->
    <div id="page-resources" class="page-section">
        <div class="container py-5">
            <h1>Resources</h1>
            <p class="lead">Access case studies, whitepapers, webinars, and more.</p>
            <div class="row g-4">
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-body">
                            <h4>Analyst Reports</h4>
                            <p>Read independent analysis and recognition from Gartner, IDC, and others.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-body">
                            <h4>Blogs</h4>
                            <p>Stay up‑to‑date with the latest trends in integration, APIs, and data management.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-body">
                            <h4>Videos</h4>
                            <p>Watch demos, tutorials, and customer success stories.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-body">
                            <h4>Events</h4>
                            <p>Join our live events, webinars, and on‑demand sessions.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ======= WHY APIws02 ======= -->
    <div id="page-why-axway" class="page-section">
        <div class="container py-5">
            <h1>Why APIws02</h1>
            <p class="lead">Learn why APIws02 is the trusted partner for enterprise integration.</p>
            <div class="row g-4">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h4>25+ Years of Experience</h4>
                            <p>We've been helping companies shape and implement sound strategies for success in a dynamic digital business environment.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h4>Leader in Core Enterprise Integration</h4>
                            <p>Our solutions are recognized by analysts and trusted by over 11,000 customers worldwide.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h4>Innovation & Security</h4>
                            <p>We continually innovate to help you stay ahead, while keeping your data secure and compliant.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h4>Global Presence</h4>
                            <p>With offices around the world, we provide local support and expertise wherever you are.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ======= PRICING ======= -->
    <div id="page-pricing" class="page-section">
        <div class="container py-5">
            <h1>Pricing</h1>
            <p class="lead">Flexible pricing plans to suit your business needs.</p>
            <div class="row g-4">
                <div class="col-md-4">
                    <div class="card text-center">
                        <div class="card-body">
                            <h4>Starter</h4>
                            <p class="display-6">$99/mo</p>
                            <p>For small teams and projects.</p>
                            <ul class="list-unstyled">
                                <li>✔ Up to 5 APIs</li>
                                <li>✔ 10,000 calls/day</li>
                                <li>✔ Community support</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card text-center border-primary">
                        <div class="card-body">
                            <h4>Professional</h4>
                            <p class="display-6">$499/mo</p>
                            <p>For growing businesses.</p>
                            <ul class="list-unstyled">
                                <li>✔ Unlimited APIs</li>
                                <li>✔ 100,000 calls/day</li>
                                <li>✔ Priority support</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card text-center">
                        <div class="card-body">
                            <h4>Enterprise</h4>
                            <p class="display-6">Custom</p>
                            <p>For large organisations.</p>
                            <ul class="list-unstyled">
                                <li>✔ Unlimited everything</li>
                                <li>✔ Dedicated support</li>
                                <li>✔ On‑premise option</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ======= CONTACT ======= -->
    <div id="page-contact" class="page-section">
        <div class="container py-5">
            <h1>Contact Us</h1>
            <p class="lead">Get in touch with our team.</p>
            <div class="row">
                <div class="col-md-6">
                    <form id="contactForm">
                        <div class="mb-3">
                            <label for="contactName" class="form-label">Name</label>
                            <input type="text" class="form-control" id="contactName" required>
                        </div>
                        <div class="mb-3">
                            <label for="contactEmail" class="form-label">Email</label>
                            <input type="email" class="form-control" id="contactEmail" required>
                        </div>
                        <div class="mb-3">
                            <label for="contactMessage" class="form-label">Message</label>
                            <textarea class="form-control" id="contactMessage" rows="4" required></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">Send Message</button>
                    </form>
                </div>
                <div class="col-md-6">
                    <h4>Headquarters</h4>
                    <p>16220 N Scottsdale Rd Ste. 500<br>Scottsdale, AZ 85254<br>USA</p>
                    <p><strong>Phone:</strong> +1 800‑555‑0199</p>
                </div>
            </div>
        </div>
    </div>

    <!-- ======= LOGIN ======= -->
    <div id="page-login" class="page-section">
        <div class="container py-5">
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="card shadow">
                        <div class="card-body p-4">
                            <h3 class="text-center mb-4">Login to APIws02</h3>
                            <form id="loginForm">
                                <div class="mb-3">
                                    <label for="loginEmail" class="form-label">Email address</label>
                                    <input type="email" class="form-control" id="loginEmail" required>
                                </div>
                                <div class="mb-3">
                                    <label for="loginPassword" class="form-label">Password</label>
                                    <input type="password" class="form-control" id="loginPassword" required>
                                </div>
                                <button type="submit" class="btn btn-primary w-100">Login</button>
                            </form>
                            <p class="mt-3 text-center">Don't have an account? <a href="#" onclick="showPage('register'); return false;">Register here</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ======= REGISTER ======= -->
    <div id="page-register" class="page-section">
        <div class="container py-5">
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="card shadow">
                        <div class="card-body p-4">
                            <h3 class="text-center mb-4">Register for APIws02</h3>
                            <form id="registerForm">
                                <div class="mb-3">
                                    <label for="regName" class="form-label">Full Name</label>
                                    <input type="text" class="form-control" id="regName" required>
                                </div>
                                <div class="mb-3">
                                    <label for="regEmail" class="form-label">Email address</label>
                                    <input type="email" class="form-control" id="regEmail" required>
                                </div>
                                <div class="mb-3">
                                    <label for="regPhone" class="form-label">Phone Number</label>
                                    <input type="tel" class="form-control" id="regPhone" required>
                                </div>
                                <div class="mb-3">
                                    <label for="regPassword" class="form-label">Password</label>
                                    <input type="password" class="form-control" id="regPassword" required>
                                </div>
                                <button type="submit" class="btn btn-primary w-100">Register</button>
                            </form>
                            <p class="mt-3 text-center">Already have an account? <a href="#" onclick="showPage('login'); return false;">Login here</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div> <!-- end main-v3 -->

<!-- Video Modal -->
<div class="modal fade" id="videoModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body p-0">
                <div class="embed-container">
                    <iframe id="videoModalFrame" src="" frameborder="0" allowfullscreen allow="autoplay; encrypted-media"></iframe>
                </div>
            </div>
            <button type="button" class="btn-close position-absolute top-0 end-0 m-3 bg-white rounded-circle" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
    </div>
</div>

<!-- Footer -->
<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-xl-9">
                <div class="row">
                    <div class="col-md-3">
                        <h5>Products</h5>
                        <ul class="list-unstyled">
                            <li><a href="#" onclick="showPage('products'); return false;">Amplify Platform</a></li>
                            <li><a href="#" onclick="showPage('products'); return false;">B2B Integration</a></li>
                            <li><a href="#" onclick="showPage('products'); return false;">Financial Accounting Hub</a></li>
                            <li><a href="#" onclick="showPage('products'); return false;">Managed File Transfer</a></li>
                            <li><a href="#" onclick="showPage('products'); return false;">Specialized Products</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h5>Solutions</h5>
                        <ul class="list-unstyled">
                            <li><a href="#" onclick="showPage('solutions'); return false;">Banking & Financial Services</a></li>
                            <li><a href="#" onclick="showPage('solutions'); return false;">Healthcare</a></li>
                            <li><a href="#" onclick="showPage('solutions'); return false;">Life Science</a></li>
                            <li><a href="#" onclick="showPage('solutions'); return false;">Other Industries</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h5>Our Customers</h5>
                        <ul class="list-unstyled">
                            <li><a href="#" onclick="showPage('customers'); return false;">Customer Stories</a></li>
                            <li><a href="#" onclick="showPage('customers'); return false;">Excellence Awards</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h5>Why APIws02</h5>
                        <ul class="list-unstyled">
                            <li><a href="#" onclick="showPage('why-axway'); return false;">About Us</a></li>
                            <li><a href="#" onclick="showPage('why-axway'); return false;">Reviews</a></li>
                            <li><a href="#" onclick="showPage('why-axway'); return false;">Careers</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-xl-3">
                <hr class="d-xl-none">
                <div class="footer-social mt-3">
                    <a href="#"><img src="https://via.placeholder.com/24?text=IG" alt="Instagram"></a>
                    <a href="#"><img src="https://via.placeholder.com/24?text=FB" alt="Facebook"></a>
                    <a href="#"><img src="https://via.placeholder.com/24?text=LI" alt="LinkedIn"></a>
                    <a href="#"><img src="https://via.placeholder.com/24?text=X" alt="X"></a>
                    <a href="#"><img src="https://via.placeholder.com/24?text=YT" alt="YouTube"></a>
                </div>
                <div class="mt-3">
                    <img src="https://via.placeholder.com/120x40?text=AWS+Partner" class="img-fluid" alt="AWS Partner Network">
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Teaser -->
<section id="teaser">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-9">
                <ul class="copyright-menu">
                    <li><a href="#">Impressum & Terms of Use</a></li>
                    <li><a href="#">Privacy Statement</a></li>
                    <li><a href="#">Ethics and anti‑corruption</a></li>
                    <li><a href="#">GDPR Compliance</a></li>
                </ul>
            </div>
            <div class="col-md-3 text-md-end">
                &copy; 2026 APIws02
            </div>
        </div>
    </div>
</section>

<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<script>
    // ---------- Page Routing ----------
    function showPage(pageId) {
        document.querySelectorAll('.page-section').forEach(el => {
            el.classList.remove('active');
        });
        const target = document.getElementById('page-' + pageId);
        if (target) {
            target.classList.add('active');
        } else {
            document.getElementById('page-home').classList.add('active');
        }
        window.location.hash = pageId;
        window.scrollTo(0,0);
    }

    // Handle hash on load and change
    window.addEventListener('hashchange', function() {
        const hash = window.location.hash.substring(1);
        showPage(hash || 'home');
    });

    // Initial load
    document.addEventListener('DOMContentLoaded', function() {
        const hash = window.location.hash.substring(1);
        showPage(hash || 'home');

        // ---------- Video Modal ----------
        document.querySelectorAll('[data-bs-toggle="modal"][data-src]').forEach(el => {
            el.addEventListener('click', function() {
                const src = this.getAttribute('data-src');
                document.getElementById('videoModalFrame').src = src;
            });
        });
        document.getElementById('videoModal').addEventListener('hidden.bs.modal', function() {
            document.getElementById('videoModalFrame').src = '';
        });

        // ---------- Mock Login ----------
        document.getElementById('loginForm').addEventListener('submit', function(e) {
            e.preventDefault();
            const email = document.getElementById('loginEmail').value;
            const password = document.getElementById('loginPassword').value;

            // Simulate authentication via localStorage
            const stored = localStorage.getItem('apiws02_user');
            if (stored) {
                const user = JSON.parse(stored);
                if (user.email === email && user.password === password) {
                    alert('Login successful! Welcome back, ' + user.name);
                    // could redirect to a dashboard
                    return;
                }
            }
            alert('Invalid credentials. Please register first.');
        });

        // ---------- Mock Registration ----------
        document.getElementById('registerForm').addEventListener('submit', function(e) {
            e.preventDefault();
            const name = document.getElementById('regName').value;
            const email = document.getElementById('regEmail').value;
            const phone = document.getElementById('regPhone').value;
            const password = document.getElementById('regPassword').value;

            if (!name || !email || !password) {
                alert('Please fill in all required fields.');
                return;
            }

            // Store user in localStorage (mock)
            const user = { name, email, phone, password };
            localStorage.setItem('apiws02_user', JSON.stringify(user));
            alert('Registration successful! Please log in.');
            showPage('login');
        });

        // ---------- Mock Contact Form ----------
        document.getElementById('contactForm').addEventListener('submit', function(e) {
            e.preventDefault();
            alert('Thank you for contacting us. We will get back to you soon.');
            this.reset();
        });
    });
</script>

</body>
</html>
Back to Directory=ceiIENDB`