{"id":22480,"date":"2026-04-28T13:18:47","date_gmt":"2026-04-28T10:18:47","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22480"},"modified":"2026-04-28T13:19:00","modified_gmt":"2026-04-28T10:19:00","slug":"22480-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22480&lang=en","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n<title>Samawah Technical Institute &#8211; Al-Furat Al-Awsat Technical University<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&#038;family=Cairo:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n:root {\n  --bg: #f0f4fa;\n  --surface: rgba(255,255,255,0.97);\n  --border: rgba(30,80,140,0.10);\n  --accent: #1A4D8C;\n  --accent2: #2e7fc0;\n  --text: #1a2c3e;\n  --muted: #6b8aab;\n  --pill-bg: rgba(230,243,255,0.85);\n  --pill-bdr: #bcd5ee;\n  --radius: 1.6rem;\n  --orange: #ffb347;\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n  background: var(--bg);\n  font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n  color: var(--text);\n  min-height: 100vh;\n  overflow-x: hidden;\n  line-height: 1.6;\n}\n\/* BACKGROUND ANIMATIONS *\/\n.bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n.bg-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px); background-size: 56px 56px; animation: gridScroll 22s linear infinite; }\n@keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n.bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n.orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px; }\n.orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n.orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;animation-delay:-7s; }\n@keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n\/* 3D LOGO WATERMARKS *\/\n.logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n.logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n.logo-top-left { top:4%; left:2%; }\n.logo-bottom-right { bottom:4%; right:2%; }\n.logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n.logo-3d-wrapper.logo-small { width:130px; height:130px; }\n.logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\n@keyframes spin3D { 0% { transform: rotateY(0deg) rotateX(8deg); } 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); } 50% { transform: rotateY(180deg) rotateX(8deg); } 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); } 100% { transform: rotateY(360deg) rotateX(8deg); } }\n.logo-3d-img { width:100%; height:100%; object-fit:contain; opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85); border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate; }\n@keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n.particle { position: fixed; border-radius:50%; pointer-events:none; z-index:0; animation: floatP linear infinite; opacity:0; }\n@keyframes floatP { 0% { transform:translateY(100vh) rotate(0deg); opacity:0; } 10% { opacity:.55; } 90% { opacity:.55; } 100% { transform:translateY(-120px) rotate(360deg); opacity:0; } }\n.page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1350px; margin: 0 auto; }\n.control-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2.5rem; box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px); }\n.bar-left { display: flex; align-items: center; gap: 1rem; }\n.bar-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0; }\n.bar-title { font-size: 1.2rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n.bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n.bar-right { display: flex; gap: 10px; flex-wrap: wrap; }\n.badge-count { background: var(--pill-bg); border: 1px solid var(--pill-bdr); padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem; font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px; }\n.badge-orange { background: rgba(255, 179, 71, 0.15); border-color: rgba(255, 179, 71, 0.4); color: #b45f06; }\n.section-title { font-size: 1.6rem; font-weight: 800; color: #0a2b44; margin: 2.5rem 0 1.5rem; position: relative; display: inline-block; padding-left: 15px; }\n.section-title:after { content: \"\"; position: absolute; left: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n.cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; }\n.data-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.06); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; height: 100%; display: flex; flex-direction: column; }\n.card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n.card-header i { font-size: 1.8rem; color: var(--accent2); }\n.card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1f4e79; }\n.card-body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }\n.dept-list { list-style: none; }\n.dept-list li { padding: 0.6rem 0; border-bottom: 1px dashed rgba(26,77,140,.15); display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.95rem; }\n.schedule-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(145deg, #eef3fc, #ffffff); border: 1px solid var(--pill-bdr); padding: 0.8rem 1rem; border-radius: 40px; font-weight: 700; font-size: 0.85rem; color: var(--accent); text-decoration: none; transition: all 0.2s ease; width: 100%; margin-top: 1.2rem; box-shadow: 0 2px 6px rgba(0,0,0,0.02); }\n.schedule-btn i { font-size: 1rem; color: var(--orange); }\n.schedule-btn:hover { background: var(--accent); border-color: var(--accent); color: white; transform: translateY(-2px); box-shadow: 0 10px 18px -8px rgba(26,77,140,0.35); }\n.schedule-btn:hover i { color: white; }\n.schedule-btn.disabled-link { background: #f8f9fc; color: #9aaebf; cursor: not-allowed; border-color: #dde2ec; pointer-events: none; filter: grayscale(0.1); }\n.stats-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }\n.number-block { background: linear-gradient(135deg, #ffffff, #f4f8fc); border-radius: 20px; padding: 1rem; text-align: center; flex: 1; min-width: 100px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); border: 1px solid var(--border); }\n.number-block .num { font-size: 2.2rem; font-weight: 800; color: var(--accent); line-height: 1; }\n.number-block .label { font-size: 0.85rem; font-weight: 700; color: var(--muted); margin-top: 5px; }\n.mission-vision { background: linear-gradient(110deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 100%); border-radius: var(--radius); padding: 2rem; border-left: 6px solid var(--orange); box-shadow: 0 8px 32px rgba(0,0,0,.05); font-size: 1.05rem; font-weight: 500; }\n.mission-vision hr { border: 0; height: 1px; background: linear-gradient(to right, transparent, rgba(30,80,140,0.2), transparent); margin: 20px 0; }\n.goal-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.2rem; }\n.goal-item { background: var(--surface); padding: 1.2rem; border-radius: 20px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0,0,0,0.03); }\n.goal-item i { font-size: 1.5rem; color: var(--orange); margin-top: 2px; }\n.goal-item strong { color: var(--accent); display: block; margin-bottom: 4px; font-size: 1.05rem; }\n.goal-item span { font-size: 0.9rem; color: #5a738e; }\n.footer-note { margin-top: 3.5rem; text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem; font-weight: 600; color: var(--muted); box-shadow: 0 4px 16px rgba(0,0,0,.05); }\n.footer-note i { color: var(--accent2); margin-right: 6px; }\n@media (max-width: 768px) { .page-wrap { padding: 1.5rem 1rem; } .control-bar { flex-direction: column; align-items: flex-start; } .bar-right { width: 100%; justify-content: flex-start; } .section-title { font-size: 1.35rem; } .cards-grid { grid-template-columns: 1fr; } }\n<\/style>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n  <div class=\"bg-grid\"><\/div>\n  <div class=\"bg-orb orb1\"><\/div>\n  <div class=\"bg-orb orb2\"><\/div>\n  <div class=\"bg-orb orb3\"><\/div>\n  <div class=\"logo-watermark logo-center\"><div class=\"logo-3d-wrapper\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n  <div class=\"logo-watermark logo-top-left\"><div class=\"logo-3d-wrapper logo-small\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n  <div class=\"logo-watermark logo-bottom-right\"><div class=\"logo-3d-wrapper logo-small logo-slow\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n<\/div>\n<div class=\"page-wrap\">\n  <div class=\"control-bar\">\n    <div class=\"bar-left\">\n      <div class=\"bar-icon\"><i class=\"fas fa-university\"><\/i><\/div>\n      <div>\n        <div class=\"bar-title\">Samawah Technical Institute<\/div>\n        <div class=\"bar-subtitle\"><i class=\"fas fa-map-marker-alt\" style=\"color:var(--orange);\"><\/i> North of Samawah City \u2013 Al-Muthanna Governorate | Established 1989<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"bar-right\">\n      <div class=\"badge-count\"><i class=\"fas fa-layer-group\"><\/i> 14 Academic Departments<\/div>\n      <div class=\"badge-count badge-orange\"><i class=\"fas fa-calendar-alt\"><\/i> Updated Schedules<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Academic Departments with schedule links (English version) -->\n  <h2 class=\"section-title\"><i class=\"fas fa-table-list\" style=\"color:var(--orange); margin-left:8px;\"><\/i> Academic Departments &#038; Schedules<\/h2>\n  <div class=\"cards-grid\" id=\"departmentsGrid\"><\/div>\n\n  <!-- Urban & Human Development Section -->\n  <h2 class=\"section-title\"><i class=\"fas fa-city\" style=\"color:var(--orange); margin-left:8px;\"><\/i> Urban &#038; Human Development<\/h2>\n  <div class=\"data-card\" data-tilt style=\"margin-bottom: 2rem;\">\n    <div class=\"card-body\">\n      <p style=\"font-size: 1.05rem; margin-bottom: 1rem;\"> The institute has witnessed remarkable expansion after 2003, starting with only <strong>two buildings<\/strong> and now reaching <strong style=\"color:var(--accent); background:rgba(26,77,140,.1); padding:2px 8px; border-radius:8px;\">(15) buildings<\/strong> including administrative buildings, academic departments, and specialized laboratories, with ongoing reconstruction projects. <\/p>\n      <div class=\"stats-wrapper\">\n        <div class=\"number-block\"><div class=\"num\">87<\/div><div class=\"label\">Faculty Members<\/div><\/div>\n        <div class=\"number-block\"><div class=\"num\">154<\/div><div class=\"label\">Technical Staff<\/div><\/div>\n        <div class=\"number-block\"><div class=\"num\">75<\/div><div class=\"label\">Admin. Employees<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <h2 class=\"section-title\"><i class=\"fas fa-hand-holding-heart\" style=\"color:#e8748f; margin-left:8px;\"><\/i> The Institute&#8217;s Role in Community Service<\/h2>\n  <div class=\"cards-grid\">\n    <div class=\"data-card\" data-tilt><div class=\"card-body\" style=\"text-align: center; padding: 2rem 1.5rem;\"><i class=\"fas fa-user-graduate\" style=\"font-size: 3rem; color: var(--accent2); margin-bottom: 1rem;\"><\/i><h3 style=\"color: var(--accent); margin-bottom: 10px;\">Supplying the Labor Market<\/h3><p style=\"color: var(--muted); font-weight: 500;\">Graduating qualified technical mid-level cadres equipped with the skills and knowledge necessary for sustainable development.<\/p><\/div><\/div>\n    <div class=\"data-card\" data-tilt><div class=\"card-body\" style=\"text-align: center; padding: 2rem 1.5rem;\"><i class=\"fas fa-chalkboard-user\" style=\"font-size: 3rem; color: var(--accent2); margin-bottom: 1rem;\"><\/i><h3 style=\"color: var(--accent); margin-bottom: 10px;\">Community Services<\/h3><p style=\"color: var(--muted); font-weight: 500;\">Organizing training courses, technical consultations, structural inspections, and effective contribution to local development.<\/p><\/div><\/div>\n  <\/div>\n\n  <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\">\n    <div><h2 class=\"section-title\"><i class=\"fas fa-eye\" style=\"margin-left:8px;\"><\/i> Vision<\/h2><div class=\"mission-vision\" data-tilt><p>Samawah Technical Institute aspires to be a <strong>leading and distinguished<\/strong> technical educational institution at local, regional, and Arab levels, with a trend towards achieving an effective international presence, by establishing an advanced model in technical and applied education based on innovation, quality, and responsiveness to development requirements.<\/p><hr><p>The institute aims to build an integrated educational and research environment that contributes to preparing qualified cadres, keeping pace with technological and digital economy transformations, and activating strategic partnerships.<\/p><\/div><\/div>\n    <div><h2 class=\"section-title\"><i class=\"fas fa-scroll\" style=\"margin-left:8px;\"><\/i> Mission<\/h2><div class=\"mission-vision\" data-tilt style=\"border-left-color: var(--accent2);\"><p>The institute is committed to providing high-quality technical and applied education, aiming to prepare and graduate specialized mid-level cadres possessing scientific competence and advanced practical skills, capable of meeting labor market requirements and actively contributing to the development process.<\/p><hr><p>The institute works on developing its academic programs, updating curricula, integrating theoretical aspects with practical applications, promoting scientific research, and instilling values of excellence and critical thinking.<\/p><\/div><\/div>\n  <\/div>\n\n  <h2 class=\"section-title\"><i class=\"fas fa-bullseye\" style=\"color:#e8748f; margin-left:8px;\"><\/i> Strategic Goals<\/h2>\n  <div class=\"goal-list\">\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-user-check\"><\/i><div><strong>Qualified Technical Cadres<\/strong><span>Graduates with advanced applied skills.<\/span><\/div><\/div>\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-star-of-life\"><\/i><div><strong>Enhance Technical Education Quality<\/strong><span>Adopting quality and academic accreditation standards.<\/span><\/div><\/div>\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-book-open\"><\/i><div><strong>Update &#038; Develop Curricula<\/strong><span>Aligning with developments and job market needs.<\/span><\/div><\/div>\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-flask\"><\/i><div><strong>Support Scientific Research<\/strong><span>Address real-world problems and foster innovation.<\/span><\/div><\/div>\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-laptop-code\"><\/i><div><strong>Enhance Practical Skills<\/strong><span>Modern labs and intensive field training.<\/span><\/div><\/div>\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-handshake\"><\/i><div><strong>Build Strategic Partnerships<\/strong><span>With state institutions and private sector.<\/span><\/div><\/div>\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-tree\"><\/i><div><strong>Community Service &#038; Environment Development<\/strong><span>Technical consultations to support Al-Muthanna province.<\/span><\/div><\/div>\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-users\"><\/i><div><strong>Human Resource Development<\/strong><span>Staff development through continuous training.<\/span><\/div><\/div>\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-microchip\"><\/i><div><strong>Digital Transformation<\/strong><span>Develop e-learning and smart systems.<\/span><\/div><\/div>\n    <div class=\"goal-item\" data-tilt><i class=\"fas fa-building\"><\/i><div><strong>Institutional Values<\/strong><span>Professional commitment and social responsibility.<\/span><\/div><\/div>\n  <\/div>\n\n  <div class=\"footer-note\"><i class=\"fas fa-university\"><\/i> \u00a9 2026 Al-Furat Al-Awsat Technical University | Technical Education is the Pillar of Sustainable Development<\/div>\n<\/div>\n\n<script>\n  \/\/ Department data (English names & original links)\n  const departments = [\n    { name: \"Mechanical Engineering Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15554\", icon: \"fas fa-cogs\" },\n    { name: \"Electrical Engineering Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=10692\", icon: \"fas fa-bolt\" },\n    { name: \"Accounting Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15539\", icon: \"fas fa-calculator\" },\n    { name: \"Building & Construction Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15567\", icon: \"fas fa-draw-polygon\" },\n    { name: \"Information & Communication Technology Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15573\", icon: \"fas fa-globe\" },\n    { name: \"Cybersecurity Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15573\", icon: \"fas fa-shield-alt\" },\n    { name: \"Surveying Dept.\", link: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/03\/12%D8%AC%D8%AF%D9%88%D9%84-%D9%82%D8%B3%D9%85-%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA-%D9%82%D8%B3%D9%85-%D8%A7%D9%84%D9%85%D8%B3%D8%A7%D8%AD%D8%A9-.pd_.pdf\", icon: \"fas fa-ruler-combined\" },\n    { name: \"Oil Refining Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15579\", icon: \"fas fa-oil-can\" },\n    { name: \"Drilling & Oil\/Gas Production Dept.\", link: \"https:\/\/isa.atu.edu.iq\/wp-admin\/post.php?post=21184&action=edit\", icon: \"fas fa-hard-hat\" },\n    { name: \"Legal Administration Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15814\", icon: \"fas fa-gavel\" },\n    { name: \"Community Health Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15770\", icon: \"fas fa-users\" },\n    { name: \"Nursing Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15763\", icon: \"fas fa-heartbeat\" },\n    { name: \"Dialysis Dept.\", link: \"https:\/\/isa.atu.edu.iq\/?page_id=15746\", icon: \"fas fa-procedures\" },\n    { name: \"Medical Laboratories Dept.\", link: null, icon: \"fas fa-microscope\" }\n  ];\n\n  const gridContainer = document.getElementById('departmentsGrid');\n  if(gridContainer){\n    departments.forEach(dept => {\n      const card = document.createElement('div');\n      card.className = 'data-card';\n      card.setAttribute('data-tilt', '');\n      const hasLink = dept.link && dept.link !== '#';\n      const btnDisabled = !hasLink;\n      const hrefAttr = hasLink ? dept.link : '#';\n      const targetAttr = hasLink ? 'target=\"_blank\" rel=\"noopener noreferrer\"' : '';\n      const btnClass = `schedule-btn ${btnDisabled ? 'disabled-link' : ''}`;\n      const btnText = btnDisabled ? 'Schedule not available yet' : '\ud83d\udcc5 View Schedule';\n      const iconHtml = btnDisabled ? '<i class=\"fas fa-ban\"><\/i>' : '<i class=\"fas fa-calendar-alt\"><\/i>';\n      const deptIcon = dept.icon || \"fas fa-graduation-cap\";\n      \n      card.innerHTML = `\n        <div class=\"card-header\">\n          <i class=\"${deptIcon}\"><\/i>\n          <h3>${dept.name}<\/h3>\n        <\/div>\n        <div class=\"card-body\">\n          <p style=\"font-size:0.85rem; color:#5f7f9e; margin-bottom:0.5rem;\"><i class=\"fas fa-link\" style=\"margin-left:6px;\"><\/i> Schedule Link<\/p>\n          <a href=\"${hrefAttr}\" ${targetAttr} class=\"${btnClass}\">\n            ${iconHtml}\n            <span>${btnText}<\/span>\n          <\/a>\n          ${!hasLink ? '<small style=\"display:block; margin-top:10px; color:#c0392b; background:#fff0e8; padding:5px 10px; border-radius:50px; text-align:center;\"><i class=\"fas fa-exclamation-triangle\"><\/i> No official link provided yet<\/small>' : ''}\n          ${dept.name.includes(\"Drilling\") && dept.link && dept.link.includes(\"wp-admin\") ? '<small style=\"display:block; margin-top:8px; color:#e67e22; font-size:0.7rem;\"><i class=\"fas fa-lock\"><\/i> Admin link (may require authorization)<\/small>' : ''}\n        <\/div>\n      `;\n      gridContainer.appendChild(card);\n    });\n  }\n\n  \/\/ Floating particles\n  (function particleSystem(){\n    const colors = ['#8faac8','#a2b9d6','#bfcfdf','#cbdae9'];\n    for(let i = 0; i < 22; i++){\n      const el = document.createElement('div');\n      el.className = 'particle';\n      const s = Math.random() * 4.5 + 2;\n      el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%colors.length]};left:${Math.random()*100}vw;animation-duration:${Math.random()*14+9}s;animation-delay:${Math.random()*12}s;opacity:0;`;\n      document.body.appendChild(el);\n    }\n  })();\n\n  \/\/ 3D Tilt effect (dynamic)\n  function attachTiltToCards(){\n    document.querySelectorAll('[data-tilt]').forEach(card => {\n      if(card.hasAttribute('data-tilt-initialized')) return;\n      card.setAttribute('data-tilt-initialized', 'true');\n      card.addEventListener('mousemove', e => {\n        const rect = card.getBoundingClientRect();\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n        const cx = rect.width \/ 2;\n        const cy = rect.height \/ 2;\n        const rX = ((y - cy) \/ cy) * 3.5;\n        const rY = ((x - cx) \/ cx) * -3.5;\n        card.style.transition = 'transform 0.08s ease, box-shadow 0.1s ease';\n        card.style.transform = `perspective(1200px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.015) translateY(-4px)`;\n        card.style.boxShadow = `0 20px 32px -12px rgba(26,77,140,0.25)`;\n        card.style.borderColor = 'rgba(255,179,71,0.5)';\n      });\n      card.addEventListener('mouseleave', () => {\n        card.style.transition = 'transform 0.4s cubic-bezier(.2,.9,.4,1), box-shadow 0.4s ease';\n        card.style.transform = '';\n        card.style.boxShadow = '';\n        card.style.borderColor = '';\n      });\n    });\n  }\n  setTimeout(() => { attachTiltToCards(); }, 100);\n  const observer = new MutationObserver(() => attachTiltToCards());\n  observer.observe(document.getElementById('departmentsGrid'), { childList: true, subtree: true });\n  attachTiltToCards();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Samawah Technical Institute &#8211; Al-Furat Al-Awsat Technical University Samawah Technical Institute North of Samawah City \u2013 Al-Muthanna Governorate | Established 1989 14 Academic Departments Updated Schedules Academic Departments &#038; Schedules Urban &#038; Human Development The institute has witnessed remarkable expansion after 2003, starting with only two buildings and now reaching (15) buildings including administrative buildings, &hellip; <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22480&#038;lang=en\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22480","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22480"}],"version-history":[{"count":1,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22480\/revisions"}],"predecessor-version":[{"id":22481,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22480\/revisions\/22481"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}