{"id":12518,"date":"2026-04-06T10:33:46","date_gmt":"2026-04-06T09:33:46","guid":{"rendered":"https:\/\/www.univ-oeb.dz\/vrlex\/?page_id=12518"},"modified":"2026-04-06T10:34:43","modified_gmt":"2026-04-06T09:34:43","slug":"enhancing-the-quality-of-vocational-education-and-training-through-innovation-with-virtual-reality-2","status":"publish","type":"page","link":"https:\/\/www.univ-oeb.dz\/vrlex\/enhancing-the-quality-of-vocational-education-and-training-through-innovation-with-virtual-reality-2\/","title":{"rendered":"Enhancing the Quality of Vocational Education and Training through Innovation with Virtual Reality"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12518\" class=\"elementor elementor-12518\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e164ba1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e164ba1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd6ed8e\" data-id=\"cd6ed8e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15757da elementor-widget elementor-widget-html\" data-id=\"15757da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* Importation des polices professionnelles *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700&family=Poppins:wght@300;400&display=swap');\r\n\r\n.univ-card-container {\r\n    --primary-color: #002d62; \r\n    --accent-color: #00aaff;\r\n    max-width: 850px;\r\n    margin: 40px auto;\r\n    perspective: 1000px;\r\n}\r\n\r\n.univ-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 4px 10px rgba(0, 0, 0, 0.05);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    cursor: pointer;\r\n    text-decoration: none !important;\r\n    display: block;\r\n    border: 1px solid rgba(0,0,0,0.03);\r\n    position: relative;\r\n}\r\n\r\n.univ-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.image-box {\r\n    width: 100%;\r\n    height: 380px;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n.image-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.univ-card:hover .image-box img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* Badge Flottant *\/\r\n.badge-vr {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 20px;\r\n    background: var(--primary-color);\r\n    color: white;\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    z-index: 2;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n}\r\n\r\n.content-box {\r\n    padding: 35px;\r\n    position: relative;\r\n}\r\n\r\n.content-box h2 {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 700;\r\n    color: var(--primary-color);\r\n    margin-bottom: 15px;\r\n    font-size: 24px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.content-box p {\r\n    font-family: 'Poppins', sans-serif;\r\n    color: #555;\r\n    line-height: 1.8;\r\n    font-size: 16px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n\/* Indicateur de clic professionnel *\/\r\n.click-indicator {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-top: 20px;\r\n    color: var(--primary-color);\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.click-indicator i {\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.univ-card:hover .click-indicator {\r\n    color: var(--accent-color);\r\n}\r\n\r\n.univ-card:hover .click-indicator i {\r\n    transform: translateX(5px) scale(1.2);\r\n}\r\n\r\n\/* Barre de progression d\u00e9corative *\/\r\n.read-more-bar {\r\n    height: 4px;\r\n    width: 0;\r\n    background: var(--accent-color);\r\n    transition: width 0.4s ease;\r\n    margin-top: 5px;\r\n}\r\n\r\n.univ-card:hover .read-more-bar {\r\n    width: 60px;\r\n}\r\n<\/style>\r\n\r\n<div class=\"univ-card-container\">\r\n    <a href=\"https:\/\/online.fliphtml5.com\/jagwf\/koza\/\" class=\"univ-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <div class=\"image-box\">\r\n            <div class=\"badge-vr\">Projet VRinVET<\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/www.univ-oeb.dz\/vrlex\/wp-content\/uploads\/2026\/04\/80a7600a-59f6-4b9e-bf57-3def0e821231.jpg\" alt=\"Vocational VR Training\">\r\n        <\/div>\r\n        \r\n        <div class=\"content-box\">\r\n            <h2>Enhancing the Quality of Vocational Education and Training through Innovation with Virtual Reality<\/h2>\r\n            <p>\r\n                Le projet <strong>VRinVET<\/strong> r\u00e9pond aux enjeux actuels de modernisation des syst\u00e8mes d\u2019enseignement via la r\u00e9alit\u00e9 virtuelle.\r\n            <\/p>\r\n            \r\n            <div class=\"click-indicator\">\r\n                <i class=\"fa-solid fa-arrow-pointer\"><\/i> \r\n                <span>CLIQUEZ POUR CONSULTER<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"read-more-bar\"><\/div>\r\n        <\/div>\r\n    <\/a>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Projet VRinVET Enhancing the Quality of Vocational Education and Training through Innovation with Virtual Reality Le projet VRinVET r\u00e9pond aux enjeux actuels de modernisation des syst\u00e8mes d\u2019enseignement via la r\u00e9alit\u00e9 virtuelle. CLIQUEZ POUR CONSULTER<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-12518","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/12518","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/comments?post=12518"}],"version-history":[{"count":4,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/12518\/revisions"}],"predecessor-version":[{"id":12522,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/12518\/revisions\/12522"}],"wp:attachment":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/media?parent=12518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}