{"id":18859,"date":"2026-03-22T15:10:56","date_gmt":"2026-03-22T12:10:56","guid":{"rendered":"https:\/\/cms.atu.edu.iq\/?page_id=18859"},"modified":"2026-04-05T00:15:17","modified_gmt":"2026-04-04T21:15:17","slug":"%d8%a3%d8%b9%d9%85%d9%80%d9%80%d9%80%d9%80%d8%a7%d8%b1","status":"publish","type":"page","link":"https:\/\/cms.atu.edu.iq\/?page_id=18859","title":{"rendered":"\u0623\u0639\u0645\u0640\u0640\u0640\u0640\u0627\u0631"},"content":{"rendered":"\n<div style=\"height:180px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"amara-projects-wrapper\" style=\"max-width: 1400px; margin: 0 auto; padding: 40px 24px; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', sans-serif; direction: rtl; background: linear-gradient(135deg, #f5f7fa 0%, #eef2f7 100%);\">\n  \n  <!-- ===================== \u0642\u0633\u0645 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 - \u0645\u0631\u062a\u0628 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631 ===================== -->\n  <div class=\"intro-section\" style=\"text-align: right; margin-bottom: 60px; position: relative; animation: fadeInUp 0.8s ease-out;\">\n    \n    <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0641\u0631\u0639\u064a -->\n    <h3 style=\"font-size: 1.8rem; font-weight: 600; color: #2c8bb0; margin-bottom: 24px; border-right: 4px solid #2c8bb0; padding-right: 20px;\">\n      \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0639\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631\n    <\/h3>\n    \n    <!-- \u0627\u0644\u0646\u0635 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a -->\n    <div style=\"max-width: 900px;\">\n      <p style=\"font-size: 1.15rem; line-height: 1.8; color: #2d3748; margin-bottom: 20px; background: rgba(255,255,255,0.7); padding: 28px 32px; border-radius: 24px; backdrop-filter: blur(8px); box-shadow: 0 4px 20px rgba(0,0,0,0.05);\">\n        \u062a\u064f\u0639\u0646\u0649 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0639\u0631\u0636 \u0623\u0628\u0631\u0632 <strong style=\"color: #0a4b6e; font-weight: 700;\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0639\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/strong> \u0627\u0644\u062a\u064a \u062a\u0645 \u062a\u0646\u0641\u064a\u0630\u0647\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0643\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u062a\u0648\u0641\u064a\u0631 \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u062a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0648\u0627\u0644\u062a\u0642\u0646\u064a.\n      <\/p>\n      <p style=\"font-size: 1.05rem; line-height: 1.7; color: #4a5568; padding-right: 20px; border-right: 3px solid #cbd5e0;\">\n        \u062a\u0634\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0625\u0646\u0634\u0627\u0621 \u0648\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0642\u0627\u0639\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629\u060c \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a\u060c \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\u060c \u0648\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0628\u0645\u0627 \u064a\u0633\u0647\u0645 \u0641\u064a \u062f\u0639\u0645 \u0627\u0644\u0637\u0644\u0628\u0629 \u0648\u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u0629.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- ===================== \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 ===================== -->\n  <div class=\"projects-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 32px;\">\n    \n    <!-- ========== \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062c\u062f\u064a\u062f 1: \u0627\u0639\u0645\u0627\u0631 \u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645\u0627\u062a (\u064a\u0638\u0647\u0631 \u0623\u0648\u0644\u0627\u064b) ========== -->\n    <div class=\"project-card\" onclick=\"window.open('https:\/\/cms.atu.edu.iq\/?page_id=19342', '_blank')\" style=\"background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border-radius: 28px; overflow: hidden; box-shadow: 0 20px 35px -10px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); cursor: pointer; position: relative;\">\n      <div class=\"project-badge\" style=\"position: absolute; top: 20px; right: 20px; background: linear-gradient(135deg, #0a4b6e, #2c8bb0); color: white; padding: 6px 16px; border-radius: 30px; font-size: 0.8rem; font-weight: 600; z-index: 2; box-shadow: 0 4px 12px rgba(0,0,0,0.2); backdrop-filter: blur(4px);\">\u062c\u062f\u064a\u062f<\/div>\n      <div class=\"project-image\" style=\"height: 260px; overflow: hidden; position: relative;\">\n        <div class=\"image-overlay\" style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,75,110,0.3) 0%, rgba(44,139,176,0.1) 100%); z-index: 1; transition: all 0.4s ease;\"><\/div>\n        <img data-src=\"https:\/\/cms.atu.edu.iq\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645\u0627\u062a-\u0642\u0628\u0644-\u0627\u0644\u062a\u062d\u062f\u064a\u062b-1.jpg\" alt=\"\u0645\u0634\u0631\u0648\u0639 \u0627\u0639\u0645\u0627\u0631 \u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645\u0627\u062a\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.3, 1, 0.5, 1);\">\n      <\/div>\n      <div class=\"project-info\" style=\"padding: 24px; position: relative;\">\n        <div class=\"icon-wrapper\" style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0a4b6e, #2c8bb0); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(10,75,110,0.3); transition: all 0.3s ease;\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 21l-4.35-4.35M19 11a8 8 0 1 0-16 0 8 8 0 0 0 16 0z\"\/>\n            <path d=\"M12 8v4M12 16h.01\"\/>\n          <\/svg>\n        <\/div>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #0a4b6e; margin-bottom: 12px;\">\u0627\u0639\u0645\u0627\u0631 \u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645\u0627\u062a<\/h3>\n        <p style=\"color: #4a5568; line-height: 1.6; font-size: 0.95rem; margin-bottom: 20px;\">\u062a\u0623\u0647\u064a\u0644 \u0648\u062a\u0637\u0648\u064a\u0631 \u0634\u0627\u0645\u0644 \u0644\u0642\u0633\u0645 \u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645\u0627\u062a \u0641\u064a \u0627\u0644\u0643\u0644\u064a\u0629\u060c \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 \u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631 \u0648\u062a\u062c\u0647\u064a\u0632\u0647\u0627 \u0628\u0623\u0646\u0638\u0645\u0629 \u062d\u062f\u064a\u062b\u0629 \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u064a\u0646.<\/p>\n        <div class=\"read-more\" style=\"display: inline-flex; align-items: center; gap: 8px; color: #2c8bb0; font-weight: 600; font-size: 0.9rem;\">\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u0627\u0644\u0645\u0634\u0631\u0648\u0639 2: \u0645\u0644\u0639\u0628 \u0627\u0644\u0643\u0644\u064a\u0629 -->\n    <div class=\"project-card\" onclick=\"window.open('https:\/\/cms.atu.edu.iq\/?p=19028', '_blank')\" style=\"background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border-radius: 28px; overflow: hidden; box-shadow: 0 20px 35px -10px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); cursor: pointer; position: relative;\">\n      <div class=\"project-image\" style=\"height: 260px; overflow: hidden; position: relative;\">\n        <div class=\"image-overlay\" style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,75,110,0.3) 0%, rgba(44,139,176,0.1) 100%); z-index: 1;\"><\/div>\n        <img data-src=\"https:\/\/cms.atu.edu.iq\/wp-content\/uploads\/2026\/03\/IMG-20260322-WA0743.jpg\" alt=\"\u0645\u0634\u0631\u0648\u0639 \u0645\u0644\u0639\u0628 \u0627\u0644\u0643\u0644\u064a\u0629\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.3, 1, 0.5, 1);\">\n      <\/div>\n      <div class=\"project-info\" style=\"padding: 24px;\">\n        <div class=\"icon-wrapper\" style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0a4b6e, #2c8bb0); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(10,75,110,0.3); transition: all 0.3s ease;\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg>\n        <\/div>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #0a4b6e; margin-bottom: 12px;\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0644\u0639\u0628 \u0627\u0644\u0643\u0644\u064a\u0629<\/h3>\n        <p style=\"color: #4a5568; line-height: 1.6; font-size: 0.95rem; margin-bottom: 20px;\">\u062a\u0623\u0647\u064a\u0644 \u0648\u0625\u0646\u0634\u0627\u0621 \u0645\u0644\u0639\u0628 \u0631\u064a\u0627\u0636\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0637\u0644\u0628\u0629 \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\u060c \u0628\u062a\u0635\u0645\u064a\u0645 \u0639\u0635\u0631\u064a \u0648\u0645\u0633\u0627\u062d\u0627\u062a \u062e\u0636\u0631\u0627\u0621 \u0645\u062d\u064a\u0637\u0629.<\/p>\n        <div class=\"read-more\" style=\"display: inline-flex; align-items: center; gap: 8px; color: #2c8bb0; font-weight: 600;\">\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u0627\u0644\u0645\u0634\u0631\u0648\u0639 3: \u0627\u0644\u0646\u0627\u062f\u064a \u0627\u0644\u0637\u0644\u0627\u0628\u064a -->\n    <div class=\"project-card\" onclick=\"window.open('https:\/\/cms.atu.edu.iq\/?p=19052', '_blank')\" style=\"background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border-radius: 28px; overflow: hidden; box-shadow: 0 20px 35px -10px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); cursor: pointer;\">\n      <div class=\"project-image\" style=\"height: 260px; overflow: hidden; position: relative;\">\n        <div class=\"image-overlay\" style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,75,110,0.3) 0%, rgba(44,139,176,0.1) 100%); z-index: 1;\"><\/div>\n        <img data-src=\"https:\/\/cms.atu.edu.iq\/wp-content\/uploads\/2026\/03\/IMG-20260322-WA1098-scaled.jpg\" alt=\"\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0646\u0627\u062f\u064a \u0627\u0644\u0637\u0644\u0627\u0628\u064a\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.3, 1, 0.5, 1);\">\n      <\/div>\n      <div class=\"project-info\" style=\"padding: 24px;\">\n        <div class=\"icon-wrapper\" style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0a4b6e, #2c8bb0); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(10,75,110,0.3); transition: all 0.3s ease;\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <\/div>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #0a4b6e; margin-bottom: 12px;\">\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0646\u0627\u062f\u064a \u0627\u0644\u0637\u0644\u0627\u0628\u064a<\/h3>\n        <p style=\"color: #4a5568; line-height: 1.6; font-size: 0.95rem; margin-bottom: 20px;\">\u062a\u0637\u0648\u064a\u0631 \u0648\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0646\u0627\u062f\u064a \u0627\u0644\u0637\u0644\u0627\u0628\u064a \u0644\u064a\u0643\u0648\u0646 \u0645\u0633\u0627\u062d\u0629 \u062d\u064a\u0648\u064a\u0629 \u0644\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629\u060c \u0645\u062c\u0647\u0632 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0648\u0633\u0627\u0626\u0637.<\/p>\n        <div class=\"read-more\" style=\"display: inline-flex; align-items: center; gap: 8px; color: #2c8bb0; font-weight: 600;\">\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u0627\u0644\u0645\u0634\u0631\u0648\u0639 4: \u0627\u0639\u0645\u0627\u0631 \u0645\u062c\u0645\u0639 \u0627\u0644\u0646\u0628\u0627\u062a\u064a \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\n -->\n    <div class=\"project-card\" onclick=\"window.open('https:\/\/cms.atu.edu.iq\/?page_id=19387', '_blank')\" style=\"background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border-radius: 28px; overflow: hidden; box-shadow: 0 20px 35px -10px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); cursor: pointer;\">\n      <div class=\"project-image\" style=\"height: 260px; overflow: hidden; position: relative;\">\n        <div class=\"image-overlay\" style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,75,110,0.3) 0%, rgba(44,139,176,0.1) 100%); z-index: 1;\"><\/div>\n        <img data-src=\"https:\/\/cms.atu.edu.iq\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0645\u062c\u0645\u0639-\u0627\u0644\u0646\u0628\u0627\u062a\u064a-\u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643-\u0642\u0628\u0644-\u0648-\u0628\u0639\u062f\u0627\u0644\u0627\u0633\u062a\u062d\u062f\u0627\u062b.jpg\" alt=\"\u0627\u0639\u0645\u0627\u0631 \u0645\u062c\u0645\u0639 \u0627\u0644\u0646\u0628\u0627\u062a\u064a \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\n\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.3, 1, 0.5, 1);\">\n      <\/div>\n      <div class=\"project-info\" style=\"padding: 24px;\">\n        <div class=\"icon-wrapper\" style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0a4b6e, #2c8bb0); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(10,75,110,0.3); transition: all 0.3s ease;\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n        <\/div>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #0a4b6e; margin-bottom: 12px;\">\u062a\u0623\u0647\u064a\u0644 \u0645\u0645\u0631\u0627\u062a \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/h3>\n        <p style=\"color: #4a5568; line-height: 1.6; font-size: 0.95rem; margin-bottom: 20px;\">\u062a\u062d\u0633\u064a\u0646 \u0634\u0627\u0645\u0644 \u0627\u0639\u0645\u0627\u0631 \u0645\u062c\u0645\u0639 \u0627\u0644\u0646\u0628\u0627\u062a\u064a \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\n<\/p>\n        <div class=\"read-more\" style=\"display: inline-flex; align-items: center; gap: 8px; color: #2c8bb0; font-weight: 600;\">\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u0627\u0644\u0645\u0634\u0631\u0648\u0639 5: \u0645\u0628\u0646\u0649 \u0627\u0644\u0639\u0645\u0627\u062f\u0629 -->\n    <div class=\"project-card\" onclick=\"window.open('https:\/\/cms.atu.edu.iq\/?p=19028', '_blank')\" style=\"background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border-radius: 28px; overflow: hidden; box-shadow: 0 20px 35px -10px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); cursor: pointer;\">\n      <div class=\"project-image\" style=\"height: 260px; overflow: hidden; position: relative;\">\n        <div class=\"image-overlay\" style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,75,110,0.3) 0%, rgba(44,139,176,0.1) 100%); z-index: 1;\"><\/div>\n        <img data-src=\"https:\/\/cms.atu.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2_2026-03-22_21-52-04.jpg\" alt=\"\u0627\u0644\u0639\u0645\u0627\u062f\u0629 \u0642\u0628\u0644 \u0648\u0628\u0639\u062f\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.3, 1, 0.5, 1);\">\n      <\/div>\n      <div class=\"project-info\" style=\"padding: 24px;\">\n        <div class=\"icon-wrapper\" style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0a4b6e, #2c8bb0); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(10,75,110,0.3); transition: all 0.3s ease;\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><path d=\"M3 9l9-6 9 6-9 6-9-6z\"\/><path d=\"M3 15l9 6 9-6\"\/><\/svg>\n        <\/div>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #0a4b6e; margin-bottom: 12px;\">\u062a\u0623\u0647\u064a\u0644 \u0645\u0628\u0646\u0649 \u0627\u0644\u0639\u0645\u0627\u062f\u0629<\/h3>\n        <p style=\"color: #4a5568; line-height: 1.6; font-size: 0.95rem; margin-bottom: 20px;\">\u062a\u062c\u062f\u064a\u062f \u0634\u0627\u0645\u0644 \u0644\u0648\u0627\u062c\u0647\u0629 \u0648\u062f\u0627\u062e\u0644 \u0645\u0628\u0646\u0649 \u0627\u0644\u0639\u0645\u0627\u062f\u0629 \u0644\u064a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u0645\u0639 \u0625\u0636\u0627\u0641\u0629 \u0645\u0633\u0627\u062d\u0627\u062a \u0625\u062f\u0627\u0631\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629.<\/p>\n        <div class=\"read-more\" style=\"display: inline-flex; align-items: center; gap: 8px; color: #2c8bb0; font-weight: 600;\">\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u0627\u0644\u0645\u0634\u0631\u0648\u0639 6: \u0628\u0646\u0627\u0621 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 -->\n    <div class=\"project-card\" onclick=\"window.open('https:\/\/cms.atu.edu.iq\/?p=19028', '_blank')\" style=\"background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border-radius: 28px; overflow: hidden; box-shadow: 0 20px 35px -10px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); cursor: pointer;\">\n      <div class=\"project-image\" style=\"height: 260px; overflow: hidden; position: relative;\">\n        <div class=\"image-overlay\" style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,75,110,0.3) 0%, rgba(44,139,176,0.1) 100%); z-index: 1;\"><\/div>\n        <img data-src=\"https:\/\/cms.atu.edu.iq\/wp-content\/uploads\/2026\/03\/photo_3_2026-03-22_21-52-04.jpg\" alt=\"\u0628\u0646\u0627\u0621 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.3, 1, 0.5, 1);\">\n      <\/div>\n      <div class=\"project-info\" style=\"padding: 24px;\">\n        <div class=\"icon-wrapper\" style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0a4b6e, #2c8bb0); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(10,75,110,0.3); transition: all 0.3s ease;\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"10\" x2=\"16\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"16\" y2=\"14\"\/><\/svg>\n        <\/div>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #0a4b6e; margin-bottom: 12px;\">\u0628\u0646\u0627\u0621 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/h3>\n        <p style=\"color: #4a5568; line-height: 1.6; font-size: 0.95rem; margin-bottom: 20px;\">\u0625\u0646\u0634\u0627\u0621 \u0645\u0628\u0627\u0646\u064a \u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0636\u0645\u0646 \u062e\u0637\u0629 \u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u060c \u0628\u062a\u0635\u0645\u064a\u0645 \u0645\u0639\u0645\u0627\u0631\u064a \u0639\u0635\u0631\u064a \u0648\u0645\u0631\u0627\u0641\u0642 \u0645\u062a\u0643\u0627\u0645\u0644\u0629.<\/p>\n        <div class=\"read-more\" style=\"display: inline-flex; align-items: center; gap: 8px; color: #2c8bb0; font-weight: 600;\">\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u0627\u0644\u0645\u0634\u0631\u0648\u0639 7: \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0634\u0648\u0627\u0631\u0639 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 -->\n    <div class=\"project-card\" onclick=\"window.open('https:\/\/cms.atu.edu.iq\/?p=19028', '_blank')\" style=\"background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border-radius: 28px; overflow: hidden; box-shadow: 0 20px 35px -10px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); cursor: pointer;\">\n      <div class=\"project-image\" style=\"height: 260px; overflow: hidden; position: relative;\">\n        <div class=\"image-overlay\" style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,75,110,0.3) 0%, rgba(44,139,176,0.1) 100%); z-index: 1;\"><\/div>\n        <img data-src=\"https:\/\/cms.atu.edu.iq\/wp-content\/uploads\/2026\/03\/photo_4_2026-03-22_21-52-04.jpg\" alt=\"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0634\u0648\u0627\u0631\u0639\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.3, 1, 0.5, 1);\">\n      <\/div>\n      <div class=\"project-info\" style=\"padding: 24px;\">\n        <div class=\"icon-wrapper\" style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0a4b6e, #2c8bb0); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(10,75,110,0.3); transition: all 0.3s ease;\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><path d=\"M18 6l3 6-3 6M6 6l-3 6 3 6\"\/><\/svg>\n        <\/div>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #0a4b6e; margin-bottom: 12px;\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0634\u0648\u0627\u0631\u0639 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629<\/h3>\n        <p style=\"color: #4a5568; line-height: 1.6; font-size: 0.95rem; margin-bottom: 20px;\">\u0628\u0639\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0645\u0646 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0631\u0635\u0641 \u0648\u0627\u0644\u062a\u062c\u0645\u064a\u0644 \u0648\u0627\u0644\u0625\u0646\u0627\u0631\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u0623\u0635\u0628\u062d\u062a \u0627\u0644\u0634\u0648\u0627\u0631\u0639 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0623\u0643\u062b\u0631 \u062c\u0645\u0627\u0644\u0627\u064b \u0648\u0648\u0636\u0648\u062d\u0627\u064b.<\/p>\n        <div class=\"read-more\" style=\"display: inline-flex; align-items: center; gap: 8px; color: #2c8bb0; font-weight: 600;\">\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u0627\u0644\u0645\u0634\u0631\u0648\u0639 8: \u0642\u0633\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 -->\n    <div class=\"project-card\" onclick=\"window.open('https:\/\/cms.atu.edu.iq\/?p=19028', '_blank')\" style=\"background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border-radius: 28px; overflow: hidden; box-shadow: 0 20px 35px -10px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); cursor: pointer;\">\n      <div class=\"project-image\" style=\"height: 260px; overflow: hidden; position: relative;\">\n        <div class=\"image-overlay\" style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,75,110,0.3) 0%, rgba(44,139,176,0.1) 100%); z-index: 1;\"><\/div>\n        <img data-src=\"https:\/\/cms.atu.edu.iq\/wp-content\/uploads\/2026\/03\/88888888888.jpg\" alt=\"\u0642\u0633\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.3, 1, 0.5, 1);\">\n      <\/div>\n      <div class=\"project-info\" style=\"padding: 24px;\">\n        <div class=\"icon-wrapper\" style=\"width: 48px; height: 48px; background: linear-gradient(135deg, #0a4b6e, #2c8bb0); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(10,75,110,0.3); transition: all 0.3s ease;\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><path d=\"M13 2L3 14h8l-2 8 10-12h-8z\"\/><\/svg>\n        <\/div>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; color: #0a4b6e; margin-bottom: 12px;\">\u0642\u0633\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/h3>\n        <p style=\"color: #4a5568; line-height: 1.6; font-size: 0.95rem; margin-bottom: 20px;\">\u062a\u0623\u0647\u064a\u0644 \u0634\u0627\u0645\u0644 \u0644\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0648\u0627\u0644\u0642\u0627\u0639\u0627\u062a \u0641\u064a \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\u060c \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629.<\/p>\n        <div class=\"read-more\" style=\"display: inline-flex; align-items: center; gap: 8px; color: #2c8bb0; font-weight: 600;\">\n          <span>\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n  <\/div>\n\n  <style>\n    \/* \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062d\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a *\/\n    @keyframes fadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(40px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n    \n    .project-card {\n      transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n    }\n    \n    .project-card:hover {\n      transform: translateY(-12px) scale(1.02);\n      box-shadow: 0 30px 45px -15px rgba(0,0,0,0.2);\n    }\n    \n    .project-card:hover .project-image img {\n      transform: scale(1.08);\n    }\n    \n    .project-card:hover .image-overlay {\n      background: linear-gradient(135deg, rgba(10,75,110,0.5) 0%, rgba(44,139,176,0.2) 100%);\n    }\n    \n    .project-card:hover .icon-wrapper {\n      transform: scale(1.05) rotate(5deg);\n      box-shadow: 0 12px 24px rgba(10,75,110,0.4);\n    }\n    \n    .project-card:hover .read-more svg {\n      transform: translateX(5px);\n    }\n    \n    .project-card .read-more svg {\n      transition: transform 0.3s ease;\n    }\n    \n    .project-card:hover .read-more {\n      gap: 12px;\n    }\n    \n    @media (max-width: 768px) {\n      .projects-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      .intro-section h2 {\n        font-size: 2.2rem;\n      }\n      .intro-section h3 {\n        font-size: 1.4rem;\n      }\n      .intro-section p {\n        font-size: 0.95rem;\n        padding: 16px 20px;\n      }\n    }\n  <\/style>\n\n  <script>\n    \/\/ \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0648\u0631 \u0628\u0634\u0643\u0644 \u0630\u0643\u064a \u0645\u0639 \u062a\u0623\u062b\u064a\u0631 Fade In\n    document.addEventListener('DOMContentLoaded', function() {\n      const lazyImages = document.querySelectorAll('.project-image img[data-src]');\n      \n      if ('IntersectionObserver' in window) {\n        const imageObserver = new IntersectionObserver((entries, observer) => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              const img = entry.target;\n              const src = img.getAttribute('data-src');\n              if (src) {\n                img.style.opacity = '0';\n                img.src = src;\n                img.onload = () => {\n                  img.style.transition = 'opacity 0.5s ease';\n                  img.style.opacity = '1';\n                };\n                img.removeAttribute('data-src');\n              }\n              imageObserver.unobserve(img);\n            }\n          });\n        }, { rootMargin: '200px', threshold: 0.1 });\n        \n        lazyImages.forEach(img => imageObserver.observe(img));\n      } else {\n        lazyImages.forEach(img => {\n          if (img.getAttribute('data-src')) {\n            img.src = img.getAttribute('data-src');\n            img.removeAttribute('data-src');\n          }\n        });\n      }\n    });\n  <\/script>\n<\/div>\n\n\n<\/p>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0639\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u062a\u064f\u0639\u0646\u0649 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0639\u0631\u0636 \u0623\u0628\u0631\u0632 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0639\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u064a \u062a\u0645 \u062a\u0646\u0641\u064a\u0630\u0647\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0643\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u062a\u0648\u0641\u064a\u0631 \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u062a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0648\u0627\u0644\u062a\u0642\u0646\u064a. \u062a\u0634\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0625\u0646\u0634\u0627\u0621 \u0648\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0642\u0627\u0639\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629\u060c \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a\u060c \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\u060c \u0648\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0628\u0645\u0627 \u064a\u0633\u0647\u0645 \u0641\u064a \u062f\u0639\u0645 \u0627\u0644\u0637\u0644\u0628\u0629 \u0648\u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u0629. \u062c\u062f\u064a\u062f \u0627\u0639\u0645\u0627\u0631 \u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645\u0627\u062a \u062a\u0623\u0647\u064a\u0644 &hellip; <a href=\"https:\/\/cms.atu.edu.iq\/?page_id=18859\">Continued<\/a><\/p>\n","protected":false},"author":123457,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18859","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/18859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/123457"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18859"}],"version-history":[{"count":25,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/18859\/revisions"}],"predecessor-version":[{"id":19398,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/18859\/revisions\/19398"}],"wp:attachment":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}