{"id":1288,"date":"2026-04-18T07:52:50","date_gmt":"2026-04-18T07:52:50","guid":{"rendered":"https:\/\/dnn.world\/?page_id=1288"},"modified":"2026-05-16T03:05:17","modified_gmt":"2026-05-16T03:05:17","slug":"today","status":"publish","type":"page","link":"https:\/\/dnn.world\/?page_id=1288","title":{"rendered":"TODAY"},"content":{"rendered":"<div id=\"pl-1288\"  class=\"panel-layout\" ><div id=\"pg-1288-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1288-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><style>\nbody {\n  font-family: Arial, sans-serif;\n  background: #f4f4f4;\n}\n\n.post-container {\n  max-width: 500px;\n  margin: auto;\n}\n\n.create-post {\n  background: #fff;\n  padding: 15px;\n  border-radius: 12px;\n  margin-bottom: 20px;\n}\n\ntextarea, input {\n  width: 100%;\n  margin: 10px 0;\n  padding: 10px;\n  border-radius: 8px;\n  border: 1px solid #ccc;\n}\n\nbutton {\n  background: #0095f6;\n  color: #fff;\n  border: none;\n  padding: 10px;\n  width: 100%;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n\/* POST STYLE *\/\n.post {\n  background: #fff;\n  margin-bottom: 20px;\n  border-radius: 12px;\n  overflow: hidden;\n}\n\n\/* CAROUSEL *\/\n.carousel {\n  position: relative;\n  width: 100%;\n  height: 350px;\n  background: #000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.carousel img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  display: none;\n}\n\n.carousel img.active {\n  display: block;\n}\n\n\/* ARROWS *\/\n.arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(0,0,0,0.5);\n  color: #fff;\n  border: none;\n  font-size: 20px;\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 50%;\n}\n\n.arrow.left {\n  left: 10px;\n}\n\n.arrow.right {\n  right: 10px;\n}\n\n.caption {\n  padding: 10px;\n}\n<\/style>\n\n<div class=\"post-container\">\n\n  <div class=\"create-post\">\n    <input type=\"password\" id=\"password\" placeholder=\"Enter Password\">\n    <textarea id=\"message\" placeholder=\"Write your message...\"><\/textarea>\n    <input type=\"file\" id=\"images\" multiple accept=\"image\/*\">\n    <button onclick=\"publishPost()\">Publish Now<\/button>\n  <\/div>\n\n  <div id=\"posts\"><\/div>\n\n<\/div>\n\n<script>\nconst correctPassword = \"123456DNN\";\n\nfunction publishPost() {\n  const password = document.getElementById(\"password\").value;\n  const message = document.getElementById(\"message\").value;\n  const files = document.getElementById(\"images\").files;\n\n  if (password !== correctPassword) {\n    alert(\"Wrong Password!\");\n    return;\n  }\n\n  if (files.length > 10) {\n    alert(\"Max 10 images allowed\");\n    return;\n  }\n\n  let postDiv = document.createElement(\"div\");\n  postDiv.className = \"post\";\n\n  let carousel = document.createElement(\"div\");\n  carousel.className = \"carousel\";\n\n  let images = [];\n\n  \/\/ Create images\n  for (let i = 0; i < files.length; i++) {\n    let img = document.createElement(\"img\");\n    img.src = URL.createObjectURL(files[i]);\n    if (i === 0) img.classList.add(\"active\");\n    carousel.appendChild(img);\n    images.push(img);\n  }\n\n  let index = 0;\n\n  \/\/ LEFT BUTTON\n  let leftBtn = document.createElement(\"button\");\n  leftBtn.innerHTML = \"\u276e\";\n  leftBtn.className = \"arrow left\";\n  leftBtn.onclick = () => {\n    images[index].classList.remove(\"active\");\n    index = (index - 1 + images.length) % images.length;\n    images[index].classList.add(\"active\");\n  };\n\n  \/\/ RIGHT BUTTON\n  let rightBtn = document.createElement(\"button\");\n  rightBtn.innerHTML = \"\u276f\";\n  rightBtn.className = \"arrow right\";\n  rightBtn.onclick = () => {\n    images[index].classList.remove(\"active\");\n    index = (index + 1) % images.length;\n    images[index].classList.add(\"active\");\n  };\n\n  if (images.length > 1) {\n    carousel.appendChild(leftBtn);\n    carousel.appendChild(rightBtn);\n  }\n\n  let caption = document.createElement(\"div\");\n  caption.className = \"caption\";\n  caption.innerText = message;\n\n  postDiv.appendChild(carousel);\n  postDiv.appendChild(caption);\n\n  document.getElementById(\"posts\").prepend(postDiv);\n\n  \/\/ reset\n  document.getElementById(\"message\").value = \"\";\n  document.getElementById(\"images\").value = \"\";\n}\n<\/script><\/div><\/div><\/div><\/div><div id=\"pg-1288-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1288-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-1-0-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"1\" ><img width=\"756\" height=\"1181\" src=\"https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/TS-AD-01.png\" class=\"image wp-image-1349  attachment-full size-full\" alt=\"TS AD 01\" style=\"max-width: 100%; height: auto;\" srcset=\"https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/TS-AD-01.png 756w, https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/TS-AD-01-192x300.png 192w, https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/TS-AD-01-655x1024.png 655w\" sizes=\"auto, (max-width: 756px) 100vw, 756px\" loading=\"lazy\" decoding=\"async\" \/><\/div><\/div><\/div><div id=\"pg-1288-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1288-2-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><div id=\"pg-1288-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1288-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-3-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"textwidget custom-html-widget\"><!-- Font Awesome CDN (Required for icons) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<div class=\"circle-btn-container\">\n  <a href=\"#\" class=\"circle-btn btn1\">\n    <i class=\"fas fa-newspaper\"><\/i>\n    <span>BREAKING<br>NEWS<\/span>\n  <\/a>\n\n  <a href=\"#\" class=\"circle-btn btn2\">\n    <i class=\"fas fa-play-circle\"><\/i>\n    <span>VIDEO<br>EXCLUSIVE<\/span>\n  <\/a>\n\n  <a href=\"#\" class=\"circle-btn btn3\">\n    <i class=\"fas fa-file-pdf\"><\/i>\n    <span>FULL STORY<br>PDF<\/span>\n  <\/a>\n\n  <a href=\"#\" class=\"circle-btn btn4\">\n    <i class=\"fas fa-briefcase\"><\/i>\n    <span>JOBS<\/span>\n  <\/a>\n\n  <a href=\"#\" class=\"circle-btn btn5\">\n    <i class=\"fas fa-bullhorn\"><\/i>\n    <span>CLASSIFIEDS<\/span>\n  <\/a>\n<\/div>\n\n<style>\n.circle-btn-container {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 20px;\n  padding: 20px;\n}\n\n.circle-btn {\n  width: 120px;\n  height: 120px;\n  border-radius: 50%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  color: #fff;\n  font-weight: bold;\n  font-size: 13px;\n  transition: all 0.3s ease;\n}\n\n\/* Icon styling *\/\n.circle-btn i {\n  font-size: 22px;\n  margin-bottom: 6px;\n}\n\n\/* Smooth Gradient Colors *\/\n.btn1 {\n  background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af);\n}\n\n.btn2 {\n  background: linear-gradient(135deg, #000000, #25f4ee);\n}\n\n.btn3 {\n  background: linear-gradient(135deg, #fffc00, #ffe600);\n  color: #000;\n}\n\n.btn4 {\n  background: linear-gradient(135deg, #1877f2, #4e8cff);\n}\n\n.btn5 {\n  background: linear-gradient(135deg, #ff0000, #ff4d4d);\n}\n\n\/* Hover Effect *\/\n.circle-btn:hover {\n  transform: scale(1.1);\n  opacity: 0.9;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .circle-btn {\n    width: 90px;\n    height: 90px;\n    font-size: 11px;\n  }\n  .circle-btn i {\n    font-size: 18px;\n  }\n}\n\n@media (max-width: 480px) {\n  .circle-btn {\n    width: 70px;\n    height: 70px;\n    font-size: 9px;\n  }\n  .circle-btn i {\n    font-size: 14px;\n  }\n}\n<\/style><\/div><\/div><\/div><\/div><div id=\"pg-1288-4\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1288-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-4-0-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"3\" ><h3 class=\"widget-title\">ANDRA PRADESH TODAY<\/h3><a href=\"https:\/\/www.behance.net\/riyazahmed2\"><img width=\"853\" height=\"1280\" src=\"https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/Riyaz-3D.jpeg\" class=\"image wp-image-1341  attachment-full size-full\" alt=\"Riyaz 3D\" style=\"max-width: 100%; height: auto;\" title=\"ANDRA PRADESH TODAY\" srcset=\"https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/Riyaz-3D.jpeg 853w, https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/Riyaz-3D-200x300.jpeg 200w, https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/Riyaz-3D-682x1024.jpeg 682w, https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/Riyaz-3D-768x1152.jpeg 768w\" sizes=\"auto, (max-width: 853px) 100vw, 853px\" loading=\"lazy\" decoding=\"async\" \/><\/a><\/div><\/div><\/div><div id=\"pg-1288-5\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1288-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-5-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"4\" ><div class=\"textwidget custom-html-widget\"><!-- Font Awesome CDN (Required for icons) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<div class=\"circle-btn-container\">\n  <a href=\"#\" class=\"circle-btn btn1\">\n    <i class=\"fas fa-newspaper\"><\/i>\n    <span>BREAKING<br>NEWS<\/span>\n  <\/a>\n\n  <a href=\"#\" class=\"circle-btn btn2\">\n    <i class=\"fas fa-play-circle\"><\/i>\n    <span>VIDEO<br>EXCLUSIVE<\/span>\n  <\/a>\n\n  <a href=\"#\" class=\"circle-btn btn3\">\n    <i class=\"fas fa-file-pdf\"><\/i>\n    <span>FULL STORY<br>PDF<\/span>\n  <\/a>\n\n  <a href=\"#\" class=\"circle-btn btn4\">\n    <i class=\"fas fa-briefcase\"><\/i>\n    <span>JOBS<\/span>\n  <\/a>\n\n  <a href=\"#\" class=\"circle-btn btn5\">\n    <i class=\"fas fa-bullhorn\"><\/i>\n    <span>CLASSIFIEDS<\/span>\n  <\/a>\n<\/div>\n\n<style>\n.circle-btn-container {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 20px;\n  padding: 20px;\n}\n\n.circle-btn {\n  width: 120px;\n  height: 120px;\n  border-radius: 50%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  color: #fff;\n  font-weight: bold;\n  font-size: 13px;\n  transition: all 0.3s ease;\n}\n\n\/* Icon styling *\/\n.circle-btn i {\n  font-size: 22px;\n  margin-bottom: 6px;\n}\n\n\/* Smooth Gradient Colors *\/\n.btn1 {\n  background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af);\n}\n\n.btn2 {\n  background: linear-gradient(135deg, #000000, #25f4ee);\n}\n\n.btn3 {\n  background: linear-gradient(135deg, #fffc00, #ffe600);\n  color: #000;\n}\n\n.btn4 {\n  background: linear-gradient(135deg, #1877f2, #4e8cff);\n}\n\n.btn5 {\n  background: linear-gradient(135deg, #ff0000, #ff4d4d);\n}\n\n\/* Hover Effect *\/\n.circle-btn:hover {\n  transform: scale(1.1);\n  opacity: 0.9;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .circle-btn {\n    width: 90px;\n    height: 90px;\n    font-size: 11px;\n  }\n  .circle-btn i {\n    font-size: 18px;\n  }\n}\n\n@media (max-width: 480px) {\n  .circle-btn {\n    width: 70px;\n    height: 70px;\n    font-size: 9px;\n  }\n  .circle-btn i {\n    font-size: 14px;\n  }\n}\n<\/style><\/div><\/div><\/div><\/div><div id=\"pg-1288-6\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1288-6-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-6-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"5\" ><div class=\"textwidget custom-html-widget\"> <div class=\"_df_thumb \" id=\"df_1294\"  _slug=\"1942026\" data-title=\"1942026\" wpoptions=\"true\" thumb=\"https:\/\/dnn.world\/wp-content\/uploads\/2025\/11\/APAD-461.jpg\" thumbtype=\"\" >1942026<\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_1294 = {\"outline\":[],\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"direction\":\"1\",\"pageSize\":\"0\",\"source\":[\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/APAD-461.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/APAD-460.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/APAD-459.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/190.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/189.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/188.jpg\"],\"wpOptions\":\"true\",\"links\":[[],[],[],[],[],[],[]]}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script> <\/div><\/div><\/div><div id=\"pgc-1288-6-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-6-1-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"6\" ><div class=\"textwidget custom-html-widget\"><div class=\"_df_thumb \" id=\"df_1285\"  _slug=\"18042026\" data-title=\"18042026\" wpoptions=\"true\" thumb=\"https:\/\/dnn.world\/wp-content\/uploads\/2026\/04\/Register-1.jpeg\" thumbtype=\"\" >18042026<\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_1285 = {\"outline\":[],\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"direction\":\"1\",\"pageSize\":\"0\",\"source\":[\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Register-1.jpeg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/APAD-461.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/APAD-460.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/APAD-459.jpg\"],\"wpOptions\":\"true\",\"links\":[[],[],[],[],[]]}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script><\/div><\/div><\/div><div id=\"pgc-1288-6-2\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-6-2-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"7\" ><div class=\"textwidget custom-html-widget\"><div class=\"_df_thumb \" id=\"df_558\"  _slug=\"brand-business-introduction-2025\" data-title=\"brand-business-introduction-2025\" wpoptions=\"true\" thumb=\"https:\/\/dnn.world\/wp-content\/uploads\/2025\/11\/MA06.jpg\" thumbtype=\"\" >Brand \/ Business Introduction 2025<\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_558 = {\"webgl\":\"false\",\"outline\":[],\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"backgroundImage\":\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/book-background-3.jpg\",\"direction\":\"1\",\"pageSize\":\"0\",\"source\":[\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA06.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA05.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA04.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA03.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA02.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA01.jpg\"],\"wpOptions\":\"true\",\"links\":[[],[],[],[],[],[],[]]}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script><\/div><\/div><\/div><div id=\"pgc-1288-6-3\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-6-3-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"8\" ><div class=\"textwidget custom-html-widget\"><div class=\"_df_thumb \" id=\"df_558\"  _slug=\"brand-business-introduction-2025\" data-title=\"brand-business-introduction-2025\" wpoptions=\"true\" thumb=\"https:\/\/dnn.world\/wp-content\/uploads\/2025\/11\/MA06.jpg\" thumbtype=\"\" >Brand \/ Business Introduction 2025<\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_558 = {\"webgl\":\"false\",\"outline\":[],\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"backgroundImage\":\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/book-background-3.jpg\",\"direction\":\"1\",\"pageSize\":\"0\",\"source\":[\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA06.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA05.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA04.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA03.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA02.jpg\",\"https:\\\/\\\/dnn.world\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MA01.jpg\"],\"wpOptions\":\"true\",\"links\":[[],[],[],[],[],[],[]]}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script><\/div><\/div><\/div><\/div><div id=\"pg-1288-7\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1288-7-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-7-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"9\" ><div class=\"textwidget custom-html-widget\"><!-- PREMIUM Facebook Reel Slider for WordPress HTML Plugin -->\n<style>\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\nbody{\n  font-family:Arial,sans-serif;\n  background:#f0f2f5;\n}\n\n\/* MAIN *\/\n.reel-main{\n  position:relative;\n  width:100%;\n  padding:25px 0;\n  overflow:hidden;\n}\n\n\/* SLIDER *\/\n.reel-wrapper{\n  display:flex;\n  gap:15px;\n  overflow-x:auto;\n  scroll-behavior:smooth;\n  scroll-snap-type:x mandatory;\n  padding:20px 58px;\n  -ms-overflow-style:none;\n  scrollbar-width:none;\n}\n\n.reel-wrapper::-webkit-scrollbar{\n  display:none;\n}\n\n\/* CARD *\/\n.reel-card{\n  flex:0 0 260px;\n  height:470px;\n  background:#fff;\n  border-radius:22px;\n  overflow:hidden;\n  box-shadow:0 10px 28px rgba(0,0,0,0.14);\n  scroll-snap-align:start;\n  transition:0.35s ease;\n  position:relative;\n}\n\n.reel-card:hover{\n  transform:translateY(-8px) scale(1.01);\n}\n\n\/* IMAGE *\/\n.reel-image{\n  height:60%;\n  background-size:cover;\n  background-position:center;\n  position:relative;\n}\n\n\/* DARK OVERLAY *\/\n.reel-image::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(to top, rgba(0,0,0,.35), rgba(0,0,0,.05));\n}\n\n\/* AVATAR *\/\n.avatar{\n  position:absolute;\n  top:14px;\n  left:14px;\n  width:54px;\n  height:54px;\n  border-radius:50%;\n  border:3px solid #1877f2;\n  background-size:cover;\n  background-position:center;\n  z-index:2;\n}\n\n\/* LIVE BADGE *\/\n.live-badge{\n  position:absolute;\n  top:16px;\n  right:14px;\n  z-index:2;\n  background:#ff2d55;\n  color:#fff;\n  font-size:11px;\n  font-weight:bold;\n  padding:5px 8px;\n  border-radius:20px;\n}\n\n\/* CONTENT *\/\n.reel-content{\n  height:40%;\n  padding:15px;\n  display:flex;\n  flex-direction:column;\n}\n\n.reel-title{\n  font-size:19px;\n  font-weight:700;\n  color:#111;\n  line-height:1.3;\n  margin-bottom:8px;\n}\n\n.reel-desc{\n  font-size:14px;\n  color:#666;\n  line-height:1.5;\n  padding:8px 10px;\n  margin-bottom:auto;\n}\n\n\/* BUTTON *\/\n.call-btn{\n  display:block;\n  width:100%;\n  text-align:center;\n  background:#25D366;\n  color:#fff;\n  text-decoration:none;\n  padding:11px;\n  border-radius:12px;\n  font-size:15px;\n  font-weight:bold;\n  transition:0.3s ease;\n}\n\n.call-btn:hover{\n  transform:scale(1.03);\n  background:#1ebc59;\n}\n\n\/* PREMIUM GLASS ARROWS *\/\n.arrow-btn{\n  position:absolute;\n  top:50%;\n  transform:translateY(-50%);\n  width:52px;\n  height:52px;\n  border:none;\n  border-radius:50%;\n  background:rgba(255,255,255,0.72);\n  backdrop-filter:blur(8px);\n  box-shadow:0 8px 20px rgba(0,0,0,0.15);\n  color:#1877f2;\n  font-size:26px;\n  font-weight:bold;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  cursor:pointer;\n  z-index:50;\n  transition:0.3s;\n}\n\n.arrow-btn:hover{\n  background:#1877f2;\n  color:#fff;\n}\n\n.arrow-left{ left:6px; }\n.arrow-right{ right:6px; }\n\n\/* DOTS *\/\n.dots{\n  text-align:center;\n  padding-top:14px;\n}\n\n.dot{\n  width:10px;\n  height:10px;\n  border-radius:50%;\n  background:#cfd3d8;\n  display:inline-block;\n  margin:0 4px;\n  cursor:pointer;\n  transition:0.3s;\n}\n\n.dot.active{\n  width:24px;\n  border-radius:20px;\n  background:#1877f2;\n}\n\n\/* MOBILE *\/\n@media(max-width:768px){\n\n.reel-wrapper{\n  padding:20px 48px;\n}\n\n.reel-card{\n  flex:0 0 220px;\n  height:440px;\n}\n\n.arrow-btn{\n  width:42px;\n  height:42px;\n  font-size:22px;\n}\n\n.reel-title{\n  font-size:17px;\n}\n\n}\n<\/style>\n\n<div class=\"reel-main\">\n\n<button class=\"arrow-btn arrow-left\" onclick=\"moveSlider(-1)\">&#10094;<\/button>\n<button class=\"arrow-btn arrow-right\" onclick=\"moveSlider(1)\">&#10095;<\/button>\n\n<div class=\"reel-wrapper\" id=\"reelSlider\">\n\n<!-- CARD 1 -->\n<div class=\"reel-card\">\n<div class=\"reel-image\" style=\"background-image:url('https:\/\/picsum.photos\/500\/700?1');\">\n<div class=\"avatar\" style=\"background-image:url('https:\/\/i.pravatar.cc\/100?img=1');\"><\/div>\n<div class=\"live-badge\">LIVE<\/div>\n<\/div>\n<div class=\"reel-content\">\n<div class=\"reel-title\">Breaking News Today<\/div>\n<div class=\"reel-desc\">Latest global updates in premium Facebook reel style design.<\/div>\n<a href=\"https:\/\/wa.me\/96500000000\" class=\"call-btn\" target=\"_blank\">Call Now<\/a>\n<\/div>\n<\/div>\n\n<!-- CARD 2 -->\n<div class=\"reel-card\">\n<div class=\"reel-image\" style=\"background-image:url('https:\/\/picsum.photos\/500\/700?2');\">\n<div class=\"avatar\" style=\"background-image:url('https:\/\/i.pravatar.cc\/100?img=2');\"><\/div>\n<div class=\"live-badge\">NEW<\/div>\n<\/div>\n<div class=\"reel-content\">\n<div class=\"reel-title\">Travel Stories<\/div>\n<div class=\"reel-desc\">Explore trendy destinations with smooth premium carousel motion.<\/div>\n<a href=\"https:\/\/wa.me\/96500000000\" class=\"call-btn\" target=\"_blank\">Call Now<\/a>\n<\/div>\n<\/div>\n\n<!-- CARD 3 -->\n<div class=\"reel-card\">\n<div class=\"reel-image\" style=\"background-image:url('https:\/\/picsum.photos\/500\/700?3');\">\n<div class=\"avatar\" style=\"background-image:url('https:\/\/i.pravatar.cc\/100?img=3');\"><\/div>\n<div class=\"live-badge\">HOT<\/div>\n<\/div>\n<div class=\"reel-content\">\n<div class=\"reel-title\">Sports Highlights<\/div>\n<div class=\"reel-desc\">Fast updates with premium animation and swipe support.<\/div>\n<a href=\"https:\/\/wa.me\/96500000000\" class=\"call-btn\" target=\"_blank\">Call Now<\/a>\n<\/div>\n<\/div>\n\n<!-- CARD 4 -->\n<div class=\"reel-card\">\n<div class=\"reel-image\" style=\"background-image:url('https:\/\/picsum.photos\/500\/700?4');\">\n<div class=\"avatar\" style=\"background-image:url('https:\/\/i.pravatar.cc\/100?img=4');\"><\/div>\n<div class=\"live-badge\">TOP<\/div>\n<\/div>\n<div class=\"reel-content\">\n<div class=\"reel-title\">Business Update<\/div>\n<div class=\"reel-desc\">Premium business promotions with conversion CTA button.<\/div>\n<a href=\"https:\/\/wa.me\/96500000000\" class=\"call-btn\" target=\"_blank\">Call Now<\/a>\n<\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"dots\" id=\"dots\"><\/div>\n\n<\/div>\n\n<script>\nconst slider=document.getElementById(\"reelSlider\");\nconst cards=document.querySelectorAll(\".reel-card\");\nconst dotsBox=document.getElementById(\"dots\");\nlet current=0;\nlet autoPlay;\n\n\/* CREATE DOTS *\/\ncards.forEach((_,i)=>{\n let d=document.createElement(\"span\");\n d.className=\"dot\";\n d.onclick=()=>goToSlide(i);\n dotsBox.appendChild(d);\n});\n\nfunction updateDots(){\n document.querySelectorAll(\".dot\").forEach((dot,i)=>{\n   dot.classList.toggle(\"active\",i===current);\n });\n}\n\nfunction goToSlide(index){\n current=index;\n const cardWidth=cards[0].offsetWidth+15;\n slider.scrollTo({\n   left:cardWidth*current,\n   behavior:\"smooth\"\n });\n updateDots();\n}\n\nfunction moveSlider(step){\n current+=step;\n if(current<0) current=cards.length-1;\n if(current>=cards.length) current=0;\n goToSlide(current);\n resetAuto();\n}\n\n\/* AUTO PLAY *\/\nfunction startAuto(){\n autoPlay=setInterval(()=>{\n   moveSlider(1);\n },3000);\n}\n\nfunction resetAuto(){\n clearInterval(autoPlay);\n startAuto();\n}\n\n\/* TOUCH FRIENDLY *\/\nslider.addEventListener(\"mouseenter\",()=>clearInterval(autoPlay));\nslider.addEventListener(\"mouseleave\",startAuto);\n\nupdateDots();\nstartAuto();\n<\/script><\/div><\/div><\/div><\/div><div id=\"pg-1288-8\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1288-8-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1288-8-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"10\" ><div class=\"textwidget custom-html-widget\"><!-- \nDNN WORLD - Frontend Image Upload System\nUse in WordPress HTML block or save as upload.php\nIMPORTANT:\n1. Create folder: \/uploads\/\n2. Give uploads folder permission: 755 or 777\n3. Save this file as: upload.php\n4. Open: https:\/\/www.dnn.world\/upload.php\n-->\n\n<?php\n$message = \"\";\n\nif ($_SERVER[\"REQUEST_METHOD\"] == \"POST\") {\n\n    $caption = htmlspecialchars($_POST['caption']);\n\n    $targetDir = \"uploads\/\";\n\n    if (!file_exists($targetDir)) {\n        mkdir($targetDir, 0777, true);\n    }\n\n    $imageName = time() . \"_\" . basename($_FILES[\"image\"][\"name\"]);\n    $targetFile = $targetDir . $imageName;\n\n    $imageFileType = strtolower(pathinfo($targetFile, PATHINFO_EXTENSION));\n\n    $allowed = [\"jpg\", \"jpeg\", \"png\", \"gif\", \"webp\"];\n\n    if (in_array($imageFileType, $allowed)) {\n\n        if (move_uploaded_file($_FILES[\"image\"][\"tmp_name\"], $targetFile)) {\n\n            \/\/ Save post data into JSON file\n            $postData = [\n                \"caption\" => $caption,\n                \"image\" => $targetFile,\n                \"date\" => date(\"Y-m-d H:i:s\")\n            ];\n\n            $postsFile = \"posts.json\";\n\n            $existingPosts = [];\n\n            if (file_exists($postsFile)) {\n                $existingPosts = json_decode(file_get_contents($postsFile), true);\n            }\n\n            $existingPosts[] = $postData;\n\n            file_put_contents($postsFile, json_encode($existingPosts, JSON_PRETTY_PRINT));\n\n            $message = \"Post uploaded successfully!\";\n        } else {\n            $message = \"Upload failed.\";\n        }\n\n    } else {\n        $message = \"Only JPG, PNG, GIF, WEBP allowed.\";\n    }\n}\n?>\n\n<!DOCTYPE html>\n<html>\n<head>\n    <title>DNN World Upload Post<\/title>\n\n    <style>\n\n        body{\n            background:#0f172a;\n            font-family:Arial;\n            margin:0;\n            padding:20px;\n            color:white;\n        }\n\n        .container{\n            max-width:500px;\n            margin:auto;\n            background:#1e293b;\n            padding:20px;\n            border-radius:15px;\n            box-shadow:0 0 15px rgba(0,0,0,0.4);\n        }\n\n        h2{\n            text-align:center;\n            margin-bottom:20px;\n        }\n\n        textarea{\n            width:100%;\n            height:100px;\n            border:none;\n            border-radius:10px;\n            padding:10px;\n            font-size:16px;\n            margin-bottom:15px;\n        }\n\n        input[type=file]{\n            width:100%;\n            margin-bottom:15px;\n            color:white;\n        }\n\n        button{\n            width:100%;\n            padding:12px;\n            background:#2563eb;\n            border:none;\n            color:white;\n            font-size:18px;\n            border-radius:10px;\n            cursor:pointer;\n        }\n\n        button:hover{\n            background:#1d4ed8;\n        }\n\n        .msg{\n            text-align:center;\n            margin-bottom:15px;\n            color:#22c55e;\n            font-weight:bold;\n        }\n\n        .post{\n            background:#334155;\n            margin-top:20px;\n            padding:15px;\n            border-radius:12px;\n        }\n\n        .post img{\n            width:100%;\n            border-radius:10px;\n            margin-top:10px;\n        }\n\n        .date{\n            font-size:12px;\n            color:#cbd5e1;\n            margin-top:8px;\n        }\n\n    <\/style>\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n    <h2>DNN WORLD POST UPLOAD<\/h2>\n\n    <?php if($message != \"\") { ?>\n        <div class=\"msg\"><?php echo $message; ?><\/div>\n    <?php } ?>\n\n    <form method=\"POST\" enctype=\"multipart\/form-data\">\n\n        <textarea name=\"caption\" placeholder=\"Write caption...\" required><\/textarea>\n\n        <input type=\"file\" name=\"image\" accept=\"image\/*\" required>\n\n        <button type=\"submit\">Upload Post<\/button>\n\n    <\/form>\n\n    <?php\n\n    if(file_exists(\"posts.json\")) {\n\n        $posts = json_decode(file_get_contents(\"posts.json\"), true);\n\n        if($posts){\n\n            $posts = array_reverse($posts);\n\n            foreach($posts as $post){\n\n                echo '\n                <div class=\"post\">\n\n                    <div>'.$post[\"caption\"].'<\/div>\n\n                    <img decoding=\"async\" src=\"'.$post[\"image\"].'\">\n\n                    <div class=\"date\">'.$post[\"date\"].'<\/div>\n\n                <\/div>\n                ';\n            }\n        }\n    }\n\n    ?>\n\n<\/div>\n\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Publish Now BREAKINGNEWS VIDEOEXCLUSIVE FULL STORYPDF JOBS CLASSIFIEDS ANDRA PRADESH TODAY BREAKINGNEWS VIDEOEXCLUSIVE FULL STORYPDF JOBS CLASSIFIEDS 1942026<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1288","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/dnn.world\/index.php?rest_route=\/wp\/v2\/pages\/1288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dnn.world\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dnn.world\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dnn.world\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dnn.world\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1288"}],"version-history":[{"count":66,"href":"https:\/\/dnn.world\/index.php?rest_route=\/wp\/v2\/pages\/1288\/revisions"}],"predecessor-version":[{"id":1290,"href":"https:\/\/dnn.world\/index.php?rest_route=\/wp\/v2\/pages\/1288\/revisions\/1290"}],"wp:attachment":[{"href":"https:\/\/dnn.world\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}