{"id":774,"date":"2023-12-13T14:41:22","date_gmt":"2023-12-13T13:41:22","guid":{"rendered":"https:\/\/www.metadev3.com\/?page_id=774"},"modified":"2023-12-13T14:41:22","modified_gmt":"2023-12-13T13:41:22","slug":"apy3","status":"publish","type":"page","link":"https:\/\/metadev3.com\/en\/apy3\/","title":{"rendered":"APY3"},"content":{"rendered":"


\n<\/p>\n


\n
\n APY3<\/title><br \/>\n <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"><br \/>\n <meta content=\"\" name=\"keywords\"><br \/>\n <meta content=\"\" name=\"description\"><\/p>\n<p> <!-- Favicon -->\n <link href=\"img\/favicon.ico\" rel=\"icon\">\n<p> <!-- Google Web Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@400;500;600;700;800&family=Poppins:wght@400;500&display=swap\"\n rel=\"stylesheet\"><\/p>\n<p> <!-- Icon Font Stylesheet -->\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.10.0\/css\/all.min.css\" rel=\"stylesheet\">\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.4.1\/font\/bootstrap-icons.css\" rel=\"stylesheet\">\n<p> <!-- Libraries Stylesheet -->\n <link href=\"lib\/animate\/animate.min.css\" rel=\"stylesheet\">\n <link href=\"lib\/owlcarousel\/assets\/owl.carousel.min.css\" rel=\"stylesheet\">\n<p> <!-- Customized Bootstrap Stylesheet -->\n <link href=\"css\/bootstrap.min.css\" rel=\"stylesheet\">\n<p> <!-- Template Stylesheet -->\n <link href=\"css\/style.css\" rel=\"stylesheet\">\n<\/head><\/p>\n<p><body data-bs-spy=\"scroll\" data-bs-target=\".navbar\" data-bs-offset=\"51\"><\/p>\n<div class=\"container-xxl bg-white p-0\">\n <!-- Spinner Start --><\/p>\n<div id=\"spinner\" class=\"show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center\">\n<div class=\"spinner-grow text-primary\" style=\"width: 3rem; height: 3rem;\" role=\"status\">\n <span class=\"sr-only\">Loading...<\/span>\n <\/div>\n<\/p><\/div>\n<p> <!-- Spinner End --><\/p>\n<p> <!-- Navbar & Hero Start --><\/p>\n<div class=\"container-xxl position-relative p-0\" id=\"home\">\n <!-- \n\n<nav class=\"navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0\">\n <a href=\"\" class=\"navbar-brand p-0\">\n \n\n<h1 class=\"m-0\">APY.3 Bridge<\/h1>\n\n\n \n <\/a>\n <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarCollapse\">\n <span class=\"fa fa-bars\"><\/span>\n <\/button>\n \n <\/nav>\n\n --><\/p>\n<div class=\"container-xxl bg-primary hero-header\">\n<div class=\"container px-lg-5\" style=\"padding-bottom: 162px;\">\n<div class=\"row g-5\">\n<div class=\"col-lg-8 text-center text-lg-start\">\n<h4 style=\"color:white\"> APY.3 Bridge<\/h4>\n<h1 class=\"text-white mb-4 animated slideInDown\">Osez un Web3 sans risque<\/h1>\n<p class=\"text-white pb-3 animated slideInDown\"> Une solution modulaire et personnalisable<br \/>\n qui vous permet d'incorporer facilement la<br \/>\n technologie Blockchain dans vos projets Web2<br \/>\n existants<\/p>\n<p> <!-- <a href=\"\" class=\"btn btn-primary-gradient py-sm-3 px-4 px-sm-5 rounded-pill me-3 animated slideInLeft\">Read More<\/a>\n <a href=\"\" class=\"btn btn-secondary-gradient py-sm-3 px-4 px-sm-5 rounded-pill animated slideInRight\">Contact Us<\/a> -->\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Navbar & Hero End --><\/p>\n<p> <!-- About Start --><\/p>\n<div class=\"container-xxl py-5\" id=\"about\">\n<div class=\"container py-5 px-lg-5\">\n<div class=\"row g-5 align-items-center\">\n<div class=\"col-lg-6 wow fadeInUp\" data-wow-delay=\"0.1s\">\n<h1 class=\"mb-4\" style=\"color:white\">Connectez vos applications m\u00e9tiers \u00e0 la Blockchain plus facilement<\/h1>\n<p class=\"mb-4\">Une grande flexibilit\u00e9 dans le d\u00e9ploiement des projets web3 avec un choix \u00e9tendu de blockchains<\/p>\n<\/p><\/div>\n<div class=\"col-lg-6\">\n <img decoding=\"async\" class=\"img-fluid wow fadeInUp\" data-wow-delay=\"0.5s\" src=\"img\/scheme.png\">\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- About End --><\/p>\n<p> <!-- Features Start --><\/p>\n<div class=\"container-xxl py-5\" id=\"feature\">\n<div class=\"container py-5 px-lg-5\">\n<div class=\"text-center wow fadeInUp\" data-wow-delay=\"0.1s\">\n<h1 class=\"mb-5\">Caract\u00e9ristiques <\/h1>\n<\/p><\/div>\n<div class=\"row g-4\">\n<div class=\"col-lg-4 col-md-6 wow fadeInUp\" data-wow-delay=\"0.1s\">\n<div class=\"feature-item bg-light rounded p-4\">\n<div class=\"d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle mb-4\" style=\"width: 60px; height: 60px;\">\n <i class=\"fa fa-eye text-white fs-4\"><\/i>\n <\/div>\n<h5 class=\"mb-3\">Une Tra\u00e7abilit\u00e9<\/h5>\n<p class=\"m-0\">de donn\u00e9es pour tous vos cas d\u2019usage m\u00e9tiers avec une \u00e9criture d\u2019information transparente.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-lg-4 col-md-6 wow fadeInUp\" data-wow-delay=\"0.3s\">\n<div class=\"feature-item bg-light rounded p-4\">\n<div class=\"d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle mb-4\" style=\"width: 60px; height: 60px;\">\n <i class=\"fa fa-layer-group text-white fs-4\"><\/i>\n <\/div>\n<h5 class=\"mb-3\">Une int\u00e9gration Blockchain<\/h5>\n<p class=\"m-0\">simple, modulable et scalable.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-lg-4 col-md-6 wow fadeInUp\" data-wow-delay=\"0.5s\">\n<div class=\"feature-item bg-light rounded p-4\">\n<div class=\"d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle mb-4\" style=\"width: 60px; height: 60px;\">\n <i class=\"fa fa-edit text-white fs-4\"><\/i>\n <\/div>\n<h5 class=\"mb-3\">Une gestion de donn\u00e9es<br \/>\n transparente<br \/>\n <\/h5>\n<p class=\"m-0\">sur une multitude de Blockchain publiques et priv\u00e9es.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-lg-4 col-md-6 wow fadeInUp\" data-wow-delay=\"0.1s\">\n<div class=\"feature-item bg-light rounded p-4\">\n<div class=\"d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle mb-4\" style=\"width: 60px; height: 60px;\">\n <i class=\"fa fa-shield-alt text-white fs-4\"><\/i>\n <\/div>\n<h5 class=\"mb-3\">Une S\u00e9curit\u00e9<\/h5>\n<p class=\"m-0\">avec un syst\u00e8me de chiffrement de donn\u00e9es sensibles<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-lg-4 col-md-6 wow fadeInUp\" data-wow-delay=\"0.3s\">\n<div class=\"feature-item bg-light rounded p-4\">\n<div class=\"d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle mb-4\" style=\"width: 60px; height: 60px;\">\n <i class=\"fa fa-cloud text-white fs-4\"><\/i>\n <\/div>\n<h5 class=\"mb-3\">Un environnement AWS <\/h5>\n<p class=\"m-0\">serverless accessible, fiable et \u00e9conomique. Une porte d\u2019entr\u00e9e s\u00e9curis\u00e9e et accessibles \u00e0 toutes les applications.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-lg-4 col-md-6 wow fadeInUp\" data-wow-delay=\"0.5s\">\n<div class=\"feature-item bg-light rounded p-4\">\n<div class=\"d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle mb-4\" style=\"width: 60px; height: 60px;\">\n <i class=\"fa fa-mobile-alt text-white fs-4\"><\/i>\n <\/div>\n<h5 class=\"mb-3\">Une solution<\/h5>\n<p class=\"m-0\">dont vous serez propri\u00e9taire bas\u00e9e sur une architecture simplifi\u00e9e et \u00e9volutif..<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Features End --><\/p>\n<p> <!-- Screenshot Start --><\/p>\n<div class=\"container-xxl py-5\">\n<div class=\"container py-5 px-lg-5\">\n<div class=\"row g-5 align-items-center\">\n<div class=\"col-lg-8 wow fadeInUp\" data-wow-delay=\"0.1s\">\n <!-- \n\n<h5 class=\"text-primary-gradient fw-medium\">Screenshot<\/h5>\n\n --><\/p>\n<h1 class=\"mb-4\" style=\"color:white\">Les points forts de APY.3<br \/>\n <\/h1>\n<p class=\"text-primary-gradient fw-medium\"><i class=\"fa fa-check text-primary-gradient me-3\"><\/i>S\u00e9curit\u00e9 et Scalabilit\u00e9<\/p>\n<p class=\"mb-4\">Une communication asynchrone vous garantissant une int\u00e9grit\u00e9, un ordonnancement et une r\u00e9silience des messages \u00e9chang\u00e9s. Une architecture \u00e9volutive et d\u00e9coupl\u00e9e, permettant une mise en file d'attente des messages, op\u00e9rations et des notifications fiables. Une scalabilit\u00e9 sans heurt avec APY.3 qui \u00e9volue en permanence avec l\u2019ajout de nouvelles briques techniques.<\/p>\n<p class=\"text-primary-gradient fw-medium\"><i class=\"fa fa-check text-primary-gradient me-3\"><\/i>Immutabilit\u00e9 et conformit\u00e9<\/p>\n<p class=\"mb-4\">Un registre immuable, transparent et \u00e9galement v\u00e9rifiable cryptographiquement.<br \/>\n APY.3 offre une r\u00e9elle int\u00e9grit\u00e9 des donn\u00e9es avec un suivi continu de tous types de modification. Le respect de la conformit\u00e9 et les exigences r\u00e9glementaires sont ainsi garantis.<br \/>\n .<\/p>\n<p class=\"text-primary-gradient fw-medium\" class=\"mb-4\"><i class=\"fa fa-check text-primary-gradient me-3\"><\/i>Protection et confidentialit\u00e9 des donn\u00e9es<\/p>\n<p class=\"mb-4\">Une conception permettant la gestion et le contr\u00f4le en toute s\u00e9curit\u00e9 des acc\u00e8s aux cl\u00e9s de chiffrement. Par cons\u00e9quent, vos donn\u00e9es au repos, en transit et sur la Blockchain, sont prot\u00e9g\u00e9es de bout en bout. APY.3 assurera la s\u00e9curisation des cl\u00e9s priv\u00e9es des portefeuilles utilis\u00e9es pour la signature des transactions sur la Blockchain. <\/p>\n<\/p><\/div>\n<p> <!-- \n\n<div class=\"col-lg-4 d-flex justify-content-center justify-content-lg-end wow fadeInUp\" data-wow-delay=\"0.3s\">\n \n\n<div class=\"owl-carousel screenshot-carousel\">\n <img decoding=\"async\" class=\"img-fluid\" src=\"img\/screenshot-1.png\" alt=\"\">\n <img decoding=\"async\" class=\"img-fluid\" src=\"img\/screenshot-2.png\" alt=\"\">\n <img decoding=\"async\" class=\"img-fluid\" src=\"img\/screenshot-3.png\" alt=\"\">\n <img decoding=\"async\" class=\"img-fluid\" src=\"img\/screenshot-4.png\" alt=\"\">\n <img decoding=\"async\" class=\"img-fluid\" src=\"img\/screenshot-5.png\" alt=\"\">\n <\/div>\n\n\n <\/div>\n\n -->\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Screenshot End --><\/p>\n<p> <!-- Process Start --><\/p>\n<div class=\"container-xxl py-5\">\n<div class=\"container py-5 px-lg-5\">\n<div class=\"text-center pb-4 wow fadeInUp\" data-wow-delay=\"0.1s\">\n<h5 class=\"text-primary-gradient fw-medium\">La proposition de valeur APY.3<\/h5>\n<h1 class=\"mb-5\">\n <\/h1>\n<\/p><\/div>\n<div class=\"row gy-5 gx-4 justify-content-center\">\n<div class=\"col-lg-4 col-sm-6 text-center pt-4 wow fadeInUp\" data-wow-delay=\"0.1s\">\n<div class=\"position-relative bg-light rounded pt-5 pb-4 px-4\">\n<div class=\"d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle position-absolute top-0 start-50 translate-middle shadow\" style=\"width: 100px; height: 100px;\">\n <i class=\"fa fa-cog fa-3x text-white\"><\/i>\n <\/div>\n<h5 class=\"mt-4 mb-3\">Un co\u00fbt de r\u00e9alisation tr\u00e8s int\u00e9ressant<br \/>\n <\/h5>\n<p class=\"mb-0\">\n Gagnez en autonomie tout en r\u00e9duisant les co\u00fbts de d\u00e9veloppement, de mise en place des infrastructures serverless et Blockchain.<br \/>\n Un ensemble de composants logiciels distribu\u00e9s vous permettant une communication entre des r\u00e9f\u00e9rences crois\u00e9es web2 et web3.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-lg-4 col-sm-6 text-center pt-4 wow fadeInUp\" data-wow-delay=\"0.3s\">\n<div class=\"position-relative bg-light rounded pt-5 pb-4 px-4\">\n<div class=\"d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle position-absolute top-0 start-50 translate-middle shadow\" style=\"width: 100px; height: 100px;\">\n <i class=\"fa fa-address-card fa-3x text-white\"><\/i>\n <\/div>\n<h5 class=\"mt-4 mb-3\">Une int\u00e9gration Blockchain plus simple<br \/>\n <\/h5>\n<p class=\"mb-0\">\n<p> Une grande flexibilit\u00e9 dans le d\u00e9ploiement des projets web3 gr\u00e2ce \u00e0 une r\u00e9ponse structur\u00e9e \u00e0 l\u2019ensemble des d\u00e9fis m\u00e9tiers, technologiques, et \u00e9conomiques. Elle s\u2019adapte \u00e0 votre architecture actuelle<br \/>\n et vous offre une libert\u00e9 et pour coder des smarts contrats sp\u00e9cifiques.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-lg-4 col-sm-6 text-center pt-4 wow fadeInUp\" data-wow-delay=\"0.5s\">\n<div class=\"position-relative bg-light rounded pt-5 pb-4 px-4\">\n<div class=\"d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle position-absolute top-0 start-50 translate-middle shadow\" style=\"width: 100px; height: 100px;\">\n <i class=\"fa fa-check fa-3x text-white\"><\/i>\n <\/div>\n<h5 class=\"mt-4 mb-3\">Un suivi de performance<br \/>\n tr\u00e8s efficace<br \/>\n <\/h5>\n<p class=\"mb-0\">\n Un dashboard de monitoring qui permet aux \u00e9quipes de mieux traiter les transactions en cours tout en \u00e9valuant les risques d\u2019erreur en temps r\u00e9el.<br \/>\n APY.3 vous donne \u00e9galement une visibilit\u00e9 sur la consommation des frais de gas et l\u2019\u00e9tat des r\u00e9seaux Blockchain pour une meilleure anticipation de d\u00e9cisions.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Process Start --><\/p>\n<p> <!-- Download Start --><br \/>\n <!-- \n\n<div class=\"container-xxl py-5\">\n \n\n<div class=\"container py-5 px-lg-5\">\n \n\n<div class=\"row g-5 align-items-center\">\n \n\n<div class=\"col-lg-6\">\n <img decoding=\"async\" class=\"img-fluid wow fadeInUp\" data-wow-delay=\"0.1s\" src=\"img\/about.png\">\n <\/div>\n\n\n \n\n<div class=\"col-lg-6 wow fadeInUp\" data-wow-delay=\"0.3s\">\n \n\n<h5 class=\"text-primary-gradient fw-medium\">Download<\/h5>\n\n\n \n\n<h1 class=\"mb-4\">Download The Latest Version Of Our App<\/h1>\n\n\n \n\n<p class=\"mb-4\">Diam dolor diam ipsum et tempor sit. Aliqu diam amet diam et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit clita duo justo eirmod magna dolore erat amet<\/p>\n\n\n \n\n<div class=\"row g-4\">\n \n\n<div class=\"col-sm-6 wow fadeIn\" data-wow-delay=\"0.5s\">\n <a href=\"\" class=\"d-flex bg-primary-gradient rounded py-3 px-4\">\n <i class=\"fab fa-apple fa-3x text-white flex-shrink-0\"><\/i>\n \n\n<div class=\"ms-3\">\n \n\n<p class=\"text-white mb-0\">Available On<\/p>\n\n\n \n\n<h5 class=\"text-white mb-0\">App Store<\/h5>\n\n\n <\/div>\n\n\n <\/a>\n <\/div>\n\n\n \n\n<div class=\"col-sm-6 wow fadeIn\" data-wow-delay=\"0.7s\">\n <a href=\"\" class=\"d-flex bg-secondary-gradient rounded py-3 px-4\">\n <i class=\"fab fa-android fa-3x text-white flex-shrink-0\"><\/i>\n \n\n<div class=\"ms-3\">\n \n\n<p class=\"text-white mb-0\">Available On<\/p>\n\n\n \n\n<h5 class=\"text-white mb-0\">Play Store<\/h5>\n\n\n <\/div>\n\n\n <\/a>\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n --><br \/>\n <!-- Download End --><\/p>\n<p> <!-- Pricing Start --><br \/>\n <!-- \n\n<div class=\"container-xxl py-5\" id=\"pricing\">\n \n\n<div class=\"container py-5 px-lg-5\">\n \n\n<div class=\"text-center wow fadeInUp\" data-wow-delay=\"0.1s\">\n \n\n<h5 class=\"text-primary-gradient fw-medium\">Pricing Plan<\/h5>\n\n\n \n\n<h1 class=\"mb-5\">Choose Your Plan<\/h1>\n\n\n <\/div>\n\n\n \n\n<div class=\"tab-class text-center pricing wow fadeInUp\" data-wow-delay=\"0.1s\">\n \n\n<ul class=\"nav nav-pills d-inline-flex justify-content-center bg-primary-gradient rounded-pill mb-5\">\n \n\n<li class=\"nav-item\">\n <button class=\"nav-link active\" data-bs-toggle=\"pill\" href=\"#tab-1\">Monthly<\/button>\n <\/li>\n\n\n \n\n<li class=\"nav-item\">\n <button class=\"nav-link\" data-bs-toggle=\"pill\" href=\"#tab-2\">Yearly<\/button>\n <\/li>\n\n\n <\/ul>\n\n\n \n\n<div class=\"tab-content text-start\">\n \n\n<div id=\"tab-1\" class=\"tab-pane fade show p-0 active\">\n \n\n<div class=\"row g-4\">\n \n\n<div class=\"col-lg-4\">\n \n\n<div class=\"bg-light rounded\">\n \n\n<div class=\"border-bottom p-4 mb-4\">\n \n\n<h4 class=\"text-primary-gradient mb-1\">Starter Plan<\/h4>\n\n\n <span>Powerful & Awesome Features<\/span>\n <\/div>\n\n\n \n\n<div class=\"p-4 pt-0\">\n \n\n<h1 class=\"mb-3\">\n <small class=\"align-top\" style=\"font-size: 22px; line-height: 45px;\">$<\/small>14.99<small\n class=\"align-bottom\" style=\"font-size: 16px; line-height: 40px;\">\/ Month<\/small>\n <\/h1>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>HTML5 & CSS3<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Bootstrap v5<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Responsive Layout<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-2\"><span>Cross-browser Support<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n <a href=\"\" class=\"btn btn-primary-gradient rounded-pill py-2 px-4 mt-4\">Get Started<\/a>\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n \n\n<div class=\"col-lg-4\">\n \n\n<div class=\"bg-light rounded border\">\n \n\n<div class=\"border-bottom p-4 mb-4\">\n \n\n<h4 class=\"text-primary-gradient mb-1\">Advance Plan<\/h4>\n\n\n <span>Powerful & Awesome Features<\/span>\n <\/div>\n\n\n \n\n<div class=\"p-4 pt-0\">\n \n\n<h1 class=\"mb-3\">\n <small class=\"align-top\" style=\"font-size: 22px; line-height: 45px;\">$<\/small>24.99<small\n class=\"align-bottom\" style=\"font-size: 16px; line-height: 40px;\">\/ Month<\/small>\n <\/h1>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>HTML5 & CSS3<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Bootstrap v5<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Responsive Layout<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-2\"><span>Cross-browser Support<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n <a href=\"\" class=\"btn btn-secondary-gradient rounded-pill py-2 px-4 mt-4\">Get Started<\/a>\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n \n\n<div class=\"col-lg-4\">\n \n\n<div class=\"bg-light rounded\">\n \n\n<div class=\"border-bottom p-4 mb-4\">\n \n\n<h4 class=\"text-primary-gradient mb-1\">Premium Plan<\/h4>\n\n\n <span>Powerful & Awesome Features<\/span>\n <\/div>\n\n\n \n\n<div class=\"p-4 pt-0\">\n \n\n<h1 class=\"mb-3\">\n <small class=\"align-top\" style=\"font-size: 22px; line-height: 45px;\">$<\/small>34.99<small\n class=\"align-bottom\" style=\"font-size: 16px; line-height: 40px;\">\/ Month<\/small>\n <\/h1>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>HTML5 & CSS3<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Bootstrap v5<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Responsive Layout<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-2\"><span>Cross-browser Support<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n <a href=\"\" class=\"btn btn-primary-gradient rounded-pill py-2 px-4 mt-4\">Get Started<\/a>\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n \n\n<div id=\"tab-2\" class=\"tab-pane fade p-0\">\n \n\n<div class=\"row g-4\">\n \n\n<div class=\"col-lg-4\">\n \n\n<div class=\"bg-light rounded\">\n \n\n<div class=\"border-bottom p-4 mb-4\">\n \n\n<h4 class=\"text-primary-gradient mb-1\">Starter Plan<\/h4>\n\n\n <span>Powerful & Awesome Features<\/span>\n <\/div>\n\n\n \n\n<div class=\"p-4 pt-0\">\n \n\n<h1 class=\"mb-3\">\n <small class=\"align-top\" style=\"font-size: 22px; line-height: 45px;\">$<\/small>114.99<small\n class=\"align-bottom\" style=\"font-size: 16px; line-height: 40px;\">\/ Yearly<\/small>\n <\/h1>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>HTML5 & CSS3<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Bootstrap v5<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Responsive Layout<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-2\"><span>Cross-browser Support<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n <a href=\"\" class=\"btn btn-primary-gradient rounded-pill py-2 px-4 mt-4\">Get Started<\/a>\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n \n\n<div class=\"col-lg-4\">\n \n\n<div class=\"bg-light rounded border\">\n \n\n<div class=\"border-bottom p-4 mb-4\">\n \n\n<h4 class=\"text-primary-gradient mb-1\">Advance Plan<\/h4>\n\n\n <span>Powerful & Awesome Features<\/span>\n <\/div>\n\n\n \n\n<div class=\"p-4 pt-0\">\n \n\n<h1 class=\"mb-3\">\n <small class=\"align-top\" style=\"font-size: 22px; line-height: 45px;\">$<\/small>124.99<small\n class=\"align-bottom\" style=\"font-size: 16px; line-height: 40px;\">\/ Yearly<\/small>\n <\/h1>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>HTML5 & CSS3<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Bootstrap v5<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Responsive Layout<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-2\"><span>Cross-browser Support<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n <a href=\"\" class=\"btn btn-primary-gradient rounded-pill py-2 px-4 mt-4\">Get Started<\/a>\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n \n\n<div class=\"col-lg-4\">\n \n\n<div class=\"bg-light rounded\">\n \n\n<div class=\"border-bottom p-4 mb-4\">\n \n\n<h4 class=\"text-primary-gradient mb-1\">Premium Plan<\/h4>\n\n\n <span>Powerful & Awesome Features<\/span>\n <\/div>\n\n\n \n\n<div class=\"p-4 pt-0\">\n \n\n<h1 class=\"mb-3\">\n <small class=\"align-top\" style=\"font-size: 22px; line-height: 45px;\">$<\/small>134.99<small\n class=\"align-bottom\" style=\"font-size: 16px; line-height: 40px;\">\/ Yearly<\/small>\n <\/h1>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>HTML5 & CSS3<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Bootstrap v5<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-3\"><span>Responsive Layout<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n \n\n<div class=\"d-flex justify-content-between mb-2\"><span>Cross-browser Support<\/span><i class=\"fa fa-check text-primary-gradient pt-1\"><\/i><\/div>\n\n\n <a href=\"\" class=\"btn btn-primary-gradient rounded-pill py-2 px-4 mt-4\">Get Started<\/a>\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n --><br \/>\n <!-- Pricing End --><\/p>\n<div class=\"container-xxl py-5\" id=\"about\">\n<div class=\"container py-5 px-lg-5\">\n<div class=\"row g-5 align-items-center\">\n<div class=\"col-lg-6 wow fadeInUp\" data-wow-delay=\"0.1s\">\n<h1 class=\"\" style=\"color:white\">Comment ca marche ?<\/h1>\n<p> <!-- \n\n<p class=\"mb-4\">Une grande flexibilit\u00e9 dans le d\u00e9ploiement des projets web3 avec un choix \u00e9tendu de blockchains<\/p>\n\n -->\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <video style=\"width:100%; height:30%\" controls autoplay><source src=\".\/img\/steps.mp4\" type=\"video\/mp4\"><source src=\"movie.ogg\" type=\"video\/ogg\">Your browser does not support the video tag.<\/video><\/p>\n<p> <!-- Testimonial Start --><\/p>\n<div class=\"container-xxl py-5\" style=\"padding-top: 10rem\" id=\"review\">\n<div class=\"container py-5 px-lg-5\">\n<div class=\"text-center wow fadeInUp\" data-wow-delay=\"0.1s\">\n<h5 class=\"text-primary-gradient fw-medium\">Les r\u00e9f\u00e9rences APY.3<br \/>\n <\/h5>\n<h1 class=\"mb-5\">Les projets utilisants le socle technique APY.3<br \/>\n <\/h1>\n<\/p><\/div>\n<div class=\"owl-carousel testimonial-carousel wow fadeInUp\" data-wow-delay=\"0.1s\">\n<div class=\"testimonial-item rounded p-4\">\n<div class=\"d-flex align-items-center \">\n <img decoding=\"async\" class=\"img-fluid rounded flex-shrink-0 p-1\" src=\"img\/testimonial-1.jpg\" style=\"width: 136px; height: 85px;\"><\/p>\n<div class=\"ms-4\">\n<h5 class=\"mb-1\">Push<\/h5>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"testimonial-item rounded p-4\">\n<div class=\"d-flex align-items-center\">\n <img decoding=\"async\" class=\"img-fluid rounded flex-shrink-0 p-1\" src=\"img\/testimonial-3.jpg\" style=\"width: 136px; height: 85px;\"><\/p>\n<div class=\"ms-4\">\n<h5 class=\"mb-1\">CODENEKT<\/h5>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"testimonial-item rounded p-4\">\n<div class=\"d-flex align-items-center \">\n <img decoding=\"async\" class=\"img-fluid rounded flex-shrink-0 p-1\" src=\"img\/testimonial-2.jpg\" style=\"width: 136px; height: 85px;\"><\/p>\n<div class=\"ms-4\">\n<h5 class=\"mb-1\">SwissLife<\/h5>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Testimonial End --><\/p>\n<p> <!-- Contact Start --><br \/>\n <!-- \n\n<div class=\"container-xxl py-5\" id=\"contact\">\n \n\n<div class=\"container py-5 px-lg-5\">\n \n\n<div class=\"text-center wow fadeInUp\" data-wow-delay=\"0.1s\">\n \n\n<h5 class=\"text-primary-gradient fw-medium\">Contact Us<\/h5>\n\n\n \n\n<h1 class=\"mb-5\">Get In Touch!<\/h1>\n\n\n <\/div>\n\n\n \n\n<div class=\"row justify-content-center\">\n \n\n<div class=\"col-lg-9\">\n \n\n<div class=\"wow fadeInUp\" data-wow-delay=\"0.3s\">\n \n\n<p class=\"text-center mb-4\">The contact form is currently inactive. Get a functional and working contact form with Ajax & PHP in a few minutes. Just copy and paste the files, add a little code and you're done. <a href=\"https:\/\/htmlcodex.com\/contact-form\">Download Now<\/a>.<\/p>\n\n\n \n\n<form>\n \n\n<div class=\"row g-3\">\n \n\n<div class=\"col-md-6\">\n \n\n<div class=\"form-floating\">\n <input type=\"text\" class=\"form-control\" id=\"name\" placeholder=\"Your Name\">\n <label for=\"name\">Your Name<\/label>\n <\/div>\n\n\n <\/div>\n\n\n \n\n<div class=\"col-md-6\">\n \n\n<div class=\"form-floating\">\n <input type=\"email\" class=\"form-control\" id=\"email\" placeholder=\"Your Email\">\n <label for=\"email\">Your Email<\/label>\n <\/div>\n\n\n <\/div>\n\n\n \n\n<div class=\"col-12\">\n \n\n<div class=\"form-floating\">\n <input type=\"text\" class=\"form-control\" id=\"subject\" placeholder=\"Subject\">\n <label for=\"subject\">Subject<\/label>\n <\/div>\n\n\n <\/div>\n\n\n \n\n<div class=\"col-12\">\n \n\n<div class=\"form-floating\">\n <textarea class=\"form-control\" placeholder=\"Leave a message here\" id=\"message\" style=\"height: 150px\"><\/textarea>\n <label for=\"message\">Message<\/label>\n <\/div>\n\n\n <\/div>\n\n\n \n\n<div class=\"col-12 text-center\">\n <button class=\"btn btn-primary-gradient rounded-pill py-3 px-5\" type=\"submit\">Send Message<\/button>\n <\/div>\n\n\n <\/div>\n\n\n <\/form>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n --><br \/>\n <!-- Contact End --><\/p>\n<p> <!-- Footer Start --><\/p>\n<div class=\"container-fluid bg-primary text-light footer wow fadeIn\" data-wow-delay=\"0.1s\">\n<div class=\"container py-5 px-lg-5\">\n<div class=\"row g-5\">\n<div class=\"col-md-6 col-lg-3\">\n<h4 class=\"text-white\"> <span style=\"color:var(--secondary)\">APY.<\/span>3 <\/p>\n<h4 class=\"text-white mb-4\">No More Risk<\/h4>\n<\/h4>\n<p><i class=\"fa fa-envelope me-3\"><\/i>apy3@metadev3.com<\/p>\n<p><i class=\"fa fa-envelope me-3\"><\/i>www.metadev3.com<\/p>\n<\/p><\/div>\n<p> <!-- \n\n<div class=\"col-md-6 col-lg-3\">\n \n\n<h4 class=\"text-white mb-4\">Quick Link<\/h4>\n\n\n <a class=\"btn btn-link\" href=\"\">About Us<\/a>\n <a class=\"btn btn-link\" href=\"\">Contact Us<\/a>\n <a class=\"btn btn-link\" href=\"\">Privacy Policy<\/a>\n <a class=\"btn btn-link\" href=\"\">Terms & Condition<\/a>\n <a class=\"btn btn-link\" href=\"\">Career<\/a>\n <\/div>\n\n\n \n\n<div class=\"col-md-6 col-lg-3\">\n \n\n<h4 class=\"text-white mb-4\">Popular Link<\/h4>\n\n\n <a class=\"btn btn-link\" href=\"\">About Us<\/a>\n <a class=\"btn btn-link\" href=\"\">Contact Us<\/a>\n <a class=\"btn btn-link\" href=\"\">Privacy Policy<\/a>\n <a class=\"btn btn-link\" href=\"\">Terms & Condition<\/a>\n <a class=\"btn btn-link\" href=\"\">Career<\/a>\n <\/div>\n\n --><\/p>\n<div class=\"col-md-6 col-lg-3\" style=\"float:right\">\n<p> <img decoding=\"async\" src=\".\/img\/logo-metadev.png\" style=\"width:150px;\"><\/p>\n<p style=\"padding-top:15px; padding-left:45px; font-size:12px;\">Powered by The Blockchain Group<\/p>\n<div class=\"position-relative w-100 mt-3\">\n <span style=\"font-weight:bold\">Tour W<\/span> <br \/>\n <span>102 Terrasse Boieldieu<\/span> <br \/>\n <span>16\u00e8me \u00e9tage<\/span> <br \/>\n <span>92800 Puteaux <\/span><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"container px-lg-5\">\n<div class=\"copyright\">\n<div class=\"row\">\n<div class=\"col-md-6\">\n<p> <img decoding=\"async\" src=\".\/img\/logo-club.png\" style=\"width:150px; padding-right:15px;\"> Rejoignez notre Club! <\/p>\n<\/p><\/div>\n<p> <!-- \n\n<div class=\"col-md-6 text-center text-md-end\">\n \n \n\n\n <\/div>\n\n -->\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Footer End --><\/p>\n<p> <!-- Back to Top --><br \/>\n <a href=\"#\" class=\"btn btn-lg btn-lg-square back-to-top pt-2\"><i class=\"bi bi-arrow-up text-white\"><\/i><\/a>\n <\/div>\n<p> <!-- JavaScript Libraries --><br \/>\n <script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js\"><\/script><br \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script><br \/>\n <script src=\"lib\/wow\/wow.min.js\"><\/script><br \/>\n <script src=\"lib\/easing\/easing.min.js\"><\/script><br \/>\n <script src=\"lib\/waypoints\/waypoints.min.js\"><\/script><br \/>\n <script src=\"lib\/counterup\/counterup.min.js\"><\/script><br \/>\n <script src=\"lib\/owlcarousel\/owl.carousel.min.js\"><\/script><\/p>\n<p> <!-- Template Javascript --><br \/>\n <script src=\"js\/main.js\"><\/script><br \/>\n<\/body><\/p>\n<p><\/html><\/p>\n<p>\/********** Template CSS **********\/<br \/>\n:root {<br \/>\n --primary: #0F2660;<br \/>\n --secondary: #F98755;<br \/>\n --light: #F0F6FF;<br \/>\n --dark: #0a1023;<br \/>\n}<\/p>\n<p>body{<br \/>\n background-color: #2e3237;<br \/>\n}<\/p>\n<p>.bg-white{<br \/>\n background-color: #0a1023 !important;<br \/>\n}<\/p>\n<p>.mb-5{<br \/>\n color: white;<br \/>\n}<\/p>\n<p>.mb-3{<br \/>\n color: #F98755;<br \/>\n}<\/p>\n<p>.bg-light{<br \/>\n border: 1px solid #545454;<br \/>\n background-color: #000c2a !important;<br \/>\n}<\/p>\n<p>\/*** Spinner ***\/<br \/>\n#spinner {<br \/>\n opacity: 0;<br \/>\n visibility: hidden;<br \/>\n transition: opacity .5s ease-out, visibility 0s linear .5s;<br \/>\n z-index: 99999;<br \/>\n}<\/p>\n<p>#spinner.show {<br \/>\n transition: opacity .5s ease-out, visibility 0s linear 0s;<br \/>\n visibility: visible;<br \/>\n opacity: 1;<br \/>\n}<\/p>\n<p>\/*** Heading ***\/<br \/>\nh1,<br \/>\nh2,<br \/>\n.fw-bold {<br \/>\n font-weight: 700 !important;<br \/>\n}<\/p>\n<p>h3,<br \/>\nh4,<br \/>\n.fw-semi-bold {<br \/>\n font-weight: 600 !important;<br \/>\n}<\/p>\n<p>h5,<br \/>\nh6,<br \/>\n.fw-medium {<br \/>\n font-weight: 500 !important;<br \/>\n}<\/p>\n<p>\/*** Gradient Text & BG ***\/<br \/>\n.text-primary-gradient {<br \/>\n color: var(--secondary)!important;<br \/>\n}<\/p>\n<p>.text-secondary-gradient {<br \/>\n background: linear-gradient(to bottom right, var(--secondary), var(--primary));<br \/>\n -webkit-background-clip: text;<br \/>\n -webkit-text-fill-color: transparent;<br \/>\n}<\/p>\n<p>.bg-primary-gradient {<br \/>\n background: linear-gradient(to bottom right, #020eff, #f36502);<br \/>\n}<\/p>\n<p>.bg-secondary-gradient {<br \/>\n background: linear-gradient(to bottom right, #020eff, #f36502);<br \/>\n}<\/p>\n<p>\/*** Button ***\/<br \/>\n.btn {<br \/>\n transition: .5s;<br \/>\n}<\/p>\n<p>.btn.btn-primary-gradient,<br \/>\n.btn.btn-secondary-gradient {<br \/>\n position: relative;<br \/>\n overflow: hidden;<br \/>\n border: none;<br \/>\n color: #FFFFFF;<br \/>\n z-index: 1;<br \/>\n}<\/p>\n<p>.btn.btn-primary-gradient::after,<br \/>\n.btn.btn-secondary-gradient::after {<br \/>\n position: absolute;<br \/>\n content: \"\";<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n transition: .5s;<br \/>\n z-index: -1;<br \/>\n opacity: 0;<br \/>\n}<\/p>\n<p>.btn.btn-primary-gradient,<br \/>\n.btn.btn-secondary-gradient::after {<br \/>\n background: linear-gradient(to bottom right, var(--primary), var(--secondary));<br \/>\n}<\/p>\n<p>.btn.btn-secondary-gradient,<br \/>\n.btn.btn-primary-gradient::after {<br \/>\n background: linear-gradient(to bottom right, var(--secondary), var(--primary));<br \/>\n}<\/p>\n<p>.btn.btn-primary-gradient:hover::after,<br \/>\n.btn.btn-secondary-gradient:hover::after {<br \/>\n opacity: 1;<br \/>\n}<\/p>\n<p>.btn-square {<br \/>\n width: 38px;<br \/>\n height: 38px;<br \/>\n}<\/p>\n<p>.btn-sm-square {<br \/>\n width: 32px;<br \/>\n height: 32px;<br \/>\n}<\/p>\n<p>.btn-lg-square {<br \/>\n width: 48px;<br \/>\n height: 48px;<br \/>\n}<\/p>\n<p>.btn-square,<br \/>\n.btn-sm-square,<br \/>\n.btn-lg-square {<br \/>\n padding: 0;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-weight: normal;<br \/>\n border-radius: 50px;<br \/>\n}<\/p>\n<p>.back-to-top {<br \/>\n position: fixed;<br \/>\n display: none;<br \/>\n right: 45px;<br \/>\n bottom: 45px;<br \/>\n z-index: 99;<br \/>\n border: none;<br \/>\n background: linear-gradient(to bottom right, var(--primary), var(--secondary));<br \/>\n}<\/p>\n<p>\/*** Navbar ***\/<br \/>\n.navbar-light .navbar-nav .nav-link {<br \/>\n position: relative;<br \/>\n margin-right: 25px;<br \/>\n padding: 45px 0;<br \/>\n font-family: 'Jost', sans-serif;<br \/>\n font-size: 18px;<br \/>\n font-weight: 500;<br \/>\n color: var(--light) !important;<br \/>\n outline: none;<br \/>\n transition: .5s;<br \/>\n}<\/p>\n<p>.navbar-light .navbar-nav .nav-link::before {<br \/>\n position: absolute;<br \/>\n content: \"\";<br \/>\n width: 0;<br \/>\n height: 0;<br \/>\n top: -10px;<br \/>\n left: 50%;<br \/>\n transform: translateX(-50%);<br \/>\n border: 10px solid;<br \/>\n border-color: var(--light) transparent transparent transparent;<br \/>\n transition: .5s;<br \/>\n}<\/p>\n<p>.sticky-top.navbar-light .navbar-nav .nav-link {<br \/>\n padding: 20px 0;<br \/>\n color: var(--dark) !important;<br \/>\n}<\/p>\n<p>.navbar-light .navbar-nav .nav-link:hover::before,<br \/>\n.navbar-light .navbar-nav .nav-link.active::before {<br \/>\n top: 0;<br \/>\n}<\/p>\n<p>.navbar-light .navbar-brand h1 {<br \/>\n color: #FFFFFF;<br \/>\n}<\/p>\n<p>.navbar-light .navbar-brand img {<br \/>\n max-height: 60px;<br \/>\n transition: .5s;<br \/>\n}<\/p>\n<p>.sticky-top.navbar-light .navbar-brand img {<br \/>\n max-height: 45px;<br \/>\n}<\/p>\n<p>@media (max-width: 991.98px) {<br \/>\n .sticky-top.navbar-light {<br \/>\n position: relative;<br \/>\n background: #FFFFFF;<br \/>\n }<\/p>\n<p> .navbar-light .navbar-collapse {<br \/>\n margin-top: 15px;<br \/>\n border-top: 1px solid #DDDDDD;<br \/>\n }<\/p>\n<p> .navbar-light .navbar-nav .nav-link,<br \/>\n .sticky-top.navbar-light .navbar-nav .nav-link {<br \/>\n padding: 10px 0;<br \/>\n margin-left: 0;<br \/>\n color: var(--dark) !important;<br \/>\n }<\/p>\n<p> .navbar-light .navbar-nav .nav-link::before {<br \/>\n display: none;<br \/>\n }<\/p>\n<p> .navbar-light .navbar-nav .nav-link:hover,<br \/>\n .navbar-light .navbar-nav .nav-link.active {<br \/>\n color: var(--primary) !important;<br \/>\n }<\/p>\n<p> .navbar-light .navbar-brand h1 {<br \/>\n background: var(--primary);<\/p>\n<p> }<\/p>\n<p> .navbar-light .navbar-brand img {<br \/>\n max-height: 45px;<br \/>\n }<br \/>\n}<\/p>\n<p>@media (min-width: 992px) {<br \/>\n .navbar-light {<br \/>\n position: absolute;<br \/>\n width: 100%;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n z-index: 999;<br \/>\n }<\/p>\n<p> .sticky-top.navbar-light {<br \/>\n position: fixed;<br \/>\n background: #FFFFFF;<br \/>\n }<\/p>\n<p> .sticky-top.navbar-light .navbar-nav .nav-link::before {<br \/>\n border-top-color: var(--primary);<br \/>\n }<\/p>\n<p> .sticky-top.navbar-light .navbar-brand h1 {<br \/>\n color: var(--primary);<\/p>\n<p> }<br \/>\n}<\/p>\n<p>\/*** Hero Header ***\/<br \/>\n.hero-header {<br \/>\n margin-bottom: 6rem;<br \/>\n padding: 5rem 0 0 0;<br \/>\n background:<br \/>\n url(..\/img\/bg-circle.png),<br \/>\n url(..\/img\/bg-triangle.png),<br \/>\n url(..\/img\/bg-bottom.png),<\/p>\n<p> linear-gradient(to bottom right, var(--primary), var(--secondary));<br \/>\n background-position:<br \/>\n left 0px top 0px,<br \/>\n right 0px top 50%,<br \/>\n center bottom;<br \/>\n background-repeat: no-repeat;<br \/>\n}<\/p>\n<p>@media (max-width: 991.98px) {<br \/>\n .hero-header {<br \/>\n padding: 6rem 0 9rem 0;<br \/>\n }<br \/>\n}<\/p>\n<p>\/*** Feature ***\/<br \/>\n.feature-item {<br \/>\n height: 300px;<br \/>\n transition: .5s;<br \/>\n}<\/p>\n<p>.feature-item:hover {<br \/>\n margin-top: -15px;<br \/>\n box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);<br \/>\n}<\/p>\n<p>\/*** Pricing ***\/<br \/>\n.pricing .nav {<br \/>\n padding: 2px;<br \/>\n}<\/p>\n<p>.pricing .nav-link {<br \/>\n padding: 12px 30px;<br \/>\n font-weight: 500;<br \/>\n color: var(--dark);<br \/>\n background: #FFFFFF;<br \/>\n}<\/p>\n<p>.pricing .nav-item:first-child .nav-link {<br \/>\n border-radius: 30px 0 0 30px;<br \/>\n}<\/p>\n<p>.pricing .nav-item:last-child .nav-link {<br \/>\n border-radius: 0 30px 30px 0;<br \/>\n}<\/p>\n<p>.pricing .nav-link.active {<br \/>\n color: #FFFFFF;<br \/>\n background: linear-gradient(to bottom right, var(--primary), var(--secondary));<br \/>\n}<\/p>\n<p>\/*** Screenshot ***\/<br \/>\n.screenshot-carousel {<br \/>\n position: relative;<br \/>\n width: 253px;<br \/>\n height: 500px;<br \/>\n padding: 15px;<br \/>\n margin-right: 30px;<br \/>\n}<\/p>\n<p>.screenshot-carousel::before {<br \/>\n position: absolute;<br \/>\n content: \"\";<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n background: url(..\/img\/screenshot-frame.png) center center no-repeat;<br \/>\n background-size: 253px 500px;<br \/>\n z-index: 1;<br \/>\n}<\/p>\n<p>.screenshot-carousel .owl-item img {<br \/>\n position: relative;<br \/>\n width: 223px;<br \/>\n height: 470px;<br \/>\n}<\/p>\n<p>.screenshot-carousel .owl-dots {<br \/>\n position: absolute;<br \/>\n top: 50%;<br \/>\n right: -30px;<br \/>\n transform: translateY(-50%);<br \/>\n display: flex;<br \/>\n flex-direction: column;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n}<\/p>\n<p>.screenshot-carousel .owl-dot {<br \/>\n position: relative;<br \/>\n display: inline-block;<br \/>\n margin: 5px 0;<br \/>\n width: 15px;<br \/>\n height: 15px;<br \/>\n background: linear-gradient(to bottom right, var(--primary), var(--secondary));<br \/>\n border-radius: 15px;<br \/>\n transition: .5s;<br \/>\n}<\/p>\n<p>.screenshot-carousel .owl-dot::after {<br \/>\n position: absolute;<br \/>\n content: \"\";<br \/>\n width: 5px;<br \/>\n height: 5px;<br \/>\n top: 5px;<br \/>\n left: 5px;<br \/>\n background: #FFFFFF;<br \/>\n border-radius: 5px;<br \/>\n}<\/p>\n<p>.screenshot-carousel .owl-dot.active {<br \/>\n box-shadow: 0 0 10px var(--dark);<br \/>\n}<\/p>\n<p>\/*** Testimonial ***\/<br \/>\n.testimonial-carousel .owl-item .testimonial-item,<br \/>\n.testimonial-carousel .owl-item .testimonial-item * {<br \/>\n transition: .5s;<br \/>\n}<\/p>\n<p>.testimonial-carousel .owl-item.center .testimonial-item {<br \/>\n background: var(--secondary);<br \/>\n}<\/p>\n<p>.testimonial-carousel .owl-item.center .testimonial-item h5,<br \/>\n.testimonial-carousel .owl-item.center .testimonial-item p {<br \/>\n color: #FFFFFF !important;<br \/>\n}<\/p>\n<p>.testimonial-carousel .owl-nav {<br \/>\n margin-top: 30px;<br \/>\n display: flex;<br \/>\n justify-content: center;<br \/>\n}<\/p>\n<p>.testimonial-carousel .owl-nav .owl-prev,<br \/>\n.testimonial-carousel .owl-nav .owl-next {<br \/>\n margin: 0 12px;<br \/>\n width: 50px;<br \/>\n height: 50px;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n color: #FFFFFF;<br \/>\n background: var(--dark);<br \/>\n border-radius: 60px;<br \/>\n font-size: 18px;<br \/>\n transition: .5s;<br \/>\n}<\/p>\n<p>.testimonial-carousel .owl-nav .owl-prev:hover,<br \/>\n.testimonial-carousel .owl-nav .owl-next:hover {<br \/>\n }<\/p>\n<p>\/*** Footer ***\/<br \/>\n.footer {<br \/>\n margin-top: 6rem;<br \/>\n padding-top: 9rem;<br \/>\n background:<br \/>\n url(..\/img\/bg-circle.png),<br \/>\n url(..\/img\/bg-triangle.png),<br \/>\n url(..\/img\/bg-top.png),<br \/>\n linear-gradient(to bottom right, var(--primary), var(--secondary));<br \/>\n background-position:<br \/>\n left 0px bottom 0px,<br \/>\n right 0px top 50%,<br \/>\n center top;<br \/>\n background-repeat: no-repeat;<br \/>\n}<\/p>\n<p>.footer .btn.btn-social {<br \/>\n margin-right: 5px;<br \/>\n width: 40px;<br \/>\n height: 40px;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n color: var(--light);<br \/>\n border: 1px solid rgba(256, 256, 256, .1);<br \/>\n border-radius: 40px;<br \/>\n transition: .3s;<br \/>\n}<\/p>\n<p>.footer .btn.btn-social:hover {<br \/>\n color: var(--primary);<br \/>\n}<\/p>\n<p>.footer .btn.btn-link {<br \/>\n display: block;<br \/>\n margin-bottom: 10px;<br \/>\n padding: 0;<br \/>\n text-align: left;<br \/>\n color: var(--light);<br \/>\n font-weight: normal;<br \/>\n transition: .3s;<br \/>\n}<\/p>\n<p>.footer .btn.btn-link::before {<br \/>\n position: relative;<br \/>\n content: \"\\f105\";<br \/>\n font-family: \"Font Awesome 5 Free\";<br \/>\n font-weight: 900;<br \/>\n margin-right: 10px;<br \/>\n}<\/p>\n<p>.footer .btn.btn-link:hover {<br \/>\n letter-spacing: 1px;<br \/>\n box-shadow: none;<br \/>\n}<\/p>\n<p>.footer .copyright {<br \/>\n padding: 25px 0;<br \/>\n font-size: 14px;<br \/>\n border-top: 1px solid rgba(256, 256, 256, .1);<br \/>\n}<\/p>\n<p>.footer .copyright a {<br \/>\n color: var(--light);<br \/>\n}<\/p>\n<p>.footer .footer-menu a {<br \/>\n margin-right: 15px;<br \/>\n padding-right: 15px;<br \/>\n border-right: 1px solid rgba(255, 255, 255, .1);<br \/>\n}<\/p>\n<p>.footer .footer-menu a:last-child {<br \/>\n margin-right: 0;<br \/>\n padding-right: 0;<br \/>\n border-right: none;<br \/>\n}<br \/>\n<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>APY3 Loading… APY.3 Bridge Osez un Web3 sans risque Une solution modulaire et personnalisable qui vous permet d’incorporer facilement la technologie Blockchain dans vos projets Web2 existants Connectez vos applications m\u00e9tiers \u00e0 la Blockchain plus facilement Une grande flexibilit\u00e9 dans le d\u00e9ploiement des projets web3 avec un choix \u00e9tendu de blockchains Caract\u00e9ristiques Une Tra\u00e7abilit\u00e9 de … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/metadev3.com\/en\/apy3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “APY3”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-774","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>APY3 - Metadev3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/metadev3.com\/en\/apy3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"APY3 - Metadev3\" \/>\n<meta property=\"og:description\" content=\"APY3 Loading... APY.3 Bridge Osez un Web3 sans risque Une solution modulaire et personnalisable qui vous permet d'incorporer facilement la technologie Blockchain dans vos projets Web2 existants Connectez vos applications m\u00e9tiers \u00e0 la Blockchain plus facilement Une grande flexibilit\u00e9 dans le d\u00e9ploiement des projets web3 avec un choix \u00e9tendu de blockchains Caract\u00e9ristiques Une Tra\u00e7abilit\u00e9 de … Continue reading "APY3"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metadev3.com\/en\/apy3\/\" \/>\n<meta property=\"og:site_name\" content=\"Metadev3\" \/>\n<meta property=\"og:image\" content=\"https:\/\/metadev3.com\/wp-content\/uploads\/2022\/10\/default.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"788\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metadev3.com\\\/en\\\/apy3\\\/\",\"url\":\"https:\\\/\\\/metadev3.com\\\/en\\\/apy3\\\/\",\"name\":\"APY3 - Metadev3\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metadev3.com\\\/en\\\/#website\"},\"datePublished\":\"2023-12-13T13:41:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/metadev3.com\\\/en\\\/apy3\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metadev3.com\\\/en\\\/apy3\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/metadev3.com\\\/en\\\/apy3\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"accueil\",\"item\":\"https:\\\/\\\/metadev3.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"APY3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/metadev3.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/metadev3.com\\\/en\\\/\",\"name\":\"Metadev3\",\"description\":\"La blockchain au service des projets impactants\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/metadev3.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"APY3 - Metadev3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/metadev3.com\/en\/apy3\/","og_locale":"en_US","og_type":"article","og_title":"APY3 - Metadev3","og_description":"APY3 Loading... APY.3 Bridge Osez un Web3 sans risque Une solution modulaire et personnalisable qui vous permet d'incorporer facilement la technologie Blockchain dans vos projets Web2 existants Connectez vos applications m\u00e9tiers \u00e0 la Blockchain plus facilement Une grande flexibilit\u00e9 dans le d\u00e9ploiement des projets web3 avec un choix \u00e9tendu de blockchains Caract\u00e9ristiques Une Tra\u00e7abilit\u00e9 de … Continue reading \"APY3\"","og_url":"https:\/\/metadev3.com\/en\/apy3\/","og_site_name":"Metadev3","og_image":[{"width":1500,"height":788,"url":"https:\/\/metadev3.com\/wp-content\/uploads\/2022\/10\/default.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metadev3.com\/en\/apy3\/","url":"https:\/\/metadev3.com\/en\/apy3\/","name":"APY3 - Metadev3","isPartOf":{"@id":"https:\/\/metadev3.com\/en\/#website"},"datePublished":"2023-12-13T13:41:22+00:00","breadcrumb":{"@id":"https:\/\/metadev3.com\/en\/apy3\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metadev3.com\/en\/apy3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/metadev3.com\/en\/apy3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"accueil","item":"https:\/\/metadev3.com\/en\/"},{"@type":"ListItem","position":2,"name":"APY3"}]},{"@type":"WebSite","@id":"https:\/\/metadev3.com\/en\/#website","url":"https:\/\/metadev3.com\/en\/","name":"Metadev3","description":"La blockchain au service des projets impactants","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/metadev3.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/metadev3.com\/en\/wp-json\/wp\/v2\/pages\/774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metadev3.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metadev3.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metadev3.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metadev3.com\/en\/wp-json\/wp\/v2\/comments?post=774"}],"version-history":[{"count":4,"href":"https:\/\/metadev3.com\/en\/wp-json\/wp\/v2\/pages\/774\/revisions"}],"predecessor-version":[{"id":779,"href":"https:\/\/metadev3.com\/en\/wp-json\/wp\/v2\/pages\/774\/revisions\/779"}],"wp:attachment":[{"href":"https:\/\/metadev3.com\/en\/wp-json\/wp\/v2\/media?parent=774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}