Academic Programs Explorer<\/title><script src=\"https:\/\/cdn.tailwindcss.com\/3.4.16\"><\/script><script>tailwind.config={theme:{extend:{colors:{primary:'#4f46e5',secondary:'#818cf8'},borderRadius:{'none':'0px','sm':'4px',DEFAULT:'8px','md':'12px','lg':'16px','xl':'20px','2xl':'24px','3xl':'32px','full':'9999px','button':'8px'}}}}<\/script><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Pacifico&display=swap\" rel=\"stylesheet\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/remixicon\/4.6.0\/remixicon.min.css\"><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/echarts\/5.5.0\/echarts.min.js\"><\/script><style>:where([class^=\"ri-\"])::before { content: \"\\f3c2\"; }\r\nbody {\r\nfont-family: 'Inter', sans-serif;\r\nbackground-color: #f9fafb;\r\n}\r\n.field-card {\r\ntransition: all 0.3s ease;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n.field-card:hover {\r\ntransform: translateY(-5px);\r\nbox-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n}\r\n.degree-panel {\r\nmax-height: 0;\r\noverflow: hidden;\r\ntransition: max-height 0.3s ease;\r\n}\r\n.field-card:hover .degree-panel {\r\nmax-height: 500px;\r\n}\r\n.specialization-panel {\r\nmax-height: 0;\r\noverflow: hidden;\r\ntransition: max-height 0.3s ease;\r\n}\r\n.degree-item:hover .specialization-panel {\r\nmax-height: 500px;\r\n}\r\n.field-icon {\r\ntransition: all 0.3s ease;\r\n}\r\n.field-card:hover .field-icon {\r\ntransform: scale(1.1);\r\n}\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n-webkit-appearance: none;\r\nmargin: 0;\r\n}\r\n<\/style><\/head><body><section class=\"min-h-screen py-12 bg-gray-50\"><div class=\"container mx-auto px-4\"><div class=\"text-center mb-12\"><h2 class=\"text-4xl font-bold text-gray-900 mb-4\">Academic Programs<\/h2><p class=\"text-lg text-gray-600 max-w-3xl mx-auto\">Explore our comprehensive range of academic programs across various fields. Hover over each field to discover degree types and specializations.<\/p><\/div><div class=\"mb-8\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-2xl font-bold text-gray-800\">Academic Fields<\/h2><div class=\"relative\"><input type=\"text\" placeholder=\"Search programs...\" class=\"pl-10 pr-4 py-2 border-none bg-white rounded shadow-sm focus:outline-none focus:ring-2 focus:ring-primary text-sm\"><div class=\"absolute left-3 top-1\/2 transform -translate-y-1\/2 w-5 h-5 flex items-center justify-center\"><i class=\"ri-search-line text-gray-400\"><\/i><\/div><\/div><\/div><div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\"><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-primary\"><i class=\"ri-flask-line ri-xl\"><\/i><\/div><div class=\"bg-blue-50 text-blue-700 px-3 py-1 rounded-full text-sm font-medium\">12 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Science and Technology<\/h3><p class=\"text-gray-600\">Explore programs in engineering, chemistry, and environmental science.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Process Engineering<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Environmental Process Engineering<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Chemical Engineering<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Pharmaceutical Engineering<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Engineering Degree<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Process Engineering<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-green-100 flex items-center justify-center text-primary\"><i class=\"ri-building-line ri-xl\"><\/i><\/div><div class=\"bg-green-50 text-green-700 px-3 py-1 rounded-full text-sm font-medium\">14 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Architecture and Urban Planning<\/h3><p class=\"text-gray-600\">Discover programs in architectural design, urban development, and construction management.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Architecture<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Urban Planning<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Construction Project Management (Professional)<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Architecture<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Urban Planning<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Energy Efficiency in Construction Projects<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Construction Project Management (Professional)<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Urban Design and Environment<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Engineering Degree<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Architectural Engineering<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-amber-100 flex items-center justify-center text-primary\"><i class=\"ri-scales-3-line ri-xl\"><\/i><\/div><div class=\"bg-amber-50 text-amber-700 px-3 py-1 rounded-full text-sm font-medium\">8 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Law and Political Science<\/h3><p class=\"text-gray-600\">Study programs in legal studies, international relations, and public administration.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Political and Administrative Organization<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">International Relations<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Public Policies<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Local Administration<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Strategic and Security Studies<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center text-primary\"><i class=\"ri-group-line ri-xl\"><\/i><\/div><div class=\"bg-purple-50 text-purple-700 px-3 py-1 rounded-full text-sm font-medium\">10 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Human and Social Sciences<\/h3><p class=\"text-gray-600\">Explore programs in communication, media studies, and journalism.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Communication<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Media Studies<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Communication and Public Relations<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Audiovisual Studies<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Print and Digital Journalism<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-pink-100 flex items-center justify-center text-primary\"><i class=\"ri-palette-line ri-xl\"><\/i><\/div><div class=\"bg-pink-50 text-pink-700 px-3 py-1 rounded-full text-sm font-medium\">7 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Arts<\/h3><p class=\"text-gray-600\">Discover programs in film studies, theatre, and fine arts.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Film Studies<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Theatre Studies<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Fine Arts<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Advertising Art<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Scenography for Theatre Performances<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-red-100 flex items-center justify-center text-primary\"><i class=\"ri-heart-pulse-line ri-xl\"><\/i><\/div><div class=\"bg-red-50 text-red-700 px-3 py-1 rounded-full text-sm font-medium\">9 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Health Sciences<\/h3><p class=\"text-gray-600\">Study programs in medicine, pharmacy, and dentistry.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Classic Medicine<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">General Medicine<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Pediatrics<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Surgery<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Pharmacy<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Clinical Pharmacy<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Pharmaceutical Research<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Dentistry<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Orthodontics<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Oral Surgery<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"mt-16 bg-white rounded-lg shadow-sm p-8\"><div class=\"text-center mb-8\"><h2 class=\"text-2xl font-bold text-gray-800 mb-2\">Find Your Perfect Program<\/h2><p class=\"text-gray-600\">Use our advanced search to filter programs by field, degree type, and specialization.<\/p><\/div><div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\"><div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Field of Study<\/label><div class=\"relative\"><button class=\"w-full text-left px-4 py-2 bg-white border border-gray-200 rounded shadow-sm flex justify-between items-center !rounded-button whitespace-nowrap\"><span>Select Field<\/span><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span><\/button><\/div><\/div><div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Degree Type<\/label><div class=\"relative\"><button class=\"w-full text-left px-4 py-2 bg-white border border-gray-200 rounded shadow-sm flex justify-between items-center !rounded-button whitespace-nowrap\"><span>Select Degree<\/span><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span><\/button><\/div><\/div><div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Specialization<\/label><div class=\"relative\"><button class=\"w-full text-left px-4 py-2 bg-white border border-gray-200 rounded shadow-sm flex justify-between items-center !rounded-button whitespace-nowrap\"><span>Select Specialization<\/span><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span><\/button><\/div><\/div><\/div><div class=\"mt-6 flex justify-center\"><button class=\"bg-primary text-white px-6 py-3 !rounded-button whitespace-nowrap flex items-center space-x-2\"><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-search-line\"><\/i><\/span><span>Search Programs<\/span><\/button><\/div><\/div><div class=\"mt-16 bg-white rounded-lg shadow-sm p-8\"><div class=\"text-center mb-12\"><h2 class=\"text-2xl font-bold text-gray-800 mb-4\">Program Statistics<\/h2><p class=\"text-gray-600\">Overview of our academic programs distribution and trends<\/p><\/div><div class=\"flex justify-between items-center mb-8\"><div class=\"flex space-x-4\"><button class=\"flex items-center space-x-2 px-4 py-2 bg-white border border-gray-200 !rounded-button shadow-sm whitespace-nowrap\"><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-download-line\"><\/i><\/span><span>Export Data<\/span><\/button><button class=\"flex items-center space-x-2 px-4 py-2 bg-white border border-gray-200 !rounded-button shadow-sm whitespace-nowrap\"><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-filter-3-line\"><\/i><\/span><span>Filter<\/span><\/button><\/div><\/div><div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\"><div class=\"bg-gray-50 p-6 rounded shadow-sm\"><div id=\"programsByField\" class=\"h-80\"><\/div><\/div><div class=\"bg-gray-50 p-6 rounded shadow-sm\"><div id=\"programsByDegree\" class=\"h-80\"><\/div><\/div><div class=\"bg-gray-50 p-6 rounded shadow-sm\"><div id=\"programTrends\" class=\"h-80\"><\/div><\/div><\/div><\/div><\/div><\/section><script>document.addEventListener('DOMContentLoaded', function() {\r\n\/\/ Chart 1: Programs by Field\r\nconst programsByFieldChart = echarts.init(document.getElementById('programsByField'));\r\nconst programsByFieldOption = {\r\nanimation: false,\r\ntitle: {\r\ntext: 'Programs by Field',\r\nleft: 'center',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ntooltip: {\r\ntrigger: 'item',\r\nbackgroundColor: 'rgba(255, 255, 255, 0.8)',\r\nborderColor: '#f0f0f0',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nseries: [\r\n{\r\nname: 'Programs',\r\ntype: 'pie',\r\nradius: '65%',\r\ncenter: ['50%', '55%'],\r\ndata: [\r\n{ value: 12, name: 'Science & Tech' },\r\n{ value: 14, name: 'Architecture' },\r\n{ value: 8, name: 'Law & Politics' },\r\n{ value: 10, name: 'Human Sciences' },\r\n{ value: 7, name: 'Arts' },\r\n{ value: 9, name: 'Health Sciences' }\r\n],\r\nitemStyle: {\r\nborderRadius: 8,\r\nborderColor: '#fff',\r\nborderWidth: 2\r\n},\r\ncolor: [\r\n'rgba(87, 181, 231, 1)',\r\n'rgba(141, 211, 199, 1)',\r\n'rgba(251, 191, 114, 1)',\r\n'rgba(252, 141, 98, 1)',\r\n'rgba(179, 162, 199, 1)',\r\n'rgba(255, 128, 128, 1)'\r\n],\r\nlabel: {\r\ncolor: '#1f2937'\r\n},\r\nemphasis: {\r\nitemStyle: {\r\nshadowBlur: 10,\r\nshadowOffsetX: 0,\r\nshadowColor: 'rgba(0, 0, 0, 0.2)'\r\n}\r\n}\r\n}\r\n]\r\n};\r\nprogramsByFieldChart.setOption(programsByFieldOption);\r\n\/\/ Chart 2: Programs by Degree\r\nconst programsByDegreeChart = echarts.init(document.getElementById('programsByDegree'));\r\nconst programsByDegreeOption = {\r\nanimation: false,\r\ntitle: {\r\ntext: 'Programs by Degree Type',\r\nleft: 'center',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ntooltip: {\r\ntrigger: 'axis',\r\nbackgroundColor: 'rgba(255, 255, 255, 0.8)',\r\nborderColor: '#f0f0f0',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ngrid: {\r\nleft: '3%',\r\nright: '4%',\r\nbottom: '3%',\r\ncontainLabel: true\r\n},\r\nxAxis: {\r\ntype: 'category',\r\ndata: ['Bachelor's', 'Master's', 'Engineering', 'Professional', 'Doctorate'],\r\naxisLabel: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nyAxis: {\r\ntype: 'value',\r\naxisLabel: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nseries: [\r\n{\r\nname: 'Programs',\r\ntype: 'bar',\r\nbarWidth: '60%',\r\ndata: [24, 32, 8, 12, 6],\r\nitemStyle: {\r\ncolor: 'rgba(87, 181, 231, 1)',\r\nborderRadius: 6\r\n}\r\n}\r\n]\r\n};\r\nprogramsByDegreeChart.setOption(programsByDegreeOption);\r\n\/\/ Chart 3: Program Trends\r\nconst programTrendsChart = echarts.init(document.getElementById('programTrends'));\r\nconst programTrendsOption = {\r\nanimation: false,\r\ntitle: {\r\ntext: 'Program Enrollment Trends',\r\nleft: 'center',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ntooltip: {\r\ntrigger: 'axis',\r\nbackgroundColor: 'rgba(255, 255, 255, 0.8)',\r\nborderColor: '#f0f0f0',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ngrid: {\r\nleft: '3%',\r\nright: '4%',\r\nbottom: '3%',\r\ncontainLabel: true\r\n},\r\nxAxis: {\r\ntype: 'category',\r\nboundaryGap: false,\r\ndata: ['2020', '2021', '2022', '2023', '2024', '2025'],\r\naxisLabel: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nyAxis: {\r\ntype: 'value',\r\naxisLabel: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nseries: [\r\n{\r\nname: 'Science & Tech',\r\ntype: 'line',\r\nsmooth: true,\r\nlineStyle: {\r\nwidth: 3,\r\ncolor: 'rgba(87, 181, 231, 1)'\r\n},\r\nareaStyle: {\r\ncolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n{\r\noffset: 0,\r\ncolor: 'rgba(87, 181, 231, 0.3)'\r\n},\r\n{\r\noffset: 1,\r\ncolor: 'rgba(87, 181, 231, 0.1)'\r\n}\r\n])\r\n},\r\ndata: [320, 332, 301, 334, 390, 430]\r\n},\r\n{\r\nname: 'Health Sciences',\r\ntype: 'line',\r\nsmooth: true,\r\nlineStyle: {\r\nwidth: 3,\r\ncolor: 'rgba(252, 141, 98, 1)'\r\n},\r\nareaStyle: {\r\ncolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n{\r\noffset: 0,\r\ncolor: 'rgba(252, 141, 98, 0.3)'\r\n},\r\n{\r\noffset: 1,\r\ncolor: 'rgba(252, 141, 98, 0.1)'\r\n}\r\n])\r\n},\r\ndata: [220, 182, 191, 234, 290, 330]\r\n},\r\n{\r\nname: 'Arts & Humanities',\r\ntype: 'line',\r\nsmooth: true,\r\nlineStyle: {\r\nwidth: 3,\r\ncolor: 'rgba(141, 211, 199, 1)'\r\n},\r\nareaStyle: {\r\ncolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n{\r\noffset: 0,\r\ncolor: 'rgba(141, 211, 199, 0.3)'\r\n},\r\n{\r\noffset: 1,\r\ncolor: 'rgba(141, 211, 199, 0.1)'\r\n}\r\n])\r\n},\r\ndata: [150, 232, 201, 154, 190, 230]\r\n}\r\n]\r\n};\r\nprogramTrendsChart.setOption(programTrendsOption);\r\n\/\/ Resize charts when window size changes\r\nwindow.addEventListener('resize', function() {\r\nprogramsByFieldChart.resize();\r\nprogramsByDegreeChart.resize();\r\nprogramTrendsChart.resize();\r\n});\r\n});\r\n<\/script><\/body><\/html>\t\t\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>Academic Programs Explorer Academic Programs Explore our comprehensive range of academic programs across various fields. Hover over each field to discover degree types and specializations. Academic Fields 12 Programs Science and Technology Explore programs in engineering, chemistry, and environmental science. Bachelor’s Process Engineering Master’s Environmental Process Engineering Chemical Engineering Pharmaceutical Engineering Engineering Degree Process Engineering […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"class_list":["post-185357","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/pages\/185357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/comments?post=185357"}],"version-history":[{"count":1,"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/pages\/185357\/revisions"}],"predecessor-version":[{"id":185358,"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/pages\/185357\/revisions\/185358"}],"wp:attachment":[{"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/media?parent=185357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t

<\/div>\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\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

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\tAcademic Programs Explorer<\/title><script src=\"https:\/\/cdn.tailwindcss.com\/3.4.16\"><\/script><script>tailwind.config={theme:{extend:{colors:{primary:'#4f46e5',secondary:'#818cf8'},borderRadius:{'none':'0px','sm':'4px',DEFAULT:'8px','md':'12px','lg':'16px','xl':'20px','2xl':'24px','3xl':'32px','full':'9999px','button':'8px'}}}}<\/script><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Pacifico&display=swap\" rel=\"stylesheet\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/remixicon\/4.6.0\/remixicon.min.css\"><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/echarts\/5.5.0\/echarts.min.js\"><\/script><style>:where([class^=\"ri-\"])::before { content: \"\\f3c2\"; }\r\nbody {\r\nfont-family: 'Inter', sans-serif;\r\nbackground-color: #f9fafb;\r\n}\r\n.field-card {\r\ntransition: all 0.3s ease;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n.field-card:hover {\r\ntransform: translateY(-5px);\r\nbox-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n}\r\n.degree-panel {\r\nmax-height: 0;\r\noverflow: hidden;\r\ntransition: max-height 0.3s ease;\r\n}\r\n.field-card:hover .degree-panel {\r\nmax-height: 500px;\r\n}\r\n.specialization-panel {\r\nmax-height: 0;\r\noverflow: hidden;\r\ntransition: max-height 0.3s ease;\r\n}\r\n.degree-item:hover .specialization-panel {\r\nmax-height: 500px;\r\n}\r\n.field-icon {\r\ntransition: all 0.3s ease;\r\n}\r\n.field-card:hover .field-icon {\r\ntransform: scale(1.1);\r\n}\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n-webkit-appearance: none;\r\nmargin: 0;\r\n}\r\n<\/style><\/head><body><section class=\"min-h-screen py-12 bg-gray-50\"><div class=\"container mx-auto px-4\"><div class=\"text-center mb-12\"><h2 class=\"text-4xl font-bold text-gray-900 mb-4\">Academic Programs<\/h2><p class=\"text-lg text-gray-600 max-w-3xl mx-auto\">Explore our comprehensive range of academic programs across various fields. Hover over each field to discover degree types and specializations.<\/p><\/div><div class=\"mb-8\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-2xl font-bold text-gray-800\">Academic Fields<\/h2><div class=\"relative\"><input type=\"text\" placeholder=\"Search programs...\" class=\"pl-10 pr-4 py-2 border-none bg-white rounded shadow-sm focus:outline-none focus:ring-2 focus:ring-primary text-sm\"><div class=\"absolute left-3 top-1\/2 transform -translate-y-1\/2 w-5 h-5 flex items-center justify-center\"><i class=\"ri-search-line text-gray-400\"><\/i><\/div><\/div><\/div><div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\"><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-primary\"><i class=\"ri-flask-line ri-xl\"><\/i><\/div><div class=\"bg-blue-50 text-blue-700 px-3 py-1 rounded-full text-sm font-medium\">12 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Science and Technology<\/h3><p class=\"text-gray-600\">Explore programs in engineering, chemistry, and environmental science.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Process Engineering<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Environmental Process Engineering<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Chemical Engineering<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Pharmaceutical Engineering<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Engineering Degree<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Process Engineering<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-green-100 flex items-center justify-center text-primary\"><i class=\"ri-building-line ri-xl\"><\/i><\/div><div class=\"bg-green-50 text-green-700 px-3 py-1 rounded-full text-sm font-medium\">14 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Architecture and Urban Planning<\/h3><p class=\"text-gray-600\">Discover programs in architectural design, urban development, and construction management.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Architecture<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Urban Planning<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Construction Project Management (Professional)<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Architecture<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Urban Planning<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Energy Efficiency in Construction Projects<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Construction Project Management (Professional)<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Urban Design and Environment<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Engineering Degree<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Architectural Engineering<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-amber-100 flex items-center justify-center text-primary\"><i class=\"ri-scales-3-line ri-xl\"><\/i><\/div><div class=\"bg-amber-50 text-amber-700 px-3 py-1 rounded-full text-sm font-medium\">8 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Law and Political Science<\/h3><p class=\"text-gray-600\">Study programs in legal studies, international relations, and public administration.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Political and Administrative Organization<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">International Relations<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Public Policies<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Local Administration<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Strategic and Security Studies<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center text-primary\"><i class=\"ri-group-line ri-xl\"><\/i><\/div><div class=\"bg-purple-50 text-purple-700 px-3 py-1 rounded-full text-sm font-medium\">10 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Human and Social Sciences<\/h3><p class=\"text-gray-600\">Explore programs in communication, media studies, and journalism.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Communication<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Media Studies<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Communication and Public Relations<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Audiovisual Studies<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Print and Digital Journalism<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-pink-100 flex items-center justify-center text-primary\"><i class=\"ri-palette-line ri-xl\"><\/i><\/div><div class=\"bg-pink-50 text-pink-700 px-3 py-1 rounded-full text-sm font-medium\">7 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Arts<\/h3><p class=\"text-gray-600\">Discover programs in film studies, theatre, and fine arts.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Bachelor's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Film Studies<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Theatre Studies<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Fine Arts<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Master's<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Advertising Art<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Scenography for Theatre Performances<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"field-card bg-white rounded-lg shadow-sm overflow-hidden\"><div class=\"p-6 border-b border-gray-100\"><div class=\"flex justify-between items-start mb-4\"><div class=\"field-icon w-12 h-12 rounded-full bg-red-100 flex items-center justify-center text-primary\"><i class=\"ri-heart-pulse-line ri-xl\"><\/i><\/div><div class=\"bg-red-50 text-red-700 px-3 py-1 rounded-full text-sm font-medium\">9 Programs\r\n<\/div><\/div><h3 class=\"text-xl font-semibold text-gray-900 mb-2\">Health Sciences<\/h3><p class=\"text-gray-600\">Study programs in medicine, pharmacy, and dentistry.<\/p><\/div><div class=\"degree-panel bg-gray-50\"><div class=\"p-4 border-b border-gray-100\"><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Classic Medicine<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">General Medicine<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Pediatrics<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Surgery<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded mb-2 shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Pharmacy<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Clinical Pharmacy<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Pharmaceutical Research<\/li><\/ul><\/div><\/div><div class=\"degree-item p-3 bg-white rounded shadow-sm\"><div class=\"flex justify-between items-center\"><h4 class=\"font-medium text-gray-800\">Dentistry<\/h4><div class=\"w-6 h-6 flex items-center justify-center\"><i class=\"ri-arrow-right-s-line\"><\/i><\/div><\/div><div class=\"specialization-panel pt-3 mt-2 border-t border-gray-100\"><ul class=\"space-y-2 text-sm\"><li class=\"p-2 hover:bg-gray-50 rounded\">Orthodontics<\/li><li class=\"p-2 hover:bg-gray-50 rounded\">Oral Surgery<\/li><\/ul><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"mt-16 bg-white rounded-lg shadow-sm p-8\"><div class=\"text-center mb-8\"><h2 class=\"text-2xl font-bold text-gray-800 mb-2\">Find Your Perfect Program<\/h2><p class=\"text-gray-600\">Use our advanced search to filter programs by field, degree type, and specialization.<\/p><\/div><div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\"><div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Field of Study<\/label><div class=\"relative\"><button class=\"w-full text-left px-4 py-2 bg-white border border-gray-200 rounded shadow-sm flex justify-between items-center !rounded-button whitespace-nowrap\"><span>Select Field<\/span><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span><\/button><\/div><\/div><div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Degree Type<\/label><div class=\"relative\"><button class=\"w-full text-left px-4 py-2 bg-white border border-gray-200 rounded shadow-sm flex justify-between items-center !rounded-button whitespace-nowrap\"><span>Select Degree<\/span><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span><\/button><\/div><\/div><div><label class=\"block text-sm font-medium text-gray-700 mb-2\">Specialization<\/label><div class=\"relative\"><button class=\"w-full text-left px-4 py-2 bg-white border border-gray-200 rounded shadow-sm flex justify-between items-center !rounded-button whitespace-nowrap\"><span>Select Specialization<\/span><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span><\/button><\/div><\/div><\/div><div class=\"mt-6 flex justify-center\"><button class=\"bg-primary text-white px-6 py-3 !rounded-button whitespace-nowrap flex items-center space-x-2\"><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-search-line\"><\/i><\/span><span>Search Programs<\/span><\/button><\/div><\/div><div class=\"mt-16 bg-white rounded-lg shadow-sm p-8\"><div class=\"text-center mb-12\"><h2 class=\"text-2xl font-bold text-gray-800 mb-4\">Program Statistics<\/h2><p class=\"text-gray-600\">Overview of our academic programs distribution and trends<\/p><\/div><div class=\"flex justify-between items-center mb-8\"><div class=\"flex space-x-4\"><button class=\"flex items-center space-x-2 px-4 py-2 bg-white border border-gray-200 !rounded-button shadow-sm whitespace-nowrap\"><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-download-line\"><\/i><\/span><span>Export Data<\/span><\/button><button class=\"flex items-center space-x-2 px-4 py-2 bg-white border border-gray-200 !rounded-button shadow-sm whitespace-nowrap\"><span class=\"w-5 h-5 flex items-center justify-center\"><i class=\"ri-filter-3-line\"><\/i><\/span><span>Filter<\/span><\/button><\/div><\/div><div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\"><div class=\"bg-gray-50 p-6 rounded shadow-sm\"><div id=\"programsByField\" class=\"h-80\"><\/div><\/div><div class=\"bg-gray-50 p-6 rounded shadow-sm\"><div id=\"programsByDegree\" class=\"h-80\"><\/div><\/div><div class=\"bg-gray-50 p-6 rounded shadow-sm\"><div id=\"programTrends\" class=\"h-80\"><\/div><\/div><\/div><\/div><\/div><\/section><script>document.addEventListener('DOMContentLoaded', function() {\r\n\/\/ Chart 1: Programs by Field\r\nconst programsByFieldChart = echarts.init(document.getElementById('programsByField'));\r\nconst programsByFieldOption = {\r\nanimation: false,\r\ntitle: {\r\ntext: 'Programs by Field',\r\nleft: 'center',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ntooltip: {\r\ntrigger: 'item',\r\nbackgroundColor: 'rgba(255, 255, 255, 0.8)',\r\nborderColor: '#f0f0f0',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nseries: [\r\n{\r\nname: 'Programs',\r\ntype: 'pie',\r\nradius: '65%',\r\ncenter: ['50%', '55%'],\r\ndata: [\r\n{ value: 12, name: 'Science & Tech' },\r\n{ value: 14, name: 'Architecture' },\r\n{ value: 8, name: 'Law & Politics' },\r\n{ value: 10, name: 'Human Sciences' },\r\n{ value: 7, name: 'Arts' },\r\n{ value: 9, name: 'Health Sciences' }\r\n],\r\nitemStyle: {\r\nborderRadius: 8,\r\nborderColor: '#fff',\r\nborderWidth: 2\r\n},\r\ncolor: [\r\n'rgba(87, 181, 231, 1)',\r\n'rgba(141, 211, 199, 1)',\r\n'rgba(251, 191, 114, 1)',\r\n'rgba(252, 141, 98, 1)',\r\n'rgba(179, 162, 199, 1)',\r\n'rgba(255, 128, 128, 1)'\r\n],\r\nlabel: {\r\ncolor: '#1f2937'\r\n},\r\nemphasis: {\r\nitemStyle: {\r\nshadowBlur: 10,\r\nshadowOffsetX: 0,\r\nshadowColor: 'rgba(0, 0, 0, 0.2)'\r\n}\r\n}\r\n}\r\n]\r\n};\r\nprogramsByFieldChart.setOption(programsByFieldOption);\r\n\/\/ Chart 2: Programs by Degree\r\nconst programsByDegreeChart = echarts.init(document.getElementById('programsByDegree'));\r\nconst programsByDegreeOption = {\r\nanimation: false,\r\ntitle: {\r\ntext: 'Programs by Degree Type',\r\nleft: 'center',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ntooltip: {\r\ntrigger: 'axis',\r\nbackgroundColor: 'rgba(255, 255, 255, 0.8)',\r\nborderColor: '#f0f0f0',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ngrid: {\r\nleft: '3%',\r\nright: '4%',\r\nbottom: '3%',\r\ncontainLabel: true\r\n},\r\nxAxis: {\r\ntype: 'category',\r\ndata: ['Bachelor's', 'Master's', 'Engineering', 'Professional', 'Doctorate'],\r\naxisLabel: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nyAxis: {\r\ntype: 'value',\r\naxisLabel: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nseries: [\r\n{\r\nname: 'Programs',\r\ntype: 'bar',\r\nbarWidth: '60%',\r\ndata: [24, 32, 8, 12, 6],\r\nitemStyle: {\r\ncolor: 'rgba(87, 181, 231, 1)',\r\nborderRadius: 6\r\n}\r\n}\r\n]\r\n};\r\nprogramsByDegreeChart.setOption(programsByDegreeOption);\r\n\/\/ Chart 3: Program Trends\r\nconst programTrendsChart = echarts.init(document.getElementById('programTrends'));\r\nconst programTrendsOption = {\r\nanimation: false,\r\ntitle: {\r\ntext: 'Program Enrollment Trends',\r\nleft: 'center',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ntooltip: {\r\ntrigger: 'axis',\r\nbackgroundColor: 'rgba(255, 255, 255, 0.8)',\r\nborderColor: '#f0f0f0',\r\ntextStyle: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\ngrid: {\r\nleft: '3%',\r\nright: '4%',\r\nbottom: '3%',\r\ncontainLabel: true\r\n},\r\nxAxis: {\r\ntype: 'category',\r\nboundaryGap: false,\r\ndata: ['2020', '2021', '2022', '2023', '2024', '2025'],\r\naxisLabel: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nyAxis: {\r\ntype: 'value',\r\naxisLabel: {\r\ncolor: '#1f2937'\r\n}\r\n},\r\nseries: [\r\n{\r\nname: 'Science & Tech',\r\ntype: 'line',\r\nsmooth: true,\r\nlineStyle: {\r\nwidth: 3,\r\ncolor: 'rgba(87, 181, 231, 1)'\r\n},\r\nareaStyle: {\r\ncolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n{\r\noffset: 0,\r\ncolor: 'rgba(87, 181, 231, 0.3)'\r\n},\r\n{\r\noffset: 1,\r\ncolor: 'rgba(87, 181, 231, 0.1)'\r\n}\r\n])\r\n},\r\ndata: [320, 332, 301, 334, 390, 430]\r\n},\r\n{\r\nname: 'Health Sciences',\r\ntype: 'line',\r\nsmooth: true,\r\nlineStyle: {\r\nwidth: 3,\r\ncolor: 'rgba(252, 141, 98, 1)'\r\n},\r\nareaStyle: {\r\ncolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n{\r\noffset: 0,\r\ncolor: 'rgba(252, 141, 98, 0.3)'\r\n},\r\n{\r\noffset: 1,\r\ncolor: 'rgba(252, 141, 98, 0.1)'\r\n}\r\n])\r\n},\r\ndata: [220, 182, 191, 234, 290, 330]\r\n},\r\n{\r\nname: 'Arts & Humanities',\r\ntype: 'line',\r\nsmooth: true,\r\nlineStyle: {\r\nwidth: 3,\r\ncolor: 'rgba(141, 211, 199, 1)'\r\n},\r\nareaStyle: {\r\ncolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n{\r\noffset: 0,\r\ncolor: 'rgba(141, 211, 199, 0.3)'\r\n},\r\n{\r\noffset: 1,\r\ncolor: 'rgba(141, 211, 199, 0.1)'\r\n}\r\n])\r\n},\r\ndata: [150, 232, 201, 154, 190, 230]\r\n}\r\n]\r\n};\r\nprogramTrendsChart.setOption(programTrendsOption);\r\n\/\/ Resize charts when window size changes\r\nwindow.addEventListener('resize', function() {\r\nprogramsByFieldChart.resize();\r\nprogramsByDegreeChart.resize();\r\nprogramTrendsChart.resize();\r\n});\r\n});\r\n<\/script><\/body><\/html>\t\t\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>Academic Programs Explorer Academic Programs Explore our comprehensive range of academic programs across various fields. Hover over each field to discover degree types and specializations. Academic Fields 12 Programs Science and Technology Explore programs in engineering, chemistry, and environmental science. Bachelor’s Process Engineering Master’s Environmental Process Engineering Chemical Engineering Pharmaceutical Engineering Engineering Degree Process Engineering […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"class_list":["post-185357","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/pages\/185357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/comments?post=185357"}],"version-history":[{"count":1,"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/pages\/185357\/revisions"}],"predecessor-version":[{"id":185358,"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/pages\/185357\/revisions\/185358"}],"wp:attachment":[{"href":"https:\/\/univ-constantine3.dz\/ar\/wp-json\/wp\/v2\/media?parent=185357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}