{"id":8532,"date":"2025-12-04T06:44:22","date_gmt":"2025-12-04T06:44:22","guid":{"rendered":"https:\/\/jawdacare.com\/?page_id=8532"},"modified":"2026-02-19T11:10:03","modified_gmt":"2026-02-19T11:10:03","slug":"aljawda_courses","status":"publish","type":"page","link":"https:\/\/jawdacare.com\/ar\/aljawda_courses\/","title":{"rendered":"\u062f\u0648\u0631\u0627\u062a \u062c\u0648\u062f\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8532\" class=\"elementor elementor-8532\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c971e9 e-flex e-con-boxed e-con e-parent\" data-id=\"9c971e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c17cc06 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c17cc06\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;_animation_delay&quot;:1300}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Jawda Training Courses<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7840015 elementor-widget elementor-widget-html\" data-id=\"7840015\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"jawda-cinematic-carousel\">\r\n  <div class=\"jc-track\">\r\n\r\n    <a href=\"https:\/\/jawdacare.com\/march-courses\/\" class=\"jc-card\">\r\n      <div class=\"jc-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/jawdacare.com\/wp-content\/uploads\/2026\/02\/Mar-courses-1-01-scaled.jpg\" \/>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/jawdacare.com\/april-courses\/\" class=\"jc-card\">\r\n      <div class=\"jc-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/jawdacare.com\/wp-content\/uploads\/2026\/02\/IMG_4944-scaled.jpg\" \/>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/jawdacare.com\/may-courses\" class=\"jc-card\">\r\n      <div class=\"jc-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/jawdacare.com\/wp-content\/uploads\/2026\/02\/may-26-1-scaled.jpg\" \/>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/jawdacare.com\/ar\/june-courses\/\" class=\"jc-card\">\r\n      <div class=\"jc-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/jawdacare.com\/wp-content\/uploads\/2026\/02\/june-51-2-scaled.jpg\" \/>\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"jc-dots\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n.jawda-cinematic-carousel{\r\n  max-width:1300px;\r\n  margin:auto;\r\n  overflow:hidden;\r\n  padding:100px 0 120px;\r\n  position:relative;\r\n  background:\r\n    radial-gradient(60% 30% at center, rgba(11,47,87,.08), transparent 70%);\r\n}\r\n\r\n.jc-track{\r\n  display:flex;\r\n  gap:36px;\r\n  transition:transform 1.4s cubic-bezier(.22,1,.36,1);\r\n  will-change:transform;\r\n  touch-action: pan-y;\r\n  user-select:none;\r\n}\r\n\r\n.jc-card{\r\n  flex:0 0 calc(33.333% - 24px);\r\n  border-radius:34px;\r\n  overflow:hidden;\r\n  transform:scale(.94);\r\n  filter: blur(1.5px);\r\n  opacity:.75;\r\n  transition:\r\n    transform 1.4s cubic-bezier(.22,1,.36,1),\r\n    filter 1.2s ease,\r\n    opacity 1.2s ease;\r\n}\r\n\r\n.jc-card.active{\r\n  transform:scale(1);\r\n  filter: blur(0);\r\n  opacity:1;\r\n}\r\n\r\n.jc-img{\r\n  aspect-ratio:4\/5;\r\n  border-radius:34px;\r\n  overflow:hidden;\r\n  position:relative;\r\n  box-shadow:0 25px 70px rgba(0,0,0,.14);\r\n}\r\n\r\n.jc-card.active .jc-img{\r\n  box-shadow:\r\n    0 45px 120px rgba(11,47,87,.35),\r\n    0 0 0 1px rgba(255,255,255,.12) inset;\r\n}\r\n\r\n.jc-img img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:transform 1.6s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.jc-card.active img{\r\n  transform:scale(1.05);\r\n}\r\n\r\n.jc-img::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(\r\n    to top,\r\n    rgba(11,47,87,.45),\r\n    rgba(11,47,87,.05)\r\n  );\r\n  opacity:.55;\r\n  transition:1s ease;\r\n}\r\n\r\n.jc-card.active .jc-img::after{\r\n  opacity:.25;\r\n}\r\n\r\n\/* dots *\/\r\n.jc-dots{\r\n  position:absolute;\r\n  bottom:40px;\r\n  width:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:14px;\r\n}\r\n\r\n.jc-dot{\r\n  width:10px;\r\n  height:10px;\r\n  background:rgba(11,47,87,.3);\r\n  border-radius:50%;\r\n  transition:.5s ease;\r\n  cursor:pointer;\r\n}\r\n\r\n.jc-dot.active{\r\n  width:44px;\r\n  border-radius:20px;\r\n  background:#0b2f57;\r\n}\r\n\r\n@media(max-width:1000px){\r\n  .jc-card{flex:0 0 calc(50% - 18px);}\r\n}\r\n@media(max-width:600px){\r\n  .jc-card{flex:0 0 100%;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const carousel = document.querySelector('.jawda-cinematic-carousel');\r\n  const track = carousel.querySelector('.jc-track');\r\n  let cards = Array.from(track.children);\r\n  const dotsContainer = carousel.querySelector('.jc-dots');\r\n\r\n  const visible = 3;\r\n  let index = visible;\r\n  let auto;\r\n  const isRTL = document.documentElement.dir === \"rtl\";\r\n\r\n  function cloneCards(){\r\n    const first = cards.slice(0,visible).map(c=>c.cloneNode(true));\r\n    const last = cards.slice(-visible).map(c=>c.cloneNode(true));\r\n    last.forEach(c=>track.prepend(c));\r\n    first.forEach(c=>track.append(c));\r\n    cards = Array.from(track.children);\r\n  }\r\n\r\n  function createDots(){\r\n    const realCount = cards.length - (visible*2);\r\n    for(let i=0;i<realCount;i++){\r\n      const dot = document.createElement('div');\r\n      dot.className = 'jc-dot' + (i===0?' active':'');\r\n      dot.onclick = ()=>{ index=i+visible; move(); resetAuto(); };\r\n      dotsContainer.appendChild(dot);\r\n    }\r\n  }\r\n\r\n  function move(){\r\n    const cardWidth = cards[0].offsetWidth + 36;\r\n    track.style.transition=\"transform 1.4s cubic-bezier(.22,1,.36,1)\";\r\n    const translate = index * cardWidth;\r\n\r\n    track.style.transform = isRTL\r\n      ? `translateX(${translate}px)`\r\n      : `translateX(-${translate}px)`;\r\n\r\n    cards.forEach(c=>c.classList.remove('active'));\r\n    if(cards[index+1]) cards[index+1].classList.add('active');\r\n    updateDots();\r\n  }\r\n\r\n  function updateDots(){\r\n    const dots = dotsContainer.children;\r\n    let real = index-visible;\r\n    if(real>=dots.length) real=0;\r\n    if(real<0) real=dots.length-1;\r\n    [...dots].forEach((d,i)=>d.classList.toggle('active',i===real));\r\n  }\r\n\r\n  track.addEventListener('transitionend',()=>{\r\n    const total = cards.length;\r\n    if(index>=total-visible){\r\n      track.style.transition=\"none\";\r\n      index=visible;\r\n      move();\r\n    }\r\n    if(index<visible){\r\n      track.style.transition=\"none\";\r\n      index=total-(visible*2);\r\n      move();\r\n    }\r\n  });\r\n\r\n  function autoPlay(){\r\n    auto=setInterval(()=>{ index++; move(); },3000);\r\n  }\r\n\r\n  function resetAuto(){\r\n    clearInterval(auto);\r\n    autoPlay();\r\n  }\r\n\r\n  \/* mouse drag *\/\r\n  let startX=0,isDown=false;\r\n  track.onmousedown=e=>{isDown=true;startX=e.pageX;}\r\n  window.onmouseup=()=>isDown=false;\r\n  window.onmousemove=e=>{\r\n    if(!isDown) return;\r\n    let diff=e.pageX-startX;\r\n    if(diff>120){index--;move();resetAuto();isDown=false;}\r\n    if(diff<-120){index++;move();resetAuto();isDown=false;}\r\n  }\r\n\r\n  \/* touch swipe *\/\r\n  let touchStartX=0,touchEndX=0;\r\n  track.addEventListener('touchstart',e=>touchStartX=e.touches[0].clientX,{passive:true});\r\n  track.addEventListener('touchmove',e=>touchEndX=e.touches[0].clientX,{passive:true});\r\n  track.addEventListener('touchend',()=>{\r\n    const diff=touchEndX-touchStartX;\r\n    if(diff>80){index--;move();resetAuto();}\r\n    if(diff<-80){index++;move();resetAuto();}\r\n  });\r\n\r\n  cloneCards();\r\n  createDots();\r\n  move();\r\n  autoPlay();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0648\u0631\u0627\u062a \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8532","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jawdacare.com\/ar\/wp-json\/wp\/v2\/pages\/8532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jawdacare.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jawdacare.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jawdacare.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jawdacare.com\/ar\/wp-json\/wp\/v2\/comments?post=8532"}],"version-history":[{"count":11,"href":"https:\/\/jawdacare.com\/ar\/wp-json\/wp\/v2\/pages\/8532\/revisions"}],"predecessor-version":[{"id":9479,"href":"https:\/\/jawdacare.com\/ar\/wp-json\/wp\/v2\/pages\/8532\/revisions\/9479"}],"wp:attachment":[{"href":"https:\/\/jawdacare.com\/ar\/wp-json\/wp\/v2\/media?parent=8532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}