Blog Design<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n serif: ['Playfair Display', 'serif'],\n },\n }\n }\n }\n <\/script>\n <style>\n body {\n font-family: 'Inter', sans-serif;\n color: #0f172a;\n line-height: 1.6;\n }\n .text-shadow {\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .animate-fadeInUp {\n animation: fadeInUp 1s ease-out forwards;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen bg-[#fefefe]\">\n \n<section \n class=\"relative min-h-[400px] h-[70vh] bg-cover bg-center bg-no-repeat flex items-center justify-center\"\n style=\" background-image: url('https:\/\/i.pinimg.com\/1200x\/7c\/76\/c3\/7c76c3d164428a2be662823747e33eaa.jpg'); width: 100vw; margin-left: calc(-50vw + 50%);top: -16px; \"\n>\n <div class=\"absolute inset-0 bg-black bg-opacity-20\"><\/div>\n\n <div class=\"relative z-10 max-w-[900px] px-5 animate-fadeInUp text-white text-center\">\n \n <h1 class=\"text-[clamp(2rem,6vw,3rem)] font-serif font-extrabold text-transparent bg-clip-text text-white drop-shadow-md text-center mb-6\">\n Discover our Exclusive Articles!\n <span aria-hidden=\"true\" class=\"absolute top-0 left-0 w-full h-full -z-10 text-transparent stroke-current stroke-1 text-orange-600 opacity-30 select-none\" style=\"text-shadow: 0 0 8px rgba(249,115,22,0.8)\">\n Discover Our Universe\n <\/span>\n<\/h1>\n\n <p class=\"text-[clamp(1rem,2vw,1rem)] mb-10 opacity-90 max-w-[600px] mx-auto leading-relaxed tracking-wide\">\n Explore captivating articles, practical guides and expert advice to enrich your daily life and feed your curiosity.\n <\/p>\n\n <a \n href=\"#articles\" \n class=\"inline-flex items-center gap-3 px-4 py-2 bg-gradient-to-r from-blue-500 to-orange-600 rounded-full text-white font-semibold transition-all duration-400 hover:shadow-[0_8px_20px_rgba(249,115,22,0.4)] hover:-translate-y-0.5\"\n>\n <span>Browse articles<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n\n\n\n \n <section class=\"py-20 px-5\" id=\"articles\">\n <div class=\"max-w-7xl mx-auto\">\n \n <div class=\"text-center mb-20 max-w-3xl mx-auto\">\n <h1 class=\"font-serif text-[clamp(2rem,4vw,2rem)] font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-400 mb-4\">\n Recent articles\n <\/h1>\n <p class=\"text-l text-[#64748b] leading-relaxed tracking-wide\">\n Discover our selected publications to inspire, guide and inform investors and entrepreneurs with clear analysis and tailored advice.\n <\/p>\n <\/div>\n\n \n <div class=\"flex justify-between items-center gap-5 mb-16 w-full flex-wrap lg:flex-nowrap\">\n \n <div class=\"relative w-50 min-w-[100px] max-w-md\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" \n viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" \n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \n class=\"absolute left-4 top-1\/2 -translate-y-1\/2 text-[#94a3b8] pointer-events-none\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/>\n <\/svg>\n <input \n id=\"searchInput\"\n type=\"search\" \n placeholder=\"Search an article...\" \n class=\"w-full py-2 pl-10 pr-6 text-base border-2 border-[#d1d5db] rounded-xl bg-white text-[#0f172a] outline-none transition duration-300 shadow-sm hover:shadow-md focus:border-sky-600 focus:shadow-lg\"\n \/>\n <\/div>\n\n \n <div class=\"flex flex-wrap gap-3 justify-end mt-4 lg:mt-0\" id=\"filterButtons\"> \n <button data-filter=\"all\"\n class=\"filter-btn py-2 px-6 rounded-full text-sm font-semibold transition duration-300 whitespace-nowrap bg-gradient-to-r from-sky-300 to-sky-400 text-white shadow-md hover:from-sky-200 hover:to-sky-300 hover:shadow-lg\">\n All\n <\/button>\n\n <button data-filter=\"Investissement\"\n class=\"filter-btn py-2 px-6 rounded-full text-sm font-semibold transition duration-300 whitespace-nowrap border-2 border-orange-600 text-orange-600 hover:bg-orange-600 hover:text-white\">\n Investment\n <\/button>\n\n <button data-filter=\"Startup\"\n class=\"filter-btn py-2 px-6 rounded-full text-sm font-semibold transition duration-300 whitespace-nowrap border-2 border-orange-600 text-orange-600 hover:bg-orange-600 hover:text-white\">\n Startup\n <\/button>\n\n <button data-filter=\"Finance\"\n class=\"filter-btn py-2 px-6 rounded-full text-sm font-semibold transition duration-300 whitespace-nowrap border-2 border-orange-600 text-orange-600 hover:bg-orange-600 hover:text-white\">\n Finance\n <\/button>\n<\/div>\n\n\n\n <\/div>\n\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10 mb-20\" id=\"articlesGrid\">\n \n <article data-category=\"Investissement \" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Investment \n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Why invest in Morocco? Opportunities and challenges\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Morocco, a gateway to Africa with a favorable investment climate.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/www.africainvestmentforum.com\/fr\/why-invest-in-morocco\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n\n<article data-category=\"Startup\" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/736x\/ed\/93\/62\/ed93627edef946461ba1789f9d9e1451.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Startup\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n The best Moroccan startups to watch in 2024\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Focus on innovative Moroccan start-ups.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/startupmagazine.fr\/meilleures-startups-marocaines\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n\n\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n <article data-category=\"Investissement\" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/1200x\/4a\/13\/17\/4a131731f4c93d5fe28077b1031ec025.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Investment\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Growth sectors for investment in 2025\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Analysis of the most promising sectors for investors.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/www.forbesafrique.com\/sectors-to-invest-2025\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <article data-category=\"Finance \" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/736x\/d5\/08\/3a\/d5083aad83f4f1f83f62841d35da89c6.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Finance\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Financial trends impacting investment in Africa\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n What's new and what's hot in African finance.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/africafinance.com\/trends-2024\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n <article data-category=\"Startup\" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/1200x\/79\/20\/a4\/7920a41e5f463a652fade9541c622082.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Startup\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n How to finance your startup: tips and solutions\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Financing options available to startups.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/www.wamda.com\/2023\/05\/how-to-fund-your-startup\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n <article data-category=\"Finance \" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/736x\/62\/98\/c7\/6298c70f948f37c12bd7b3314491a6d8.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Finance\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Fintech in Morocco: innovations and opportunities\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n The growing role of fintech in financing.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/fintechmag.ma\/fintech-maroc-2024\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n <article data-category=\"Investissement\" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/736x\/b3\/a3\/dc\/b3a3dc82d7a3e9111943f70f56824cbb.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Investment\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Comprehensive guide for foreign investors in Morocco\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Everything you need to know before investing in Morocco.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/www.invest.gov.ma\/fr\/pages\/InvestirAuMaroc.aspx\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <article data-category=\"voyage\" class=\"article-card ...\">\n \n <\/article>\n\n \n <\/div>\n\n \n <div class=\"text-center mt-16\">\n <button \n id=\"showMoreArticles\"\n class=\"py-4 px-12 text-base font-semibold bg-gradient-to-r from-orange-500 to-orange-600 text-white rounded-full cursor-pointer transition duration-400 shadow-lg hover:shadow-[0_8px_25px_rgba(249,115,22,0.5)] hover:-translate-y-1\"\n >\n Discover more articles\n <\/button>\n<\/div>\n\n <\/div>\n<\/section>\n\n\n \n <article class=\"grid grid-cols-1 md:grid-cols-2 min-h-[400px] bg-gradient-to-r from-sky-600 to-sky-700 text-white mb-10\">\n <img decoding=\"async\" \n src=\"https:\/\/tse3.mm.bing.net\/th\/id\/OIP.a2dI-RNXkoPJc74m-_zY1gHaE_?rs=1&pid=ImgDetMain&o=7&rm=3\" \n alt=\"Feature article\" \n class=\"w-full h-full object-cover\" \n \/>\n <div class=\"p-8 md:p-12 flex flex-col justify-center\">\n <h3 class=\"font-serif text-2xl md:text-4xl font-bold mb-4 md:mb-6 leading-tight\">\n Investment opportunities in Morocco - Maroc.ma\n <\/h3>\n <p class=\"text-lg md:text-xl opacity-90 mb-6 md:mb-8\">\n Analysis of growth sectors (textiles, agri-food, pharmaceuticals, outsourcing, etc.), illustrating Morocco's stability and attractiveness.\n <\/p>\n <a \n href=\"#\" \n class=\"inline-flex items-center gap-2 bg-orange-500 hover:bg-orange-600 text-white font-medium py-3 px-6 rounded-full transition-all duration-300 self-start shadow-lg hover:shadow-[0_8px_20px_rgba(249,115,22,0.4)]\"\n >\n <span>Read the article<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/article>\n \n<section class=\"w-[100vw] -mt-18 py-16 px-5 relative overflow-visible left-1\/2 -translate-x-1\/2\">\n\n \n <div class=\"absolute top-0 left-0 w-full h-full opacity-10\">\n <div class=\"absolute -top-10 -left-10 w-40 h-40 rounded-full bg-sky-600\"><\/div>\n <div class=\"absolute top-1\/3 right-10 w-20 h-20 rounded-full bg-orange-500\"><\/div>\n <div class=\"absolute bottom-20 left-1\/4 w-32 h-32 rounded-full bg-sky-400\"><\/div>\n <\/div>\n <div class=\"max-w-5xl mx-auto relative z-10\">\n <div class=\"text-center mb-16\">\n <h1 class=\"font-serif text-[clamp(2rem,4vw,2rem)] font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-400 mb-4\">\n What our readers say\n <\/h1>\n <p class=\"text-base text-[#64748b] max-w-[450px] mx-auto mb-2\">\n Sincere opinions from our passionate community.\n <\/p>\n <div class=\"flex items-center justify-center gap-1 text-orange-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\n \n <div class=\"bg-white rounded-[20px] p-7 shadow-[0_8px_30px_rgba(2,132,199,0.08)] border border-[#e2e8f0] transition-all duration-400 hover:-translate-y-2 hover:shadow-[0_15px_35px_rgba(2,132,199,0.15)]\">\n \n <div class=\"flex items-center justify-center gap-1 mb-4 text-orange-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <div class=\"flex flex-col items-center\">\n <div class=\"w-16 h-16 rounded-full border-4 border-sky-600 p-1 mb-5 shadow-lg\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?ixlib=rb-4.0.3&auto=format&fit=crop&w=256&q=80\" \n alt=\"Photo by Julie\" \n class=\"w-full h-full object-cover rounded-full\" \n width=\"80\" \n height=\"80\" \n \/>\n <\/div>\n <div class=\"max-w-[280px] mx-auto\">\n <p class=\"text-l italic text-[#334155] mb-5 text-center leading-relaxed\">\n \"Content that is always relevant, well-written and inspiring. I love every publication!\"\n <\/p>\n <div class=\"font-medium text-orange-500 text-center\">\n - Julie, Tangier\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white rounded-[20px] p-7 shadow-[0_8px_30px_rgba(2,132,199,0.08)] border border-[#e2e8f0] transition-all duration-400 hover:-translate-y-2 hover:shadow-[0_15px_35px_rgba(2,132,199,0.15)]\">\n \n <div class=\"flex items-center justify-center gap-1 mb-4 text-orange-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <div class=\"flex flex-col items-center\">\n <div class=\"w-16 h-16 rounded-full border-4 border-sky-600 p-1 mb-5 shadow-lg\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=256&q=80\" \n alt=\"Photo by Karim\" \n class=\"w-full h-full object-cover rounded-full\" \n width=\"80\" \n height=\"80\" \n \/>\n <\/div>\n <div class=\"max-w-[280px] mx-auto\">\n <p class=\"text-l italic text-[#334155] mb-5 text-center leading-relaxed\">\n \"The blog helps me tremendously to stay informed on tech and lifestyle topics.\"\n <\/p>\n <div class=\"font-medium text-orange-500 text-center\">\n - Karim, Casablanca\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white rounded-[20px] p-7 shadow-[0_8px_30px_rgba(2,132,199,0.08)] border border-[#e2e8f0] transition-all duration-400 hover:-translate-y-2 hover:shadow-[0_15px_35px_rgba(2,132,199,0.15)]\">\n \n <div class=\"flex items-center justify-center gap-1 mb-4 text-orange-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <div class=\"flex flex-col items-center\">\n <div class=\"w-16 h-16 rounded-full border-4 border-sky-600 p-1 mb-5 shadow-lg\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=256&q=80\" \n alt=\"Photo by Sophie\" \n class=\"w-full h-full object-cover rounded-full\" \n width=\"80\" \n height=\"80\" \n \/>\n <\/div>\n <div class=\"max-w-[280px] mx-auto\">\n <p class=\"text-l italic text-[#334155] mb-5 text-center leading-relaxed\">\n \"I've discovered so many new ideas thanks to your articles. Thank you for all your hard work!\"\n <\/p>\n <div class=\"font-medium text-orange-500 text-center\">\n - Sophie, Rabat\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n<\/body>\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n const filterButtons = document.querySelectorAll('.filter-btn');\n const articles = document.querySelectorAll('.article-card');\n const searchInput = document.getElementById('searchInput');\n const showMoreBtn = document.getElementById('showMoreArticles');\n\n let currentFilter = 'all';\n let visibleCount = 6; \/\/ nombre d'articles visibles au d\u00e9part\n const increment = 3; \/\/ nombre d'articles \u00e0 ajouter au clic\n\n function filterArticles() {\n const searchTerm = searchInput.value.toLowerCase().trim();\n\n \/\/ On commence par filtrer tous les articles selon cat\u00e9gorie + recherche\n articles.forEach(article => {\n const category = article.getAttribute('data-category').toLowerCase().trim();\n const title = article.querySelector('.article-title')?.textContent.toLowerCase() || '';\n const description = article.querySelector('.article-description')?.textContent.toLowerCase() || '';\n\n const matchesCategory = currentFilter === 'all' || category.includes(currentFilter);\n const matchesSearch = title.includes(searchTerm) || description.includes(searchTerm);\n\n if (matchesCategory && matchesSearch) {\n article.classList.remove('hidden-filtered'); \/\/ visible au filtrage\n } else {\n article.classList.add('hidden-filtered'); \/\/ cach\u00e9 par filtrage\n }\n\n \/\/ Toujours retirer la classe hidden li\u00e9e \u00e0 pagination ici\n article.classList.remove('hidden');\n });\n\n updateVisibleArticles();\n }\n\n function updateVisibleArticles() {\n \/\/ Montrer seulement les premiers visibleCount articles qui ne sont pas cach\u00e9s par le filtre\n let shown = 0;\n articles.forEach(article => {\n if (!article.classList.contains('hidden-filtered')) {\n if (shown < visibleCount) {\n article.classList.remove('hidden');\n shown++;\n } else {\n article.classList.add('hidden');\n }\n } else {\n \/\/ articles cach\u00e9s par filtre restent cach\u00e9s\n article.classList.add('hidden');\n }\n });\n\n \/\/ Afficher ou cacher le bouton \"Voir plus\"\n const remaining = [...articles].filter(a => !a.classList.contains('hidden-filtered') && a.classList.contains('hidden')).length;\n showMoreBtn.style.display = remaining > 0 ? 'inline-block' : 'none';\n }\n\n filterButtons.forEach(button => {\n button.addEventListener('click', () => {\n currentFilter = button.getAttribute('data-filter').toLowerCase().trim();\n\n filterButtons.forEach(btn => btn.classList.remove('bg-orange-600', 'text-white'));\n if (currentFilter !== 'all') {\n button.classList.add('bg-orange-600', 'text-white');\n }\n\n visibleCount = 6; \/\/ reset nombre visible quand on change filtre\n filterArticles();\n });\n });\n\n searchInput.addEventListener('input', () => {\n visibleCount = 6; \/\/ reset nombre visible quand on recherche\n filterArticles();\n });\n\n showMoreBtn.addEventListener('click', () => {\n visibleCount += increment;\n updateVisibleArticles();\n });\n\n \/\/ Appliquer filtre par d\u00e9faut\n filterArticles();\n });\n<\/script>\n\n\n\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Blog Design D\u00e9couvrez Nos Articles Exclusifs ! D\u00e9couvrez Notre Univers Explorez des articles captivants, des guides pratiques et des conseils d’experts pour enrichir votre quotidien et nourrir votre curiosit\u00e9 votre… <a href=\"https:\/\/www.proface.askonsult.com\/en\/articles\/\" rel=\"bookmark\">Read More \"<span class=\"screen-reader-text\"><\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1948","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- INVEST<\/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:\/\/www.proface.askonsult.com\/en\/articles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- INVEST\" \/>\n<meta property=\"og:description\" content=\"Blog Design D\u00e9couvrez Nos Articles Exclusifs ! D\u00e9couvrez Notre Univers Explorez des articles captivants, des guides pratiques et des conseils d’experts pour enrichir votre quotidien et nourrir votre curiosit\u00e9 votre… Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.proface.askonsult.com\/en\/articles\/\" \/>\n<meta property=\"og:site_name\" content=\"INVEST\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-24T16:33:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/\",\"name\":\"- INVEST\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i.pinimg.com\\\/1200x\\\/6b\\\/44\\\/60\\\/6b44605076670b7655c967abd3b1603b.jpg\",\"datePublished\":\"2025-07-08T14:05:43+00:00\",\"dateModified\":\"2025-07-24T16:33:15+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i.pinimg.com\\\/1200x\\\/6b\\\/44\\\/60\\\/6b44605076670b7655c967abd3b1603b.jpg\",\"contentUrl\":\"https:\\\/\\\/i.pinimg.com\\\/1200x\\\/6b\\\/44\\\/60\\\/6b44605076670b7655c967abd3b1603b.jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#website\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/\",\"name\":\"INVEST\",\"description\":\"PROFACE\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.proface.askonsult.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#organization\",\"name\":\"INVEST\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/lrcid-3.png\",\"contentUrl\":\"https:\\\/\\\/www.proface.askonsult.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/lrcid-3.png\",\"width\":700,\"height\":700,\"caption\":\"INVEST\"},\"image\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- INVEST","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:\/\/www.proface.askonsult.com\/en\/articles\/","og_locale":"en_US","og_type":"article","og_title":"- INVEST","og_description":"Blog Design D\u00e9couvrez Nos Articles Exclusifs ! D\u00e9couvrez Notre Univers Explorez des articles captivants, des guides pratiques et des conseils d’experts pour enrichir votre quotidien et nourrir votre curiosit\u00e9 votre… Read More »","og_url":"https:\/\/www.proface.askonsult.com\/en\/articles\/","og_site_name":"INVEST","article_modified_time":"2025-07-24T16:33:15+00:00","og_image":[{"url":"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.proface.askonsult.com\/en\/articles\/","url":"https:\/\/www.proface.askonsult.com\/en\/articles\/","name":"- INVEST","isPartOf":{"@id":"https:\/\/www.proface.askonsult.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.proface.askonsult.com\/en\/articles\/#primaryimage"},"image":{"@id":"https:\/\/www.proface.askonsult.com\/en\/articles\/#primaryimage"},"thumbnailUrl":"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg","datePublished":"2025-07-08T14:05:43+00:00","dateModified":"2025-07-24T16:33:15+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.proface.askonsult.com\/en\/articles\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.proface.askonsult.com\/en\/articles\/#primaryimage","url":"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg","contentUrl":"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg"},{"@type":"WebSite","@id":"https:\/\/www.proface.askonsult.com\/#website","url":"https:\/\/www.proface.askonsult.com\/","name":"INVEST","description":"PROFACE","publisher":{"@id":"https:\/\/www.proface.askonsult.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.proface.askonsult.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.proface.askonsult.com\/#organization","name":"INVEST","url":"https:\/\/www.proface.askonsult.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.proface.askonsult.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.proface.askonsult.com\/wp-content\/uploads\/2024\/07\/lrcid-3.png","contentUrl":"https:\/\/www.proface.askonsult.com\/wp-content\/uploads\/2024\/07\/lrcid-3.png","width":700,"height":700,"caption":"INVEST"},"image":{"@id":"https:\/\/www.proface.askonsult.com\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"neve-blog":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.proface.askonsult.com\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Blog Design D\u00e9couvrez Nos Articles Exclusifs ! D\u00e9couvrez Notre Univers Explorez des articles captivants, des guides pratiques et des conseils d’experts pour enrichir votre quotidien et nourrir votre curiosit\u00e9 votre… Read More »","_links":{"self":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/1948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/comments?post=1948"}],"version-history":[{"count":296,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/1948\/revisions"}],"predecessor-version":[{"id":3354,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/1948\/revisions\/3354"}],"wp:attachment":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/media?parent=1948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1948,"date":"2025-07-08T15:05:43","date_gmt":"2025-07-08T14:05:43","guid":{"rendered":"http:\/\/www.proface.askonsult.com\/?page_id=1948"},"modified":"2025-07-24T17:33:15","modified_gmt":"2025-07-24T16:33:15","slug":"articles","status":"publish","type":"page","link":"https:\/\/www.proface.askonsult.com\/en\/articles\/","title":{"rendered":""},"content":{"rendered":"\n\n\n \n \n Blog Design<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n serif: ['Playfair Display', 'serif'],\n },\n }\n }\n }\n <\/script>\n <style>\n body {\n font-family: 'Inter', sans-serif;\n color: #0f172a;\n line-height: 1.6;\n }\n .text-shadow {\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .animate-fadeInUp {\n animation: fadeInUp 1s ease-out forwards;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen bg-[#fefefe]\">\n \n<section \n class=\"relative min-h-[400px] h-[70vh] bg-cover bg-center bg-no-repeat flex items-center justify-center\"\n style=\" background-image: url('https:\/\/i.pinimg.com\/1200x\/7c\/76\/c3\/7c76c3d164428a2be662823747e33eaa.jpg'); width: 100vw; margin-left: calc(-50vw + 50%);top: -16px; \"\n>\n <div class=\"absolute inset-0 bg-black bg-opacity-20\"><\/div>\n\n <div class=\"relative z-10 max-w-[900px] px-5 animate-fadeInUp text-white text-center\">\n \n <h1 class=\"text-[clamp(2rem,6vw,3rem)] font-serif font-extrabold text-transparent bg-clip-text text-white drop-shadow-md text-center mb-6\">\n Discover our Exclusive Articles!\n <span aria-hidden=\"true\" class=\"absolute top-0 left-0 w-full h-full -z-10 text-transparent stroke-current stroke-1 text-orange-600 opacity-30 select-none\" style=\"text-shadow: 0 0 8px rgba(249,115,22,0.8)\">\n Discover Our Universe\n <\/span>\n<\/h1>\n\n <p class=\"text-[clamp(1rem,2vw,1rem)] mb-10 opacity-90 max-w-[600px] mx-auto leading-relaxed tracking-wide\">\n Explore captivating articles, practical guides and expert advice to enrich your daily life and feed your curiosity.\n <\/p>\n\n <a \n href=\"#articles\" \n class=\"inline-flex items-center gap-3 px-4 py-2 bg-gradient-to-r from-blue-500 to-orange-600 rounded-full text-white font-semibold transition-all duration-400 hover:shadow-[0_8px_20px_rgba(249,115,22,0.4)] hover:-translate-y-0.5\"\n>\n <span>Browse articles<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n\n\n\n \n <section class=\"py-20 px-5\" id=\"articles\">\n <div class=\"max-w-7xl mx-auto\">\n \n <div class=\"text-center mb-20 max-w-3xl mx-auto\">\n <h1 class=\"font-serif text-[clamp(2rem,4vw,2rem)] font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-400 mb-4\">\n Recent articles\n <\/h1>\n <p class=\"text-l text-[#64748b] leading-relaxed tracking-wide\">\n Discover our selected publications to inspire, guide and inform investors and entrepreneurs with clear analysis and tailored advice.\n <\/p>\n <\/div>\n\n \n <div class=\"flex justify-between items-center gap-5 mb-16 w-full flex-wrap lg:flex-nowrap\">\n \n <div class=\"relative w-50 min-w-[100px] max-w-md\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" \n viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" \n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \n class=\"absolute left-4 top-1\/2 -translate-y-1\/2 text-[#94a3b8] pointer-events-none\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/>\n <\/svg>\n <input \n id=\"searchInput\"\n type=\"search\" \n placeholder=\"Search an article...\" \n class=\"w-full py-2 pl-10 pr-6 text-base border-2 border-[#d1d5db] rounded-xl bg-white text-[#0f172a] outline-none transition duration-300 shadow-sm hover:shadow-md focus:border-sky-600 focus:shadow-lg\"\n \/>\n <\/div>\n\n \n <div class=\"flex flex-wrap gap-3 justify-end mt-4 lg:mt-0\" id=\"filterButtons\"> \n <button data-filter=\"all\"\n class=\"filter-btn py-2 px-6 rounded-full text-sm font-semibold transition duration-300 whitespace-nowrap bg-gradient-to-r from-sky-300 to-sky-400 text-white shadow-md hover:from-sky-200 hover:to-sky-300 hover:shadow-lg\">\n All\n <\/button>\n\n <button data-filter=\"Investissement\"\n class=\"filter-btn py-2 px-6 rounded-full text-sm font-semibold transition duration-300 whitespace-nowrap border-2 border-orange-600 text-orange-600 hover:bg-orange-600 hover:text-white\">\n Investment\n <\/button>\n\n <button data-filter=\"Startup\"\n class=\"filter-btn py-2 px-6 rounded-full text-sm font-semibold transition duration-300 whitespace-nowrap border-2 border-orange-600 text-orange-600 hover:bg-orange-600 hover:text-white\">\n Startup\n <\/button>\n\n <button data-filter=\"Finance\"\n class=\"filter-btn py-2 px-6 rounded-full text-sm font-semibold transition duration-300 whitespace-nowrap border-2 border-orange-600 text-orange-600 hover:bg-orange-600 hover:text-white\">\n Finance\n <\/button>\n<\/div>\n\n\n\n <\/div>\n\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10 mb-20\" id=\"articlesGrid\">\n \n <article data-category=\"Investissement \" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Investment \n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Why invest in Morocco? Opportunities and challenges\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Morocco, a gateway to Africa with a favorable investment climate.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/www.africainvestmentforum.com\/fr\/why-invest-in-morocco\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n\n<article data-category=\"Startup\" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/736x\/ed\/93\/62\/ed93627edef946461ba1789f9d9e1451.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Startup\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n The best Moroccan startups to watch in 2024\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Focus on innovative Moroccan start-ups.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/startupmagazine.fr\/meilleures-startups-marocaines\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n\n\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n <article data-category=\"Investissement\" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/1200x\/4a\/13\/17\/4a131731f4c93d5fe28077b1031ec025.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Investment\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Growth sectors for investment in 2025\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Analysis of the most promising sectors for investors.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/www.forbesafrique.com\/sectors-to-invest-2025\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <article data-category=\"Finance \" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/736x\/d5\/08\/3a\/d5083aad83f4f1f83f62841d35da89c6.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Finance\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Financial trends impacting investment in Africa\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n What's new and what's hot in African finance.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/africafinance.com\/trends-2024\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n <article data-category=\"Startup\" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/1200x\/79\/20\/a4\/7920a41e5f463a652fade9541c622082.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Startup\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n How to finance your startup: tips and solutions\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Financing options available to startups.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/www.wamda.com\/2023\/05\/how-to-fund-your-startup\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n <article data-category=\"Finance \" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/736x\/62\/98\/c7\/6298c70f948f37c12bd7b3314491a6d8.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Finance\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Fintech in Morocco: innovations and opportunities\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n The growing role of fintech in financing.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/fintechmag.ma\/fintech-maroc-2024\/\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n <article data-category=\"Investissement\" class=\"article-card bg-white rounded-[20px] overflow-hidden shadow-[0_4px_20px_rgba(2,132,199,0.05)] transition-all duration-400 border border-[#e2e8f0] hover:-translate-y-2 hover:shadow-[0_20px_40px_rgba(2,132,199,0.1)] group\">\n <div class=\"relative h-60 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/i.pinimg.com\/736x\/b3\/a3\/dc\/b3a3dc82d7a3e9111943f70f56824cbb.jpg\" \n alt=\"Artificial Intelligence for Creativity\" \n class=\"w-full h-full object-cover transition-transform duration-400 group-hover:scale-105\" \n \/>\n <div class=\"absolute top-4 left-4 bg-orange-500 text-white py-1.5 px-3 rounded-full text-xs font-semibold uppercase tracking-wider\">\n Investment\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col gap-4\">\n <h3 class=\"font-serif text-xl font-semibold text-[#0f172a] leading-tight article-title\">\n Comprehensive guide for foreign investors in Morocco\n <\/h3>\n <p class=\"text-[#64748b] text-base leading-relaxed article-description\">\n Everything you need to know before investing in Morocco.\n <\/p>\n <div class=\"flex items-center justify-between pt-4 border-t border-[#e2e8f0] mt-2\">\n <div class=\"flex items-center gap-2 text-[#94a3b8] text-sm\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <span>July 15, 2024<\/span>\n <\/div>\n <a \n href=\"https:\/\/www.invest.gov.ma\/fr\/pages\/InvestirAuMaroc.aspx\" \n class=\"inline-flex items-center gap-2 text-sky-600 font-medium text-sm transition-all duration-300 hover:text-sky-700 hover:translate-x-1\"\n >\n <span>Read more<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <article data-category=\"voyage\" class=\"article-card ...\">\n \n <\/article>\n\n \n <\/div>\n\n \n <div class=\"text-center mt-16\">\n <button \n id=\"showMoreArticles\"\n class=\"py-4 px-12 text-base font-semibold bg-gradient-to-r from-orange-500 to-orange-600 text-white rounded-full cursor-pointer transition duration-400 shadow-lg hover:shadow-[0_8px_25px_rgba(249,115,22,0.5)] hover:-translate-y-1\"\n >\n Discover more articles\n <\/button>\n<\/div>\n\n <\/div>\n<\/section>\n\n\n \n <article class=\"grid grid-cols-1 md:grid-cols-2 min-h-[400px] bg-gradient-to-r from-sky-600 to-sky-700 text-white mb-10\">\n <img decoding=\"async\" \n src=\"https:\/\/tse3.mm.bing.net\/th\/id\/OIP.a2dI-RNXkoPJc74m-_zY1gHaE_?rs=1&pid=ImgDetMain&o=7&rm=3\" \n alt=\"Feature article\" \n class=\"w-full h-full object-cover\" \n \/>\n <div class=\"p-8 md:p-12 flex flex-col justify-center\">\n <h3 class=\"font-serif text-2xl md:text-4xl font-bold mb-4 md:mb-6 leading-tight\">\n Investment opportunities in Morocco - Maroc.ma\n <\/h3>\n <p class=\"text-lg md:text-xl opacity-90 mb-6 md:mb-8\">\n Analysis of growth sectors (textiles, agri-food, pharmaceuticals, outsourcing, etc.), illustrating Morocco's stability and attractiveness.\n <\/p>\n <a \n href=\"#\" \n class=\"inline-flex items-center gap-2 bg-orange-500 hover:bg-orange-600 text-white font-medium py-3 px-6 rounded-full transition-all duration-300 self-start shadow-lg hover:shadow-[0_8px_20px_rgba(249,115,22,0.4)]\"\n >\n <span>Read the article<\/span>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/article>\n \n<section class=\"w-[100vw] -mt-18 py-16 px-5 relative overflow-visible left-1\/2 -translate-x-1\/2\">\n\n \n <div class=\"absolute top-0 left-0 w-full h-full opacity-10\">\n <div class=\"absolute -top-10 -left-10 w-40 h-40 rounded-full bg-sky-600\"><\/div>\n <div class=\"absolute top-1\/3 right-10 w-20 h-20 rounded-full bg-orange-500\"><\/div>\n <div class=\"absolute bottom-20 left-1\/4 w-32 h-32 rounded-full bg-sky-400\"><\/div>\n <\/div>\n <div class=\"max-w-5xl mx-auto relative z-10\">\n <div class=\"text-center mb-16\">\n <h1 class=\"font-serif text-[clamp(2rem,4vw,2rem)] font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-blue-400 mb-4\">\n What our readers say\n <\/h1>\n <p class=\"text-base text-[#64748b] max-w-[450px] mx-auto mb-2\">\n Sincere opinions from our passionate community.\n <\/p>\n <div class=\"flex items-center justify-center gap-1 text-orange-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10\">\n \n <div class=\"bg-white rounded-[20px] p-7 shadow-[0_8px_30px_rgba(2,132,199,0.08)] border border-[#e2e8f0] transition-all duration-400 hover:-translate-y-2 hover:shadow-[0_15px_35px_rgba(2,132,199,0.15)]\">\n \n <div class=\"flex items-center justify-center gap-1 mb-4 text-orange-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <div class=\"flex flex-col items-center\">\n <div class=\"w-16 h-16 rounded-full border-4 border-sky-600 p-1 mb-5 shadow-lg\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?ixlib=rb-4.0.3&auto=format&fit=crop&w=256&q=80\" \n alt=\"Photo by Julie\" \n class=\"w-full h-full object-cover rounded-full\" \n width=\"80\" \n height=\"80\" \n \/>\n <\/div>\n <div class=\"max-w-[280px] mx-auto\">\n <p class=\"text-l italic text-[#334155] mb-5 text-center leading-relaxed\">\n \"Content that is always relevant, well-written and inspiring. I love every publication!\"\n <\/p>\n <div class=\"font-medium text-orange-500 text-center\">\n - Julie, Tangier\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white rounded-[20px] p-7 shadow-[0_8px_30px_rgba(2,132,199,0.08)] border border-[#e2e8f0] transition-all duration-400 hover:-translate-y-2 hover:shadow-[0_15px_35px_rgba(2,132,199,0.15)]\">\n \n <div class=\"flex items-center justify-center gap-1 mb-4 text-orange-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <div class=\"flex flex-col items-center\">\n <div class=\"w-16 h-16 rounded-full border-4 border-sky-600 p-1 mb-5 shadow-lg\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=256&q=80\" \n alt=\"Photo by Karim\" \n class=\"w-full h-full object-cover rounded-full\" \n width=\"80\" \n height=\"80\" \n \/>\n <\/div>\n <div class=\"max-w-[280px] mx-auto\">\n <p class=\"text-l italic text-[#334155] mb-5 text-center leading-relaxed\">\n \"The blog helps me tremendously to stay informed on tech and lifestyle topics.\"\n <\/p>\n <div class=\"font-medium text-orange-500 text-center\">\n - Karim, Casablanca\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white rounded-[20px] p-7 shadow-[0_8px_30px_rgba(2,132,199,0.08)] border border-[#e2e8f0] transition-all duration-400 hover:-translate-y-2 hover:shadow-[0_15px_35px_rgba(2,132,199,0.15)]\">\n \n <div class=\"flex items-center justify-center gap-1 mb-4 text-orange-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <div class=\"flex flex-col items-center\">\n <div class=\"w-16 h-16 rounded-full border-4 border-sky-600 p-1 mb-5 shadow-lg\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=256&q=80\" \n alt=\"Photo by Sophie\" \n class=\"w-full h-full object-cover rounded-full\" \n width=\"80\" \n height=\"80\" \n \/>\n <\/div>\n <div class=\"max-w-[280px] mx-auto\">\n <p class=\"text-l italic text-[#334155] mb-5 text-center leading-relaxed\">\n \"I've discovered so many new ideas thanks to your articles. Thank you for all your hard work!\"\n <\/p>\n <div class=\"font-medium text-orange-500 text-center\">\n - Sophie, Rabat\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n<\/body>\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n const filterButtons = document.querySelectorAll('.filter-btn');\n const articles = document.querySelectorAll('.article-card');\n const searchInput = document.getElementById('searchInput');\n const showMoreBtn = document.getElementById('showMoreArticles');\n\n let currentFilter = 'all';\n let visibleCount = 6; \/\/ nombre d'articles visibles au d\u00e9part\n const increment = 3; \/\/ nombre d'articles \u00e0 ajouter au clic\n\n function filterArticles() {\n const searchTerm = searchInput.value.toLowerCase().trim();\n\n \/\/ On commence par filtrer tous les articles selon cat\u00e9gorie + recherche\n articles.forEach(article => {\n const category = article.getAttribute('data-category').toLowerCase().trim();\n const title = article.querySelector('.article-title')?.textContent.toLowerCase() || '';\n const description = article.querySelector('.article-description')?.textContent.toLowerCase() || '';\n\n const matchesCategory = currentFilter === 'all' || category.includes(currentFilter);\n const matchesSearch = title.includes(searchTerm) || description.includes(searchTerm);\n\n if (matchesCategory && matchesSearch) {\n article.classList.remove('hidden-filtered'); \/\/ visible au filtrage\n } else {\n article.classList.add('hidden-filtered'); \/\/ cach\u00e9 par filtrage\n }\n\n \/\/ Toujours retirer la classe hidden li\u00e9e \u00e0 pagination ici\n article.classList.remove('hidden');\n });\n\n updateVisibleArticles();\n }\n\n function updateVisibleArticles() {\n \/\/ Montrer seulement les premiers visibleCount articles qui ne sont pas cach\u00e9s par le filtre\n let shown = 0;\n articles.forEach(article => {\n if (!article.classList.contains('hidden-filtered')) {\n if (shown < visibleCount) {\n article.classList.remove('hidden');\n shown++;\n } else {\n article.classList.add('hidden');\n }\n } else {\n \/\/ articles cach\u00e9s par filtre restent cach\u00e9s\n article.classList.add('hidden');\n }\n });\n\n \/\/ Afficher ou cacher le bouton \"Voir plus\"\n const remaining = [...articles].filter(a => !a.classList.contains('hidden-filtered') && a.classList.contains('hidden')).length;\n showMoreBtn.style.display = remaining > 0 ? 'inline-block' : 'none';\n }\n\n filterButtons.forEach(button => {\n button.addEventListener('click', () => {\n currentFilter = button.getAttribute('data-filter').toLowerCase().trim();\n\n filterButtons.forEach(btn => btn.classList.remove('bg-orange-600', 'text-white'));\n if (currentFilter !== 'all') {\n button.classList.add('bg-orange-600', 'text-white');\n }\n\n visibleCount = 6; \/\/ reset nombre visible quand on change filtre\n filterArticles();\n });\n });\n\n searchInput.addEventListener('input', () => {\n visibleCount = 6; \/\/ reset nombre visible quand on recherche\n filterArticles();\n });\n\n showMoreBtn.addEventListener('click', () => {\n visibleCount += increment;\n updateVisibleArticles();\n });\n\n \/\/ Appliquer filtre par d\u00e9faut\n filterArticles();\n });\n<\/script>\n\n\n\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Blog Design D\u00e9couvrez Nos Articles Exclusifs ! D\u00e9couvrez Notre Univers Explorez des articles captivants, des guides pratiques et des conseils d’experts pour enrichir votre quotidien et nourrir votre curiosit\u00e9 votre… <a href=\"https:\/\/www.proface.askonsult.com\/en\/articles\/\" rel=\"bookmark\">Read More \"<span class=\"screen-reader-text\"><\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1948","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- INVEST<\/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:\/\/www.proface.askonsult.com\/en\/articles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- INVEST\" \/>\n<meta property=\"og:description\" content=\"Blog Design D\u00e9couvrez Nos Articles Exclusifs ! D\u00e9couvrez Notre Univers Explorez des articles captivants, des guides pratiques et des conseils d’experts pour enrichir votre quotidien et nourrir votre curiosit\u00e9 votre… Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.proface.askonsult.com\/en\/articles\/\" \/>\n<meta property=\"og:site_name\" content=\"INVEST\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-24T16:33:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/\",\"name\":\"- INVEST\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i.pinimg.com\\\/1200x\\\/6b\\\/44\\\/60\\\/6b44605076670b7655c967abd3b1603b.jpg\",\"datePublished\":\"2025-07-08T14:05:43+00:00\",\"dateModified\":\"2025-07-24T16:33:15+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/en\\\/articles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i.pinimg.com\\\/1200x\\\/6b\\\/44\\\/60\\\/6b44605076670b7655c967abd3b1603b.jpg\",\"contentUrl\":\"https:\\\/\\\/i.pinimg.com\\\/1200x\\\/6b\\\/44\\\/60\\\/6b44605076670b7655c967abd3b1603b.jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#website\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/\",\"name\":\"INVEST\",\"description\":\"PROFACE\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.proface.askonsult.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#organization\",\"name\":\"INVEST\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.proface.askonsult.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/lrcid-3.png\",\"contentUrl\":\"https:\\\/\\\/www.proface.askonsult.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/lrcid-3.png\",\"width\":700,\"height\":700,\"caption\":\"INVEST\"},\"image\":{\"@id\":\"https:\\\/\\\/www.proface.askonsult.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- INVEST","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:\/\/www.proface.askonsult.com\/en\/articles\/","og_locale":"en_US","og_type":"article","og_title":"- INVEST","og_description":"Blog Design D\u00e9couvrez Nos Articles Exclusifs ! D\u00e9couvrez Notre Univers Explorez des articles captivants, des guides pratiques et des conseils d’experts pour enrichir votre quotidien et nourrir votre curiosit\u00e9 votre… Read More »","og_url":"https:\/\/www.proface.askonsult.com\/en\/articles\/","og_site_name":"INVEST","article_modified_time":"2025-07-24T16:33:15+00:00","og_image":[{"url":"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.proface.askonsult.com\/en\/articles\/","url":"https:\/\/www.proface.askonsult.com\/en\/articles\/","name":"- INVEST","isPartOf":{"@id":"https:\/\/www.proface.askonsult.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.proface.askonsult.com\/en\/articles\/#primaryimage"},"image":{"@id":"https:\/\/www.proface.askonsult.com\/en\/articles\/#primaryimage"},"thumbnailUrl":"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg","datePublished":"2025-07-08T14:05:43+00:00","dateModified":"2025-07-24T16:33:15+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.proface.askonsult.com\/en\/articles\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.proface.askonsult.com\/en\/articles\/#primaryimage","url":"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg","contentUrl":"https:\/\/i.pinimg.com\/1200x\/6b\/44\/60\/6b44605076670b7655c967abd3b1603b.jpg"},{"@type":"WebSite","@id":"https:\/\/www.proface.askonsult.com\/#website","url":"https:\/\/www.proface.askonsult.com\/","name":"INVEST","description":"PROFACE","publisher":{"@id":"https:\/\/www.proface.askonsult.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.proface.askonsult.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.proface.askonsult.com\/#organization","name":"INVEST","url":"https:\/\/www.proface.askonsult.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.proface.askonsult.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.proface.askonsult.com\/wp-content\/uploads\/2024\/07\/lrcid-3.png","contentUrl":"https:\/\/www.proface.askonsult.com\/wp-content\/uploads\/2024\/07\/lrcid-3.png","width":700,"height":700,"caption":"INVEST"},"image":{"@id":"https:\/\/www.proface.askonsult.com\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"neve-blog":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.proface.askonsult.com\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Blog Design D\u00e9couvrez Nos Articles Exclusifs ! D\u00e9couvrez Notre Univers Explorez des articles captivants, des guides pratiques et des conseils d’experts pour enrichir votre quotidien et nourrir votre curiosit\u00e9 votre… Read More »","_links":{"self":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/1948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/comments?post=1948"}],"version-history":[{"count":296,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/1948\/revisions"}],"predecessor-version":[{"id":3354,"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/pages\/1948\/revisions\/3354"}],"wp:attachment":[{"href":"https:\/\/www.proface.askonsult.com\/en\/wp-json\/wp\/v2\/media?parent=1948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}