{"id":95191,"date":"2025-02-11T13:08:42","date_gmt":"2025-02-11T12:08:42","guid":{"rendered":"https:\/\/vipschool.fr\/blog\/?page_id=95191"},"modified":"2025-02-11T15:48:35","modified_gmt":"2025-02-11T14:48:35","slug":"test-2","status":"publish","type":"page","link":"https:\/\/vipschool.fr\/blog\/test-2\/","title":{"rendered":"test"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n \n \n \n Blog Homepage<\/title>\n <style>\n .blog-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .blog-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n font-family: \"agrandir\", Arial, sans-serif;\n background: white;\n }\n\n @keyframes subtleWave {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n }\n\n .blog-grid {\n display: grid;\n grid-template-columns: 1fr 300px;\n gap: 30px;\n background: linear-gradient(120deg, #def4ff, #e8f7ff, #f0faff, #e8f7ff, #def4ff);\n background-size: 400% 400%;\n animation: subtleWave 15s ease infinite;\n padding: 30px;\n border-radius: 12px;\n }\n\n .main-content {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }\n\n .featured-article {\n position: relative;\n width: 100%;\n margin-bottom: 20px;\n }\n\n .featured-article img {\n width: 100%;\n height: 400px;\n object-fit: cover;\n }\n\n .featured-article .article-content {\n position: relative;\n width: 100%;\n padding: 30px;\n background: rgba(0, 0, 0, 0.9);\n text-align: center;\n color: white;\n }\n\n @media (min-width: 769px) {\n .featured-article .article-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n }\n }\n\n .articles-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .article-card {\n background: white;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .article-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(0,0,0,0.15);\n }\n\n .article-card img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n }\n\n .article-card .card-content {\n padding: 15px;\n }\n\n .sidebar > * {\n margin-bottom: 30px;\n }\n\n .sidebar > *:last-child {\n margin-bottom: 0;\n }\n\n .sidebar h2 {\n margin-top: 30px;\n }\n\n .most-read {\n list-style: none;\n }\n\n .most-read-item {\n padding: 15px 0;\n border-bottom: 1px solid #ddd;\n }\n\n .most-read-item:last-child {\n border-bottom: none;\n }\n\n .most-read-item:hover h3 {\n color: #0071e1;\n }\n\n .category-tag {\n display: inline-block;\n padding: 5px 10px;\n background: #44a6d9 !important; \n color: white !important; \n border-radius: 4px;\n font-size: 0.8em;\n margin-bottom: 10px;\n }\n\n h1 {\n font-family: 'Quicksand', sans-serif;\n margin-bottom: 10px;\n font-size: 1.8rem;\n }\n \n h2 {\n font-family: 'Quicksand', sans-serif;\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n \n h3 {\n font-family: 'Quicksand', sans-serif;\n margin-bottom: 10px;\n font-size: 1rem;\n }\n\n .number-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n background: #44a6d9;\n color: white;\n border-radius: 50%;\n margin-right: 10px;\n }\n\n \/* Resource Cards Styles *\/\n .resource-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n margin-top: 15px;\n }\n\n .resource-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 15px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n text-decoration: none;\n color: #333;\n aspect-ratio: 1;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .resource-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n }\n\n .resource-icon {\n font-size: 24px;\n margin-bottom: 10px;\n }\n\n .resource-title {\n font-size: 14px;\n font-weight: 500;\n line-height: 1.3;\n }\n\n \/* Newsletter Form Styles *\/\n .newsletter-section {\n background: white;\n padding: 30px; \n border-radius: 12px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n\n .newsletter-section h2 {\n margin-bottom: 20px; \n font-size: 1.5rem;\n color: #333;\n }\n\n .newsletter-section p {\n margin-bottom: 25px; \n color: #666;\n line-height: 1.6;\n }\n\n .form-group {\n margin-bottom: 20px; \n }\n\n .form-group:last-child {\n margin-bottom: 25px; \n }\n\n .form-input {\n width: 100%;\n padding: 14px; \n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n transition: all 0.3s ease;\n background-color: #f8f9fa; \n }\n\n .form-input:focus {\n border-color: #44a6d9;\n outline: none;\n background-color: white;\n box-shadow: 0 0 0 3px rgba(68, 166, 217, 0.1);\n }\n\n .checkbox-container {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n font-size: 14px;\n color: #666;\n line-height: 1.4;\n margin: 25px 0; \n padding: 5px 0; \n }\n\n .checkbox-container input[type=\"checkbox\"] {\n margin-top: 3px;\n width: 16px;\n height: 16px;\n }\n\n .submit-btn {\n width: 100%;\n padding: 14px; \n background: #44a6d9;\n color: white;\n border: none;\n border-radius: 6px;\n font-weight: 500; \n font-size: 14px; \n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase; \n letter-spacing: 1px; \n animation: vibrate 2s infinite;\n }\n\n @keyframes vibrate {\n 0% { transform: translateX(0); }\n 2% { transform: translateX(-2px); }\n 4% { transform: translateX(2px); }\n 6% { transform: translateX(-2px); }\n 8% { transform: translateX(2px); }\n 10% { transform: translateX(-2px); }\n 12% { transform: translateX(0); }\n 100% { transform: translateX(0); }\n }\n\n .submit-btn:hover {\n background: #3789b4;\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n animation: none; \/* Stop vibration on hover *\/\n }\n\n \/* START ADDED MOBILE STYLES *\/\n @media (max-width: 768px) {\n .blog-grid {\n grid-template-columns: 1fr;\n }\n\n .articles-grid {\n grid-template-columns: 1fr;\n }\n\n .resource-cards {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 10px;\n padding: 0 5px;\n }\n\n .resource-card {\n padding: 10px;\n min-height: 100px;\n aspect-ratio: auto;\n }\n\n .resource-icon {\n font-size: 20px;\n }\n\n .resource-title {\n font-size: 12px;\n }\n\n .featured-article {\n display: flex;\n flex-direction: column;\n }\n\n .featured-article img {\n height: 200px;\n width: 100%;\n }\n\n .blog-grid {\n display: flex;\n flex-direction: column;\n }\n\n .main-content {\n order: 1;\n }\n\n .sidebar {\n order: 2;\n margin-top: 30px;\n }\n }\n \/* END ADDED MOBILE STYLES *\/\n\n \/* START ADDED LINK STYLES *\/\n .featured-article a,\n .articles-grid a,\n .most-read a {\n text-decoration: none;\n color: inherit;\n transition: all 0.3s ease;\n }\n\n .most-read-item a {\n display: block;\n width: 100%;\n padding: -5px 0;\n }\n \/* END ADDED LINK STYLES *\/\n\n \/* START FIXED HOVER STYLES *\/\n \/* Already applied to .article-card *\/\n \/* END FIXED HOVER STYLES *\/\n\n span.checkmark,\n .checkbox-container span.checkmark,\n form span.checkmark,\n .form-group span.checkmark,\n input[type=\"checkbox\"] + span.checkmark,\n .elementor span.checkmark,\n .wpforms-container span.checkmark {\n display: none !important;\n background: none !important;\n background-color: transparent !important;\n border: none !important;\n width: 0 !important;\n height: 0 !important;\n opacity: 0 !important;\n position: absolute !important;\n pointer-events: none !important;\n visibility: hidden !important;\n margin: 0 !important;\n padding: 0 !important;\n min-width: 0 !important;\n min-height: 0 !important;\n max-width: 0 !important;\n max-height: 0 !important;\n overflow: hidden !important;\n clip: rect(0 0 0 0) !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n outline: none !important;\n box-shadow: none !important;\n transform: scale(0) !important;\n }\n\n span.checkmark::before,\n span.checkmark::after {\n content: none !important;\n display: none !important;\n opacity: 0 !important;\n visibility: hidden !important;\n }\n \n .filters-container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n align-items: center;\n padding: 20px;\n background-color: #f8f9fa;\n border-radius: 8px;\n margin-bottom: 20px;\n }\n \n .search-box {\n flex: 1;\n }\n \n .filter-label {\n display: block;\n margin-bottom: 5px;\n }\n \n .search-input {\n width: 100%;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n }\n \n .filter-group {\n flex: 1;\n }\n \n .filter-select {\n width: 100%;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 14px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"blog-container\">\n <div class=\"blog-grid\">\n <main class=\"main-content\">\n <div class=\"featured-article\">\n <!-- Featured article will be inserted here -->\n <\/div>\n <div class=\"filters-container\">\n <div class=\"search-box\">\n <label class=\"filter-label\" for=\"searchInput\">Rechercher<\/label>\n <input \n type=\"search\" \n id=\"searchInput\" \n class=\"search-input\" \n placeholder=\"Rechercher un article...\"\n >\n <\/div>\n <div class=\"filter-group\">\n <label class=\"filter-label\" for=\"sortFilter\">Trier par<\/label>\n <select id=\"sortFilter\" class=\"filter-select\">\n <option value=\"date\">Date (plus r\u00e9cent)<\/option>\n <option value=\"title\">Titre<\/option>\n <\/select>\n <\/div>\n <div class=\"filter-group\">\n <label class=\"filter-label\" for=\"categoryFilter\">Cat\u00e9gorie<\/label>\n <select id=\"categoryFilter\" class=\"filter-select\">\n <!-- Categories will be populated dynamically -->\n <\/select>\n <\/div>\n <\/div>\n <div class=\"articles-grid\">\n <!-- Regular articles will be inserted here -->\n <\/div>\n <div id=\"pagination\" class=\"pagination-container\">\n <!-- Pagination will be inserted here -->\n <\/div>\n <\/main>\n <aside class=\"sidebar\">\n <h2>Les plus lus<\/h2>\n <ul class=\"most-read\">\n <!-- Most read articles will be inserted here -->\n <\/ul>\n \n <h2 class=\"mt-8\">Ressources \u00e9tudiantes<\/h2>\n <div class=\"resource-cards\">\n <a href=\"https:\/\/apprentissage.com\/ressources-etudiantes\/orientation-choix-formation\" class=\"resource-card\">\n <span class=\"resource-icon\">\ud83c\udfaf<\/span>\n <span class=\"resource-title\">Orientation & Choix de Formation<\/span>\n <\/a>\n <a href=\"https:\/\/apprentissage.com\/ressources-etudiantes\/vie-etudiante-alternance\" class=\"resource-card\">\n <span class=\"resource-icon\">\ud83d\udcda<\/span>\n <span class=\"resource-title\">Vie \u00c9tudiante & Alternance<\/span>\n <\/a>\n <a href=\"https:\/\/apprentissage.com\/ressources-etudiantes\/trouver-entreprise-candidature\" class=\"resource-card\">\n <span class=\"resource-icon\">\ud83c\udfe2<\/span>\n <span class=\"resource-title\">Trouver une Entreprise & Candidature<\/span>\n <\/a>\n <a href=\"https:\/\/apprentissage.com\/ressources-etudiantes\/aides-financement\" class=\"resource-card\">\n <span class=\"resource-icon\">\ud83d\udcb0<\/span>\n <span class=\"resource-title\">Aides & Financement<\/span>\n <\/a>\n <a href=\"https:\/\/apprentissage.com\/ressources-etudiantes\/debouches-carriere\" class=\"resource-card\">\n <span class=\"resource-icon\">\ud83d\ude80<\/span>\n <span class=\"resource-title\">D\u00e9bouch\u00e9s & Carri\u00e8re<\/span>\n <\/a>\n <a href=\"https:\/\/apprentissage.com\/ressources-etudiantes\/temoignages-success-stories\" class=\"resource-card\">\n <span class=\"resource-icon\">\ud83c\udf1f<\/span>\n <span class=\"resource-title\">T\u00e9moignages & Success Stories<\/span>\n <\/a>\n <\/div>\n \n <!-- Newsletter Section -->\n <div class=\"newsletter-section mt-8\">\n <h2>Restez inform\u00e9 !<\/h2>\n <p>Recevez nos meilleures offres d'alternance et nos conseils personnalis\u00e9s.<\/p>\n \n <form id=\"newsletterForm\" class=\"newsletter-form\">\n <div class=\"form-group\">\n <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Votre nom\" required class=\"form-input\">\n <\/div>\n <div class=\"form-group\">\n <input type=\"text\" id=\"prenom\" name=\"prenom\" placeholder=\"Votre pr\u00e9nom\" required class=\"form-input\">\n <\/div>\n <div class=\"form-group\">\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Votre email\" required class=\"form-input\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"checkbox-container\">\n <input type=\"checkbox\" required>\n <span class=\"checkmark\"><\/span>\n J'accepte de recevoir la newsletter et reconnais avoir pris connaissance de la <a href=\"\/politique-confidentialite\" style=\"color: #44a6d9; text-decoration: underline;\">politique de confidentialit\u00e9<\/a>\n <\/label>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">S'inscrire \u00e0 la newsletter<\/button>\n <\/form>\n <\/div>\n <\/aside>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Utilisation du chemin relatif pour l'API WordPress\n const WORDPRESS_API_URL = window.location.origin;\n\n async function fetchArticles() {\n try {\n \/\/ Fetch latest posts\n const response = await fetch(`${WORDPRESS_API_URL}\/wp-json\/wp\/v2\/posts?_embed&per_page=10`);\n const articles = await response.json();\n\n \/\/ Display featured article (latest post)\n const featuredArticle = articles[0];\n displayFeaturedArticle(featuredArticle);\n\n \/\/ Display regular articles (next 9 posts)\n const regularArticles = articles.slice(1);\n displayRegularArticles(regularArticles);\n\n \/\/ Fetch and display most read articles\n await fetchMostReadArticles();\n } catch (error) {\n console.error('Error fetching articles:', error);\n }\n }\n\n function displayFeaturedArticle(article) {\n const featuredSection = document.querySelector('.featured-article');\n const imageUrl = article._embedded?.['wp:featuredmedia']?.[0]?.source_url || '\/api\/placeholder\/800\/400';\n \n featuredSection.innerHTML = `\n <a href=\"${article.link}\" style=\"display: block; text-decoration: none;\">\n <img decoding=\"async\" src=\"${imageUrl}\" alt=\"${article.title.rendered}\">\n <div class=\"article-content\" style=\"color: white !important;\">\n <span class=\"category-tag\" style=\"color: white !important;\">${article._embedded?.['wp:term']?.[0]?.[0]?.name || 'Category'}<\/span>\n <h1 style=\"color: white !important;\">${article.title.rendered}<\/h1>\n <\/div>\n <\/a>\n `;\n }\n\n function displayRegularArticles(articles) {\n const articlesGrid = document.querySelector('.articles-grid');\n articlesGrid.innerHTML = articles.map(article => `\n <a href=\"${article.link}\" style=\"text-decoration: none; color: inherit;\">\n <article class=\"article-card\">\n <img decoding=\"async\" src=\"${article._embedded?.['wp:featuredmedia']?.[0]?.source_url || '\/api\/placeholder\/400\/200'}\" alt=\"${article.title.rendered}\">\n <div class=\"card-content\">\n <span class=\"category-tag\">${article._embedded?.['wp:term']?.[0]?.[0]?.name || 'Category'}<\/span>\n <h3>${article.title.rendered}<\/h3>\n <\/div>\n <\/article>\n <\/a>\n `).join('');\n }\n\n async function fetchMostReadArticles() {\n \/\/ This would typically use a custom endpoint for most read articles\n \/\/ For demonstration, we'll use regular posts\n try {\n const response = await fetch(`${WORDPRESS_API_URL}\/wp-json\/wp\/v2\/posts?per_page=5`);\n const articles = await response.json();\n \n const mostReadList = document.querySelector('.most-read');\n mostReadList.innerHTML = articles.map((article, index) => `\n <li class=\"most-read-item\" style=\"display: flex; align-items: center; gap: 15px;\">\n <a href=\"${article.link}\" style=\"display: flex; align-items: center; gap: 15px; width: 100%; text-decoration: none; color: inherit;\">\n <span class=\"number-badge\" style=\"flex-shrink: 0;\">${index + 1}<\/span>\n <h3 style=\"flex: 1; margin: 0;\">${article.title.rendered}<\/h3>\n <\/a>\n <\/li>\n `).join('');\n } catch (error) {\n console.error('Error fetching most read articles:', error);\n }\n }\n\n \/\/ Initialize the page\n document.addEventListener('DOMContentLoaded', fetchArticles);\n\n \/\/ Fonction pour ajouter un contact \u00e0 Brevo\n async function addContactToBrevo(formData) {\n try {\n const response = await fetch('https:\/\/api.sendinblue.com\/v3\/contacts', {\n method: 'POST',\n headers: {\n 'Accept': 'application\/json',\n 'Content-Type': 'application\/json',\n 'api-key': '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'\n },\n body: JSON.stringify({\n email: formData.email,\n attributes: {\n PRENOM: formData.prenom,\n NOM: formData.nom\n },\n listIds: [34],\n updateEnabled: true\n })\n });\n\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n const text = await response.text();\n return text ? JSON.parse(text) : {};\n } catch (error) {\n console.error('Error:', error);\n throw error;\n }\n }\n\n \/\/ Fonction pour envoyer l'email de bienvenue\n async function sendWelcomeEmail(formData) {\n \/\/ R\u00e9cup\u00e9rer le template et remplacer les variables\n const emailTemplate = `\n <html>\n <body style=\"font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #f5f5f5;\">\n <div style=\"max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1);\">\n <!-- Header avec logo 60% plus grand -->\n <div style=\"background-color: #0071e1; padding: 40px 20px; text-align: center;\">\n <img decoding=\"async\" src=\"https:\/\/pacific-webtools.com\/wp-content\/uploads\/2025\/01\/logoapprentissage.webp\" alt=\"Apprentissage.com\" style=\"max-height: 128px; width: auto;\">\n <\/div>\n\n <!-- Content avec design am\u00e9lior\u00e9 -->\n <div style=\"padding: 40px 30px;\">\n <h2 style=\"color: #0071e1; font-size: 28px; margin: 0 0 20px; font-weight: 700; text-align: center;\">Bienvenue dans la communaut\u00e9 Apprentissage.com !<\/h2>\n \n <div style=\"border-left: 4px solid #0071e1; padding-left: 20px; margin: 30px 0;\">\n <p style=\"font-size: 16px; color: #333; margin: 0 0 15px;\">Bonjour ${formData.prenom} ${formData.nom},<\/p>\n <p style=\"font-size: 16px; color: #333; line-height: 1.8;\">Nous sommes ravis de vous compter parmi nos abonn\u00e9s ! Vous recevrez d\u00e9sormais nos meilleures offres d'alternance et nos conseils personnalis\u00e9s pour booster votre recherche.<\/p>\n <\/div>\n \n <!-- CTA Section am\u00e9lior\u00e9e -->\n <div style=\"background: linear-gradient(135deg, #f0f7ff 0%, #e6f0ff 100%); border-radius: 12px; padding: 35px; text-align: center; margin: 30px 0; box-shadow: 0 2px 10px rgba(0,113,225,0.1);\">\n <div style=\"background-color: white; display: inline-block; padding: 8px 20px; border-radius: 20px; margin-bottom: 15px;\">\n <h3 style=\"color: #0071e1; margin: 0; font-size: 20px;\"> D\u00e9couvrez nos derni\u00e8res offres<\/h3>\n <\/div>\n <p style=\"color: #333; margin: 0 0 25px; font-size: 16px;\">Ne manquez pas les opportunit\u00e9s qui correspondent \u00e0 votre profil !<\/p>\n <a href=\"https:\/\/apprentissage.com\/offres-apprentissage-alternance\/\" style=\"display: inline-block; background: linear-gradient(135deg, #0071e1 0%, #005bb8 100%); color: white; padding: 16px 35px; text-decoration: none; border-radius: 25px; font-weight: bold; transition: transform 0.2s; box-shadow: 0 4px 15px rgba(0,113,225,0.2);\">Voir les offres<\/a>\n <\/div>\n\n <!-- Bloc avantages -->\n <div style=\"background-color: #f8f9fa; border-radius: 8px; padding: 25px; margin: 30px 0;\">\n <h4 style=\"color: #333; margin: 0 0 15px; font-size: 18px;\">Ce qui vous attend :<\/h4>\n <ul style=\"margin: 0; padding: 0 0 0 20px; color: #555;\">\n <li style=\"margin-bottom: 10px;\">Des offres d'alternance s\u00e9lectionn\u00e9es selon vos crit\u00e8res<\/li>\n <li style=\"margin-bottom: 10px;\">Des conseils d'experts pour r\u00e9ussir vos candidatures<\/li>\n <li style=\"margin-bottom: 10px;\">Des \u00e9v\u00e9nements exclusifs avec nos entreprises partenaires<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- Footer am\u00e9lior\u00e9 -->\n <div style=\"background: linear-gradient(135deg, #004c98 0%, #003a75 100%); color: white; padding: 35px; text-align: center;\">\n <p style=\"margin: 0 0 5px; font-size: 15px;\">Cordialement,<\/p>\n <p style=\"margin: 0 0 25px; font-weight: bold; font-size: 16px;\">L'\u00e9quipe Apprentissage.com<\/p>\n <div style=\"margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.15);\">\n <a href=\"https:\/\/apprentissage.com\" style=\"color: white; text-decoration: none; font-size: 15px;\">www.apprentissage.com<\/a>\n <div style=\"margin-top: 15px; font-size: 13px; color: rgba(255,255,255,0.7);\">\n <a href=\"https:\/\/apprentissage.com\/mentions-legales\" style=\"color: rgba(255,255,255,0.7); text-decoration: none; margin: 0 10px;\">Mentions l\u00e9gales<\/a>\n |\n <a href=\"https:\/\/apprentissage.com\/confidentialite\" style=\"color: rgba(255,255,255,0.7); text-decoration: none; margin: 0 10px;\">Politique de confidentialit\u00e9<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/body>\n <\/html>`;\n\n const response = await fetch('https:\/\/api.sendinblue.com\/v3\/smtp\/email', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n 'api-key': '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'\n },\n body: JSON.stringify({\n sender: {\n name: 'Apprentissage.com',\n email: 'contact@subventions.com'\n },\n to: [{\n email: formData.email,\n name: `${formData.prenom} ${formData.nom}`\n }],\n subject: 'Bienvenue dans la communaut\u00e9 Apprentissage.com !',\n htmlContent: emailTemplate\n })\n });\n\n if (!response.ok) {\n throw new Error('Erreur lors de l\\'envoi de l\\'email de bienvenue');\n }\n\n return response.json();\n }\n\n \/\/ Fonction pour envoyer la notification \u00e0 l'administrateur\n async function sendAdminNotification(formData) {\n const notificationTemplate = `\n <html>\n <body style=\"font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0;\">\n <div style=\"max-width: 600px; margin: 0 auto; padding: 20px;\">\n <h2 style=\"color: #0071e1;\">Nouvelle inscription newsletter<\/h2>\n <div style=\"background: #f5f5f5; padding: 20px; border-radius: 8px;\">\n <h3>Informations de l'inscrit :<\/h3>\n <ul style=\"list-style: none; padding: 0;\">\n <li><strong>Nom :<\/strong> ${formData.nom}<\/li>\n <li><strong>Pr\u00e9nom :<\/strong> ${formData.prenom}<\/li>\n <li><strong>Email :<\/strong> ${formData.email}<\/li>\n <li><strong>Date d'inscription :<\/strong> ${new Date().toLocaleString('fr-FR')}<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/body>\n <\/html>`;\n\n const response = await fetch('https:\/\/api.sendinblue.com\/v3\/smtp\/email', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n 'api-key': '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'\n },\n body: JSON.stringify({\n sender: {\n name: 'Syst\u00e8me de notification',\n email: 'contact@subventions.com'\n },\n to: [{\n email: 'richard95.attal@gmail.com',\n name: 'Administrateur'\n }],\n subject: 'Nouvelle inscription newsletter',\n htmlContent: notificationTemplate\n })\n });\n\n if (!response.ok) {\n throw new Error('Erreur lors de l\\'envoi de la notification admin');\n }\n\n return response.json();\n }\n document.getElementById('newsletterForm').addEventListener('submit', async function(e) {\n e.preventDefault();\n\n const formData = {\n nom: document.getElementById('nom').value,\n prenom: document.getElementById('prenom').value,\n email: document.getElementById('email').value\n };\n\n try {\n \/\/ Afficher un message de chargement\n const submitButton = this.querySelector('button[type=\"submit\"]');\n const originalButtonText = submitButton.textContent;\n submitButton.textContent = 'Inscription en cours...';\n submitButton.disabled = true;\n\n \/\/ 1. Ajouter le contact \u00e0 la liste Brevo\n await addContactToBrevo(formData);\n\n \/\/ 2. Envoyer l'email de bienvenue\n await sendWelcomeEmail(formData);\n\n \/\/ 3. Envoyer la notification \u00e0 l'administrateur\n await sendAdminNotification(formData);\n\n \/\/ R\u00e9initialiser le formulaire et afficher un message de succ\u00e8s\n this.reset();\n alert('Inscription r\u00e9ussie ! V\u00e9rifiez votre bo\u00eete mail pour confirmer votre inscription.');\n\n } catch (error) {\n console.error('Erreur:', error);\n alert('Une erreur est survenue lors de l\\'inscription. Veuillez r\u00e9essayer.');\n\n } finally {\n \/\/ Restaurer le bouton\n submitButton.textContent = originalButtonText;\n submitButton.disabled = false;\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Blog Homepage Rechercher Trier par Date (plus r\u00e9cent)Titre Cat\u00e9gorie Les plus lus Ressources \u00e9tudiantes \ud83c\udfaf Orientation & Choix de Formation \ud83d\udcda Vie \u00c9tudiante & Alternance \ud83c\udfe2 Trouver une Entreprise & Candidature \ud83d\udcb0 Aides & Financement \ud83d\ude80 D\u00e9bouch\u00e9s & Carri\u00e8re \ud83c\udf1f T\u00e9moignages & Success Stories Restez inform\u00e9 ! Recevez nos meilleures offres d’alternance et nos conseils […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>test - Etudiants en Alternance : Derni\u00e8res actus & tendances<\/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:\/\/vipschool.fr\/blog\/test-2\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"test - Etudiants en Alternance : Derni\u00e8res actus & tendances\" \/>\n<meta property=\"og:description\" content=\"Blog Homepage Rechercher Trier par Date (plus r\u00e9cent)Titre Cat\u00e9gorie Les plus lus Ressources \u00e9tudiantes \ud83c\udfaf Orientation & Choix de Formation \ud83d\udcda Vie \u00c9tudiante & Alternance \ud83c\udfe2 Trouver une Entreprise & Candidature \ud83d\udcb0 Aides & Financement \ud83d\ude80 D\u00e9bouch\u00e9s & Carri\u00e8re \ud83c\udf1f T\u00e9moignages & Success Stories Restez inform\u00e9 ! Recevez nos meilleures offres d’alternance et nos conseils […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vipschool.fr\/blog\/test-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Etudiants en Alternance : Derni\u00e8res actus & tendances\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-11T14:48:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vipschool.fr\/blog\/test-2\/\",\"url\":\"https:\/\/vipschool.fr\/blog\/test-2\/\",\"name\":\"test - Etudiants en Alternance : Derni\u00e8res actus & tendances\",\"isPartOf\":{\"@id\":\"https:\/\/vipschool.fr\/blog\/#website\"},\"datePublished\":\"2025-02-11T12:08:42+00:00\",\"dateModified\":\"2025-02-11T14:48:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/vipschool.fr\/blog\/test-2\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vipschool.fr\/blog\/test-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vipschool.fr\/blog\/test-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vipschool.fr\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"test\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vipschool.fr\/blog\/#website\",\"url\":\"https:\/\/vipschool.fr\/blog\/\",\"name\":\"Etudiants en Alternance : Derni\u00e8res actus & tendances\",\"description\":\"\u00c9chos d'Alternance : Les Nouvelles de Demain, Aujourd'hui.\",\"publisher\":{\"@id\":\"https:\/\/vipschool.fr\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vipschool.fr\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/vipschool.fr\/blog\/#organization\",\"name\":\"Etudiants en Alternance : Derni\u00e8res actus & tendances\",\"url\":\"https:\/\/vipschool.fr\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/vipschool.fr\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/vipschool.fr\/blog\/wp-content\/uploads\/2022\/11\/L-1-1.jpg\",\"contentUrl\":\"https:\/\/vipschool.fr\/blog\/wp-content\/uploads\/2022\/11\/L-1-1.jpg\",\"width\":333,\"height\":333,\"caption\":\"Etudiants en Alternance : Derni\u00e8res actus & tendances\"},\"image\":{\"@id\":\"https:\/\/vipschool.fr\/blog\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"test - Etudiants en Alternance : Derni\u00e8res actus & tendances","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:\/\/vipschool.fr\/blog\/test-2\/","og_locale":"fr_FR","og_type":"article","og_title":"test - Etudiants en Alternance : Derni\u00e8res actus & tendances","og_description":"Blog Homepage Rechercher Trier par Date (plus r\u00e9cent)Titre Cat\u00e9gorie Les plus lus Ressources \u00e9tudiantes \ud83c\udfaf Orientation & Choix de Formation \ud83d\udcda Vie \u00c9tudiante & Alternance \ud83c\udfe2 Trouver une Entreprise & Candidature \ud83d\udcb0 Aides & Financement \ud83d\ude80 D\u00e9bouch\u00e9s & Carri\u00e8re \ud83c\udf1f T\u00e9moignages & Success Stories Restez inform\u00e9 ! Recevez nos meilleures offres d’alternance et nos conseils […]","og_url":"https:\/\/vipschool.fr\/blog\/test-2\/","og_site_name":"Etudiants en Alternance : Derni\u00e8res actus & tendances","article_modified_time":"2025-02-11T14:48:35+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vipschool.fr\/blog\/test-2\/","url":"https:\/\/vipschool.fr\/blog\/test-2\/","name":"test - Etudiants en Alternance : Derni\u00e8res actus & tendances","isPartOf":{"@id":"https:\/\/vipschool.fr\/blog\/#website"},"datePublished":"2025-02-11T12:08:42+00:00","dateModified":"2025-02-11T14:48:35+00:00","breadcrumb":{"@id":"https:\/\/vipschool.fr\/blog\/test-2\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vipschool.fr\/blog\/test-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vipschool.fr\/blog\/test-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vipschool.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"test"}]},{"@type":"WebSite","@id":"https:\/\/vipschool.fr\/blog\/#website","url":"https:\/\/vipschool.fr\/blog\/","name":"Etudiants en Alternance : Derni\u00e8res actus & tendances","description":"\u00c9chos d'Alternance : Les Nouvelles de Demain, Aujourd'hui.","publisher":{"@id":"https:\/\/vipschool.fr\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vipschool.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/vipschool.fr\/blog\/#organization","name":"Etudiants en Alternance : Derni\u00e8res actus & tendances","url":"https:\/\/vipschool.fr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/vipschool.fr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/vipschool.fr\/blog\/wp-content\/uploads\/2022\/11\/L-1-1.jpg","contentUrl":"https:\/\/vipschool.fr\/blog\/wp-content\/uploads\/2022\/11\/L-1-1.jpg","width":333,"height":333,"caption":"Etudiants en Alternance : Derni\u00e8res actus & tendances"},"image":{"@id":"https:\/\/vipschool.fr\/blog\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/vipschool.fr\/blog\/wp-json\/wp\/v2\/pages\/95191"}],"collection":[{"href":"https:\/\/vipschool.fr\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vipschool.fr\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vipschool.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vipschool.fr\/blog\/wp-json\/wp\/v2\/comments?post=95191"}],"version-history":[{"count":54,"href":"https:\/\/vipschool.fr\/blog\/wp-json\/wp\/v2\/pages\/95191\/revisions"}],"predecessor-version":[{"id":95258,"href":"https:\/\/vipschool.fr\/blog\/wp-json\/wp\/v2\/pages\/95191\/revisions\/95258"}],"wp:attachment":[{"href":"https:\/\/vipschool.fr\/blog\/wp-json\/wp\/v2\/media?parent=95191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}