Gestionnaire de fichiers - Editer - /home/pactamm/update/page6.html.tar
Arrière
home/pactamm/www/page6.html 0000666 00000106257 14756000560 0011654 0 ustar 00 <!DOCTYPE html> <html > <head> <!-- Site made with Mobirise Website Builder v5.9.18, https://mobirise.com --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v5.9.18, mobirise.com"> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image:src" content="assets/images/page6-meta.jpg"> <meta property="og:image" content="assets/images/page6-meta.jpg"> <meta name="twitter:title" content="Performance de nos formations"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="assets/images/logo02.svg" type="image/x-icon"> <meta name="description" content="Nous croyons en l'apprentissage continu et la collaboration pour stimuler la croissance personnelle et professionnelle."> <title>Performance de nos formations</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css"> <link rel="stylesheet" href="assets/icon54/style.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="assets/parallax/jarallax.css"> <link rel="stylesheet" href="assets/animatecss/animate.css"> <link rel="stylesheet" href="assets/dropdown/css/style.css"> <link rel="stylesheet" href="assets/socicon/css/styles.css"> <link rel="stylesheet" href="assets/theme/css/style.css"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript> <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css?v=3Huqkb"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css?v=3Huqkb" type="text/css"> </head> <body> <section data-bs-version="5.1" class="menu menu2 cid-utsFHpkZ6L" once="menu" id="menu2-1k"> <nav class="navbar navbar-dropdown navbar-expand-lg"> <div class="container"> <div class="navbar-brand"> <span class="navbar-logo"> <a href="http://www.pactamazone.com"> <img src="assets/images/logo01-192x96.png" alt="Pact Amazone" style="height: 3rem;"> </a> </span> <span class="navbar-caption-wrap"><a class="navbar-caption text-info display-5" href="http://www.pactamazone.com">PACT AMAZONE</a></span> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"> <li class="nav-item"> <a class="nav-link link text-info display-4" href="index.html">Accueil</a> </li> <li class="nav-item dropdown"> <a class="nav-link link dropdown-toggle text-info display-4" href="formation.html" data-toggle="dropdown-submenu" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Formation</a> <div class="dropdown-menu" aria-labelledby="dropdown-530"> <div class="dropdown"> <a class="dropdown-item dropdown-toggle text-info display-4" href="formation.html" data-toggle="dropdown-submenu" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Pré-inscription</a> <div class="dropdown-menu dropdown-submenu" aria-labelledby="dropdown-457"> <a class="dropdown-item text-info display-4" href="page1.html">Bac AGORA</a> <a class="dropdown-item show text-info display-4" href="page2.html">Capacité transport</a> <a class="dropdown-item show text-info display-4" href="page5.html">VAE (CAP à BTS)</a> </div> </div> <a class="show dropdown-item text-info display-4" href="page3.html" aria-expanded="false">Catalogue Pact Amazone</a> <a class="show dropdown-item text-info display-4" href="page4.html">Catalogue CFA</a> <a class="show dropdown-item text-info display-4" href="page5.html">Dispositif VAE</a> <a class="dropdown-item text-info display-4" href="page6.html">Performance de nos formations</a> <a class="show dropdown-item text-info display-4" href="page7.html">Ressources documentaires</a> </div> </li> <li class="nav-item"> <a class="nav-link link text-info display-4" href="index.html#header14-1j">À propos</a> </li> <li class="nav-item"> <a class="nav-link link show text-info display-4" href="index.html#form5-1m" aria-expanded="false">Informations</a> </li> <li class="nav-item"> <a class="nav-link link text-info display-4" href="index.html#contacts3-1">Contact</a> </li> </ul> </div> </div> </nav> </section> <section class="mbr-section mbr-section--no-padding" id="custom-html-2j" custom-code="true" data-rv-view="34"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-2i" custom-code="true" data-rv-view="35"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-2h" custom-code="true" data-rv-view="36"></section> <section data-bs-version="5.1" class="content5 cid-uujfw6dyab" id="content5-2s"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-10"> <!-- Início do novo conteúdo --> <div class="performance-section"> <h2 class="evaluation-title mbr-section-title align-center mb-4">Indicateurs de Performance</h2> <div class="sub-header"> <h2>Données sur la capacité au transport de poids lourds en 2024</h2> </div> <div class="row g-4"> <!-- Préformation --> <div class="col-md-6 col-lg-4"> <div class="card perf-card"> <div class="card-header perf-header"> <h6 class="card-title">Évaluation Préformation</h6> </div> <div class="card-body"> <div class="chart-container"> <canvas id="preformationChart"></canvas> </div> </div> </div> </div> <!-- Intervenants --> <div class="col-md-6 col-lg-4"> <div class="card"> <div class="card-header"> <h6 class="card-title">Performance des Enseignants</h6> </div> <div class="card-body"> <div class="chart-container"> <canvas id="intervenantsChart"></canvas> </div> </div> </div> </div> <!-- Organisation --> <div class="col-md-6 col-lg-4"> <div class="card"> <div class="card-header"> <h6 class="card-title">Organisation et Déroulement</h6> </div> <div class="card-body"> <div class="chart-container"> <canvas id="organisationChart"></canvas> </div> </div> </div> </div> <!-- Efficacité --> <div class="col-md-6 col-lg-6"> <div class="card"> <div class="card-header"> <h6 class="card-title">Efficacité de la Formation</h6> </div> <div class="card-body"> <div class="chart-container"> <canvas id="efficaciteChart"></canvas> </div> </div> </div> </div> <!-- Suivi --> <div class="col-md-6 col-lg-6"> <div class="card"> <div class="card-header"> <h6 class="card-title">Suivi Administratif</h6> </div> <div class="card-body"> <div class="chart-container"> <canvas id="suiviChart"></canvas> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <style> /* Estilos específicos para a seção de performance */ .performance-section { padding: 2rem 0; background: linear-gradient(to bottom, #f8f9fa, #f5f5f7); border-radius: 16px; } .performance-section .chart-container { position: relative; height: 250px; margin-bottom: 1rem; background: #d5d9db93; border-radius: 16px; padding: 1rem; box-shadow: 0 4px 15px rgba(118, 155, 204, 0.15); transition: all 0.3s ease; } .performance-section .chart-container:hover { box-shadow: 0 6px 20px rgba(118, 155, 204, 0.2); } /* Estilo para as barras do gráfico */ .performance-section .recharts-bar-rectangle path { fill: url(#barGradient) !important; rx: 8px; ry: 8px; } /* Definição do gradiente para as barras */ .performance-section defs { background: linear-gradient(45deg, #4a90e2 0%, #67b26f 100%); } .performance-section .perf-card { height: 100%; transition: all 0.3s ease; background: #ffffff; margin-bottom: 20px; border-radius: 16px; border: 1px solid rgba(224, 224, 224, 0.5); box-shadow: 0 4px 15px rgba(78, 119, 207, 0.1); overflow: hidden; } .performance-section .perf-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(78, 119, 207, 0.15); } .performance-section .perf-header { background: linear-gradient(135deg, #7795ad 0%, #6b8ba3 100%); border-bottom: 1px solid rgba(224, 224, 224, 0.1); border-radius: 16px 16px 0 0 !important; color: white; padding: 1.25rem 1.5rem; } .performance-section h2.evaluation-title { color: #0063c3; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 2.5rem; text-align: center; font-family: system-ui, -apple-system, sans-serif; text-shadow: 0 2px 4px rgba(0, 99, 195, 0.1); } .performance-section h6.card-title { font-weight: 600; font-family: system-ui, -apple-system, sans-serif; margin: 0; font-size: 1.1rem; color: white; text-shadow: 0 1px 2px rgb(35, 91, 211); } @media (max-width: 768px) { .performance-section .chart-container { height: 200px; padding: 0.875rem; border-radius: 12px; } .performance-section .perf-header { padding: 1rem 1.25rem; border-radius: 12px 12px 0 0 !important; } .performance-section h6.card-title { font-size: 1rem; } .performance-section { border-radius: 12px; } .performance-section .perf-card { border-radius: 12px; } } </style> <!-- Scripts necessários --> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script> <script> // Inicialização dos gráficos de performance document.addEventListener('DOMContentLoaded', function() { // Verifica se Chart.js foi carregado if (typeof Chart === 'undefined') { console.error('Chart.js não foi carregado corretamente'); return; } // Configurações padrão para todos os gráficos Chart.defaults.font.family = 'system-ui, -apple-system, sans-serif'; Chart.defaults.font.size = 12; // Função para criar gradiente com cores hexadecimais completas function createGrayGradient(ctx, color1, color2) { const gradient = ctx.createLinearGradient(0, 0, ctx.canvas.width, 0); gradient.addColorStop(0, color1); // Primeira cor do gradiente gradient.addColorStop(1, color2); // Segunda cor do gradiente return gradient; } // Configurações comuns para todos os gráficos const commonOptions = { indexAxis: 'y', responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false }, tooltip: { backgroundColor: '#ffffff', titleColor: '#4d4d51', bodyColor: '#4d4d51', borderColor: '#e0e0e0', borderWidth: 1, padding: 10, callbacks: { label: function(context) { const value = context.parsed.x; return value.toFixed(1) + '/10 (' + Math.round(value * 10) + '%)'; } } } }, scales: { x: { beginAtZero: true, max: 10, grid: { display: true, color: '#e0e0e0', drawBorder: false }, ticks: { font: { size: 11 }, color: '#4d4d51' } }, y: { grid: { display: true, color: '#e0e0e0', drawBorder: false }, ticks: { font: { size: 11 }, color: '#4d4d51' } } }, animation: { duration: 1500, easing: 'easeInOutQuart' } }; const charts = []; // Inicializar cada gráfico function initCharts() { // Préformation Chart initChart('preformationChart', ['Préformation', 'Motivation', 'Compétences'], [8.1, 7.5, 9.0], '#0f16eb', '#ff0051'); // Intervenants Chart initChart('intervenantsChart', ['Enseignants'], [8.0], '#27f4b1', '#d53800'); // Organisation Chart initChart('organisationChart', ['Org. 1', 'Org. 2', 'Dér. 1', 'Dér. 2', 'Dér. 3'], [10.0, 9.1, 8.3, 8.4, 9.0], '#006fb7', '#00d3c2'); // Efficacité Chart initChart('efficaciteChart', ['1ère éval.', '2ème éval.', '3ème éval.'], [10.0, 9.6, 10.0], '#fa3105', '#a39f00'); // Suivi Chart initChart('suiviChart', ['Satisfaction', 'Délais docs'], [2.5, 2.9], '#05fa4a', '#007f98'); } // Função auxiliar para inicializar um gráfico function initChart(canvasId, labels, data, gradientColor1, gradientColor2) { const ctx = document.getElementById(canvasId).getContext('2d'); const gradient = createGrayGradient(ctx, gradientColor1, gradientColor2); const chart = new Chart(ctx, { type: 'bar', data: { labels: labels, datasets: [{ data: data, originalData: data, backgroundColor: gradient, borderWidth: 0 }] }, options: commonOptions }); charts.push(chart); } // Função de animação dos gráficos function animateCharts() { const config = { duration: 3000, delay: 100, interval: 10000 }; setInterval(() => { charts.forEach(chart => { chart.data.datasets.forEach(dataset => { dataset.data = dataset.originalData.map(() => 0); }); chart.update('none'); let startTime; function animate(currentTime) { if (!startTime) startTime = currentTime; const progress = (currentTime - startTime) / config.duration; if (progress <= 1) { chart.data.datasets.forEach((dataset, i) => { dataset.data = dataset.originalData.map(value => value * progress ); }); chart.update('none'); requestAnimationFrame(animate); } } setTimeout(() => { requestAnimationFrame(animate); }, config.delay); }); }, config.interval); } // Inicializar e animar os gráficos initCharts(); animateCharts(); }); </script> </section> <section data-bs-version="5.1" class="evaluation-charts cid-uujffXzhcx" id="content5-2r"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-10"> <div class="card"> <div class="card-header"> <h4>Bac AGORA</h4> <h6 class="card-title">Données actuelles en traitement statistique...</h6> </div> <div class="card-body"> <div class="chart-container"> <canvas id="progressChart"></canvas> </div> </div> </div> </div> </div> </div> <style> .evaluation-charts { padding: 2rem 0; background-color: #f5f5f7; } .chart-container { position: relative; height: 120px; background: #ffffff; border-radius: 8px; padding: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .card { transition: transform 0.3s ease, box-shadow 0.3s ease; background: #ffffff; border-radius: 10px; border: 1px solid #e0e0e0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .card:hover { transform: translateY(-3px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .card-header { background: #7795ad; border-bottom: 1px solid #e0e0e0; border-radius: 10px 10px 0 0 !important; color: white; padding: 1rem 1.25rem; } .card-header small { font-size: 0.85rem; opacity: 0.9; font-family: system-ui, -apple-system, sans-serif; display: block; margin-top: 0.5rem; animation: fadeInOut 2s infinite; } @keyframes fadeInOut { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.7; } } h6.card-title { font-weight: 500; font-family: system-ui, -apple-system, sans-serif; margin: 0; font-size: 1.1rem; color: white; } @media (max-width: 768px) { .chart-container { height: 100px; padding: 0.75rem; } .card-header { padding: 0.75rem 1rem; } } </style> <!-- Adicione antes de fechar o </body> --> <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script> <script> window.onload = function() { const ctx = document.getElementById('progressChart').getContext('2d'); // Criar gradiente const gradient = ctx.createLinearGradient(0, 0, ctx.canvas.width, 0); gradient.addColorStop(0, '#0f16eb'); gradient.addColorStop(1, '#f37f0d'); const progressChart = new Chart(ctx, { type: 'bar', data: { labels: ['Progression'], datasets: [{ data: [0], backgroundColor: gradient, borderWidth: 0, barThickness: 20 }] }, options: { indexAxis: 'y', responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false }, tooltip: { backgroundColor: '#ffffff', titleColor: '#4d4d51', bodyColor: '#4d4d51', borderColor: '#e0e0e0', borderWidth: 1, padding: 10, callbacks: { label: function(context) { return Math.round(context.parsed.x) + '%'; } } } }, scales: { x: { beginAtZero: true, max: 100, grid: { display: true, color: '#e0e0e0', drawBorder: false }, ticks: { font: { size: 11 }, color: '#4d4d51', callback: function(value) { return value + '%'; } } }, y: { display: false } }, animation: { duration: 1000 } } }); // Função de animação function animateProgress() { let progress = 0; const duration = 6000; // 6 segundos para cada ciclo const step = 100 / (duration / 16); // 16ms é aproximadamente 1 frame em 60fps function update() { progress = (progress + step) % 101; // Reset quando chegar a 101 progressChart.data.datasets[0].data = [progress]; progressChart.update('none'); requestAnimationFrame(update); } update(); } // Iniciar animação animateProgress(); }; </script> </section> <section data-bs-version="5.1" class="contacts2 cid-utsFHpJ5fD mbr-parallax-background" id="contacts2-1m"> <!----> <div class="mbr-overlay" style="opacity: 0.8; background-color: rgb(255, 255, 255);"> </div> <div class="container"> <div class="row justify-content-center mt-4"> <div class="card col-12 col-md-6"> <div class="card-wrapper"> <div class="image-wrapper"> <span class="mbr-iconfont mobi-mbri-more-vertical mobi-mbri" style="color: rgb(17, 47, 200); fill: rgb(17, 47, 200);"></span> </div> <div class="text-wrapper"> <h6 class="card-title mbr-fonts-style mb-1 display-5"><strong>Heures d'ouverture</strong></h6> <p class="mbr-text mbr-fonts-style display-7">Lundi à Vendredi<br>08h00 - 12h00 et 14h00 - 17h00</p> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="form5 cid-utsFHq6dgL" id="form5-1n"> <div class="mbr-overlay"></div> <div class="container"> <div class="mbr-section-head"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Envoy un message</strong></h3> </div> <div class="row justify-content-center mt-4"> <div class="col-lg-8 mx-auto mbr-form" data-form-type="formoid"> <form action="https://mobirise.eu/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"><input type="hidden" name="email" data-form-email="true" value="VKzU0Ro3WuS+Qw0V4Cfwj5ugsbVkChZmHPHI5n+DWh/No/P638foaAAZmPPBQsWcgrGyB/1u50+NqKFCMQWNSYT3BOBYsIUDhVcU6pUW/ssb8NxFGeN5bzay4zpmZ+cA.lv2U64FxQIgQtEVXFeEPdZd1SInA200JCx0pTtK8n/xyFpX84E41v2pKDEoQZUtYFLNTZL8J5XnhZDJTRmGjvk2DrpJNgK2hdpUsXIeqCkohwQe0gguW0Rwr4kon7qY8"> <div class="row"> <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Nous vous remercions pour votre message. Nous reviendrons vers vous prochainement.</div> <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12"> Oops...! some problem! </div> </div> <div class="dragArea row"> <div class="col-md col-sm-12 form-group mb-3" data-for="name"> <input type="text" name="name" placeholder="Nom et Prénom" data-form-field="name" class="form-control" value="" id="name-form5-1n"> </div> <div class="col-md col-sm-12 form-group mb-3" data-for="email"> <input type="email" name="email" placeholder="E-mail" data-form-field="email" class="form-control" value="" id="email-form5-1n"> </div> <div class="col-12 form-group mb-3" data-for="textarea"> <textarea name="textarea" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-form5-1n"></textarea> </div> <div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn"><button type="submit" class="btn btn-info-outline display-4">Envoyer le message</button></div> </div> </form> </div> </div> </div> </section> <section data-bs-version="5.1" class="contacts3 map1 cid-utsFHqivKW" id="contacts3-1o"> <div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"></div> <div class="container"> <div class="row justify-content-center mt-4"> <div class="card col-12 col-md-6"> <div class="card-wrapper"> <div class="image-wrapper"> <a href="https://alvo.chat/49gd" target="_blank"><span class="mbr-iconfont socicon-whatsapp socicon" style="color: rgb(68, 121, 217); fill: rgb(68, 121, 217);"></span></a> </div> <div class="text-wrapper"> <h6 class="card-title mbr-fonts-style mb-1 display-5"> <strong>Téléphone et WhatsApp</strong></h6> <p class="mbr-text mbr-fonts-style display-4">+594 694 40 03 37</p> </div> </div> <div class="card-wrapper"> <div class="image-wrapper"> <span class="mbr-iconfont icon54-v1-email-folder" style="color: rgb(68, 121, 217); fill: rgb(68, 121, 217);"></span> </div> <div class="text-wrapper"> <h6 class="card-title mbr-fonts-style mb-1 display-5"> <strong>Email</strong> </h6> <p class="mbr-text mbr-fonts-style display-7">contact@pactamazone.com</p> </div> </div> </div> <div class="map-wrapper col-12 col-md-6"> <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d248.43975926636776!2d-52.32939050739856!3d4.933605000700706!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8d123d24d3415931%3A0xf27d2db1782e239b!2s4%20Rue%20Bertha%20Tribord%2C%20Cayenne%2097300%2C%20Guiana%20Francesa!5e0!3m2!1spt-BR!2sfr!4v1710283417864!5m2!1spt-BR!2sfr" allowfullscreen=""></iframe></div> </div> </div> </div> </section> <section data-bs-version="5.1" class="content3 cid-utsFHqJM8J" id="content3-1p"> <div class="mbr-overlay"></div> <div class="container"> <div class="row mt-4"> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-1-596x447.jpg" alt="Qualiopi Pact Amazone" title=""> </div> </div> </div><div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-596x397.jpg" alt="Qualiopi Pact Amazone" title="" data-slide-to="1" data-bs-slide-to="2"> </div> </div> </div><div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-1-1920x1280.jpg" alt="Qualiopi Pact Amazone" title="" data-slide-to="2" data-bs-slide-to="3"> </div> </div> </div><div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-2-1920x1280.jpg" alt="Qualiopi Pact Amazone" title="" data-slide-to="3" data-bs-slide-to="4"> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="footer7 cid-uttgT129pq" once="footers" id="footer7-2c"> <style> .footer7 { background-color: #4e7ed8 !important; } </style> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="col-12"> <p class="mbr-text mb-0 mbr-fonts-style display-7"> © Copyright 2024 PactAmazone - All Rights Reserved </p> </div> </div> </div> </section> <section class="mbr-section mbr-section--no-padding" id="custom-html-1r" custom-code="true" data-rv-view="52"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-1s" custom-code="true" data-rv-view="53"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-1t" custom-code="true" data-rv-view="54"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-2g" custom-code="true" data-rv-view="55"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-2k" custom-code="true" data-rv-view="56"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-2l" custom-code="true" data-rv-view="57"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-2m" custom-code="true" data-rv-view="58"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-2n" custom-code="true" data-rv-view="59"></section> <section class="mbr-section mbr-section--no-padding" id="custom-html-2o" custom-code="true" data-rv-view="60"></section> <script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/parallax/jarallax.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/theme/js/script.js"></script> <script src="assets/formoid/formoid.min.js"></script> <script src="js/removeSection.js"></script> <div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i class="mbr-arrow-up-icon mbr-arrow-up-icon-cm cm-icon cm-icon-smallarrow-up"></i></a></div> <input name="animation" type="hidden"> </body> </html>