Tarix F\u0259nni – Video D\u0259rsl\u0259ri | Xronos<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #FF6B35;\n --secondary: #004E89;\n --accent: #F77F00;\n --success: #06A77D;\n --bg-light: #FAFAFA;\n --bg-white: #FFFFFF;\n --text-dark: #1A1A1A;\n --text-gray: #6B7280;\n --border-light: #E5E7EB;\n --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);\n --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);\n --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.15);\n }\n\n body {\n background: linear-gradient(135deg, #FAFAFA 0%, #F5F3FF 50%, #FFF8F0 100%);\n color: var(--text-dark);\n font-family: 'Outfit', sans-serif;\n min-height: 100vh;\n line-height: 1.6;\n }\n\n .wp-container {\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin: 0;\n }\n\n .container {\n width: 100%;\n padding: 60px 30px;\n max-width: 100%;\n }\n\n \/* Header *\/\n .header {\n text-align: center;\n margin-bottom: 70px;\n animation: slideUp 0.8s ease-out;\n }\n\n .header h1 {\n font-family: 'Merriweather', serif;\n font-size: 3.2rem;\n font-weight: 700;\n color: var(--secondary);\n margin-bottom: 15px;\n letter-spacing: -0.5px;\n }\n\n .header p {\n font-size: 1.15rem;\n color: var(--text-gray);\n font-weight: 400;\n letter-spacing: 0.3px;\n }\n\n \/* Categories Section *\/\n .categories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 45px;\n margin-bottom: 60px;\n width: 100%;\n }\n\n .category-block {\n animation: fadeInScale 0.7s ease-out;\n animation-fill-mode: both;\n }\n\n .category-block:nth-child(1) { animation-delay: 0.15s; }\n .category-block:nth-child(2) { animation-delay: 0.3s; }\n\n .category-header {\n margin-bottom: 35px;\n position: relative;\n padding-bottom: 20px;\n }\n\n .category-header::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--primary), var(--accent));\n border-radius: 2px;\n transition: width 0.4s ease;\n }\n\n .category-block:hover .category-header::after {\n width: 100px;\n }\n\n .category-title {\n font-family: 'Merriweather', serif;\n font-size: 2rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 8px;\n }\n\n .category-subtitle {\n font-size: 0.95rem;\n color: var(--text-gray);\n font-weight: 400;\n }\n\n \/* Subcategories *\/\n .subcategories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 16px;\n width: 100%;\n }\n\n .subcategory-card {\n position: relative;\n padding: 28px 20px;\n background: var(--bg-white);\n border: 2px solid var(--border-light);\n border-radius: 16px;\n cursor: pointer;\n transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n }\n\n .subcategory-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.6s ease;\n }\n\n .subcategory-card:hover::before {\n left: 100%;\n }\n\n .subcategory-icon {\n font-size: 2.2rem;\n margin-bottom: 12px;\n display: block;\n transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .subcategory-card:hover .subcategory-icon {\n transform: scale(1.25) rotate(-5deg);\n }\n\n .subcategory-name {\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 8px;\n transition: color 0.3s ease;\n }\n\n .subcategory-count {\n font-size: 0.85rem;\n color: var(--text-gray);\n transition: color 0.3s ease;\n }\n\n .subcategory-card:hover {\n border-color: var(--primary);\n background: linear-gradient(135deg, #FFF9F5 0%, #FFFBF7 100%);\n transform: translateY(-6px);\n box-shadow: var(--shadow-md);\n }\n\n .subcategory-card:hover .subcategory-name {\n color: var(--primary);\n }\n\n .subcategory-card:hover .subcategory-count {\n color: var(--accent);\n }\n\n \/* Active State *\/\n .subcategory-card.active {\n border-color: var(--primary);\n background: linear-gradient(135deg, #FFF5F0 0%, #FFFBF7 100%);\n box-shadow: var(--shadow-md);\n }\n\n .subcategory-card.active .subcategory-name {\n color: var(--primary);\n }\n\n \/* Videos Container *\/\n .videos-container {\n display: none;\n margin-top: 50px;\n padding: 40px;\n background: linear-gradient(135deg, #FFFFFF 0%, #F9F7FF 100%);\n border-radius: 20px;\n border: 1px solid var(--border-light);\n box-shadow: var(--shadow-md);\n animation: slideDown 0.5s ease-out;\n }\n\n .videos-container.active {\n display: block;\n }\n\n @keyframes slideDown {\n from {\n opacity: 0;\n max-height: 0;\n transform: translateY(-20px);\n }\n to {\n opacity: 1;\n max-height: 2000px;\n transform: translateY(0);\n }\n }\n\n .videos-header {\n margin-bottom: 35px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .videos-title {\n font-family: 'Merriweather', serif;\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--secondary);\n }\n\n .video-count {\n font-size: 0.9rem;\n background: var(--primary);\n color: white;\n padding: 4px 12px;\n border-radius: 20px;\n font-weight: 600;\n }\n\n \/* Videos Grid *\/\n .videos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 25px;\n width: 100%;\n }\n\n .video-card {\n position: relative;\n aspect-ratio: 16\/9;\n border-radius: 14px;\n overflow: hidden;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: var(--shadow-sm);\n border: 1px solid var(--border-light);\n background: var(--bg-white);\n }\n\n .video-placeholder {\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #E8F4F8 0%, #F0E8F8 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .play-button {\n font-size: 3.5rem;\n color: var(--primary);\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n filter: drop-shadow(0 4px 12px rgba(255, 107, 53, 0.2));\n }\n\n .video-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-lg);\n border-color: var(--primary);\n }\n\n .video-card:hover .play-button {\n transform: scale(1.15);\n filter: drop-shadow(0 8px 20px rgba(255, 107, 53, 0.35));\n }\n\n .video-placeholder::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 30% 30%, rgba(255, 107, 53, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .video-card:hover .video-placeholder::before {\n opacity: 1;\n }\n\n \/* YouTube Iframe Wrapper *\/\n .youtube-wrapper {\n position: relative;\n width: 100%;\n padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n height: 0;\n overflow: hidden;\n border-radius: 14px;\n background: #000;\n }\n\n .youtube-wrapper iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n border-radius: 14px;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1200px) {\n .container {\n padding: 50px 25px;\n }\n\n .header h1 {\n font-size: 2.8rem;\n }\n\n .categories-grid {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .videos-grid {\n grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 40px 20px;\n }\n\n .header {\n margin-bottom: 50px;\n }\n\n .header h1 {\n font-size: 2.2rem;\n }\n\n .header p {\n font-size: 1rem;\n }\n\n .category-title {\n font-size: 1.6rem;\n }\n\n .category-subtitle {\n font-size: 0.9rem;\n }\n\n .subcategories-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n\n .subcategory-card {\n padding: 22px 16px;\n }\n\n .subcategory-name {\n font-size: 0.95rem;\n }\n\n .subcategory-icon {\n font-size: 2rem;\n }\n\n .videos-grid {\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 18px;\n }\n\n .videos-container {\n padding: 30px 20px;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 30px 15px;\n }\n\n .header h1 {\n font-size: 1.8rem;\n }\n\n .header p {\n font-size: 0.95rem;\n }\n\n .categories-grid {\n gap: 35px;\n }\n\n .category-title {\n font-size: 1.3rem;\n }\n\n .subcategories-grid {\n grid-template-columns: 1fr;\n }\n\n .videos-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n\n .videos-title {\n font-size: 1.2rem;\n }\n\n .play-button {\n font-size: 2.5rem;\n }\n }\n\n \/* Animations *\/\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar {\n width: 10px;\n }\n\n ::-webkit-scrollbar-track {\n background: #F5F3FF;\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 5px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: var(--accent);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"wp-container\">\n <div class=\"container\">\n \n <div class=\"header\">\n <h1>Tarix F\u0259nni<\/h1>\n <p>Canl\u0131 video d\u0259rsl\u0259ri il\u0259 tarixi k\u0259\u015ff edin<\/p>\n <\/div>\n\n \n <div class=\"categories-grid\">\n \n <div class=\"category-block\">\n <div class=\"category-header\">\n <h2 class=\"category-title\">\ud83c\udde6\ud83c\uddff Az\u0259rbaycan Tarixi<\/h2>\n <p class=\"category-subtitle\">V\u0259t\u0259nimizin m\u0259ftun tarixi<\/p>\n <\/div>\n\n <div class=\"subcategories-grid\">\n <div class=\"subcategory-card\" data-category=\"az\" data-subcategory=\"qedim\">\n <div class=\"subcategory-icon\">\ud83c\udfdb\ufe0f<\/div>\n <div class=\"subcategory-name\">Q\u0259dim D\u00f6vr<\/div>\n <div class=\"subcategory-count\">12 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"az\" data-subcategory=\"orta\">\n <div class=\"subcategory-icon\">\ud83c\udff0<\/div>\n <div class=\"subcategory-name\">Orta \u018fsrl\u0259r<\/div>\n <div class=\"subcategory-count\">15 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"az\" data-subcategory=\"yeni\">\n <div class=\"subcategory-icon\">\ud83d\udcdc<\/div>\n <div class=\"subcategory-name\">Yeni D\u00f6vr<\/div>\n <div class=\"subcategory-count\">14 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"az\" data-subcategory=\"muasir\">\n <div class=\"subcategory-icon\">\ud83c\udf0d<\/div>\n <div class=\"subcategory-name\">M\u00fcasir D\u00f6vr<\/div>\n <div class=\"subcategory-count\">18 d\u0259rs<\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-az-qedim\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Q\u0259dim D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">12 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/3ZYwSouO0OU?si=CGzryn9KTb9wRjBk\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-az-orta\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Orta \u018fsrl\u0259r D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">15 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-az-yeni\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Yeni D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">14 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-az-muasir\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa M\u00fcasir D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">18 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category-block\">\n <div class=\"category-header\">\n <h2 class=\"category-title\">\ud83c\udf0f \u00dcmumi Tarix<\/h2>\n <p class=\"category-subtitle\">D\u00fcnya tarixinin r\u0259ngl\u0259ri<\/p>\n <\/div>\n\n <div class=\"subcategories-grid\">\n <div class=\"subcategory-card\" data-category=\"umumi\" data-subcategory=\"qedim\">\n <div class=\"subcategory-icon\">\ud83d\uddff<\/div>\n <div class=\"subcategory-name\">Q\u0259dim D\u00f6vr<\/div>\n <div class=\"subcategory-count\">16 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"umumi\" data-subcategory=\"orta\">\n <div class=\"subcategory-icon\">\u2694\ufe0f<\/div>\n <div class=\"subcategory-name\">Orta \u018fsrl\u0259r<\/div>\n <div class=\"subcategory-count\">17 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"umumi\" data-subcategory=\"yeni\">\n <div class=\"subcategory-icon\">\ud83d\udd2c<\/div>\n <div class=\"subcategory-name\">Yeni D\u00f6vr<\/div>\n <div class=\"subcategory-count\">19 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"umumi\" data-subcategory=\"muasir\">\n <div class=\"subcategory-icon\">\ud83d\ude80<\/div>\n <div class=\"subcategory-name\">M\u00fcasir D\u00f6vr<\/div>\n <div class=\"subcategory-count\">20 d\u0259rs<\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-umumi-qedim\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Q\u0259dim D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">16 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-umumi-orta\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Orta \u018fsrl\u0259r D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">17 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-umumi-yeni\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Yeni D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">19 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-umumi-muasir\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa M\u00fcasir D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">20 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const subcategoryCards = document.querySelectorAll('.subcategory-card');\n\n subcategoryCards.forEach(card => {\n card.addEventListener('click', function(e) {\n e.stopPropagation();\n \n const category = this.dataset.category;\n const subcategory = this.dataset.subcategory;\n const videoContainerId = `videos-${category}-${subcategory}`;\n const videoContainer = document.getElementById(videoContainerId);\n\n const categoryBlock = this.closest('.category-block');\n const cardsInCategory = categoryBlock.querySelectorAll('.subcategory-card');\n const videosInCategory = categoryBlock.querySelectorAll('.videos-container');\n\n const isAlreadyActive = this.classList.contains('active');\n\n cardsInCategory.forEach(c => c.classList.remove('active'));\n videosInCategory.forEach(v => v.classList.remove('active'));\n\n if (!isAlreadyActive) {\n this.classList.add('active');\n if (videoContainer) {\n videoContainer.classList.add('active');\n videoContainer.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n }\n });\n });\n\n document.addEventListener('click', function(e) {\n if (!e.target.closest('.subcategory-card') && !e.target.closest('.videos-container')) {\n subcategoryCards.forEach(card => card.classList.remove('active'));\n document.querySelectorAll('.videos-container').forEach(v => v.classList.remove('active'));\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tarix F\u0259nni – Video D\u0259rsl\u0259ri | Xronos Tarix F\u0259nni Canl\u0131 video d\u0259rsl\u0259ri il\u0259 tarixi k\u0259\u015ff edin \ud83c\udde6\ud83c\uddff Az\u0259rbaycan Tarixi V\u0259t\u0259nimizin m\u0259ftun tarixi \ud83c\udfdb\ufe0f Q\u0259dim D\u00f6vr 12 d\u0259rs \ud83c\udff0 Orta \u018fsrl\u0259r 15 d\u0259rs \ud83d\udcdc Yeni D\u00f6vr 14 d\u0259rs \ud83c\udf0d M\u00fcasir D\u00f6vr 18 d\u0259rs \ud83d\udcfa Q\u0259dim D\u00f6vr D\u0259rsl\u0259ri 12 video \ud83d\udcfa Orta \u018fsrl\u0259r D\u0259rsl\u0259ri 15 video \ud83d\udcfa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xronos.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":2,"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/xronos.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":61,"date":"2026-05-08T17:34:35","date_gmt":"2026-05-08T17:34:35","guid":{"rendered":"https:\/\/xronos.info\/?page_id=61"},"modified":"2026-05-08T17:36:38","modified_gmt":"2026-05-08T17:36:38","slug":"video-d%c9%99rsl%c9%99r","status":"publish","type":"page","link":"https:\/\/xronos.info\/?page_id=61","title":{"rendered":"Video d\u0259rsl\u0259r"},"content":{"rendered":"\n\n\n\n \n \n Tarix F\u0259nni – Video D\u0259rsl\u0259ri | Xronos<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #FF6B35;\n --secondary: #004E89;\n --accent: #F77F00;\n --success: #06A77D;\n --bg-light: #FAFAFA;\n --bg-white: #FFFFFF;\n --text-dark: #1A1A1A;\n --text-gray: #6B7280;\n --border-light: #E5E7EB;\n --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);\n --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);\n --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.15);\n }\n\n body {\n background: linear-gradient(135deg, #FAFAFA 0%, #F5F3FF 50%, #FFF8F0 100%);\n color: var(--text-dark);\n font-family: 'Outfit', sans-serif;\n min-height: 100vh;\n line-height: 1.6;\n }\n\n .wp-container {\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin: 0;\n }\n\n .container {\n width: 100%;\n padding: 60px 30px;\n max-width: 100%;\n }\n\n \/* Header *\/\n .header {\n text-align: center;\n margin-bottom: 70px;\n animation: slideUp 0.8s ease-out;\n }\n\n .header h1 {\n font-family: 'Merriweather', serif;\n font-size: 3.2rem;\n font-weight: 700;\n color: var(--secondary);\n margin-bottom: 15px;\n letter-spacing: -0.5px;\n }\n\n .header p {\n font-size: 1.15rem;\n color: var(--text-gray);\n font-weight: 400;\n letter-spacing: 0.3px;\n }\n\n \/* Categories Section *\/\n .categories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 45px;\n margin-bottom: 60px;\n width: 100%;\n }\n\n .category-block {\n animation: fadeInScale 0.7s ease-out;\n animation-fill-mode: both;\n }\n\n .category-block:nth-child(1) { animation-delay: 0.15s; }\n .category-block:nth-child(2) { animation-delay: 0.3s; }\n\n .category-header {\n margin-bottom: 35px;\n position: relative;\n padding-bottom: 20px;\n }\n\n .category-header::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--primary), var(--accent));\n border-radius: 2px;\n transition: width 0.4s ease;\n }\n\n .category-block:hover .category-header::after {\n width: 100px;\n }\n\n .category-title {\n font-family: 'Merriweather', serif;\n font-size: 2rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 8px;\n }\n\n .category-subtitle {\n font-size: 0.95rem;\n color: var(--text-gray);\n font-weight: 400;\n }\n\n \/* Subcategories *\/\n .subcategories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 16px;\n width: 100%;\n }\n\n .subcategory-card {\n position: relative;\n padding: 28px 20px;\n background: var(--bg-white);\n border: 2px solid var(--border-light);\n border-radius: 16px;\n cursor: pointer;\n transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n }\n\n .subcategory-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.6s ease;\n }\n\n .subcategory-card:hover::before {\n left: 100%;\n }\n\n .subcategory-icon {\n font-size: 2.2rem;\n margin-bottom: 12px;\n display: block;\n transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .subcategory-card:hover .subcategory-icon {\n transform: scale(1.25) rotate(-5deg);\n }\n\n .subcategory-name {\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 8px;\n transition: color 0.3s ease;\n }\n\n .subcategory-count {\n font-size: 0.85rem;\n color: var(--text-gray);\n transition: color 0.3s ease;\n }\n\n .subcategory-card:hover {\n border-color: var(--primary);\n background: linear-gradient(135deg, #FFF9F5 0%, #FFFBF7 100%);\n transform: translateY(-6px);\n box-shadow: var(--shadow-md);\n }\n\n .subcategory-card:hover .subcategory-name {\n color: var(--primary);\n }\n\n .subcategory-card:hover .subcategory-count {\n color: var(--accent);\n }\n\n \/* Active State *\/\n .subcategory-card.active {\n border-color: var(--primary);\n background: linear-gradient(135deg, #FFF5F0 0%, #FFFBF7 100%);\n box-shadow: var(--shadow-md);\n }\n\n .subcategory-card.active .subcategory-name {\n color: var(--primary);\n }\n\n \/* Videos Container *\/\n .videos-container {\n display: none;\n margin-top: 50px;\n padding: 40px;\n background: linear-gradient(135deg, #FFFFFF 0%, #F9F7FF 100%);\n border-radius: 20px;\n border: 1px solid var(--border-light);\n box-shadow: var(--shadow-md);\n animation: slideDown 0.5s ease-out;\n }\n\n .videos-container.active {\n display: block;\n }\n\n @keyframes slideDown {\n from {\n opacity: 0;\n max-height: 0;\n transform: translateY(-20px);\n }\n to {\n opacity: 1;\n max-height: 2000px;\n transform: translateY(0);\n }\n }\n\n .videos-header {\n margin-bottom: 35px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .videos-title {\n font-family: 'Merriweather', serif;\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--secondary);\n }\n\n .video-count {\n font-size: 0.9rem;\n background: var(--primary);\n color: white;\n padding: 4px 12px;\n border-radius: 20px;\n font-weight: 600;\n }\n\n \/* Videos Grid *\/\n .videos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 25px;\n width: 100%;\n }\n\n .video-card {\n position: relative;\n aspect-ratio: 16\/9;\n border-radius: 14px;\n overflow: hidden;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: var(--shadow-sm);\n border: 1px solid var(--border-light);\n background: var(--bg-white);\n }\n\n .video-placeholder {\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #E8F4F8 0%, #F0E8F8 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .play-button {\n font-size: 3.5rem;\n color: var(--primary);\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n filter: drop-shadow(0 4px 12px rgba(255, 107, 53, 0.2));\n }\n\n .video-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-lg);\n border-color: var(--primary);\n }\n\n .video-card:hover .play-button {\n transform: scale(1.15);\n filter: drop-shadow(0 8px 20px rgba(255, 107, 53, 0.35));\n }\n\n .video-placeholder::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 30% 30%, rgba(255, 107, 53, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .video-card:hover .video-placeholder::before {\n opacity: 1;\n }\n\n \/* YouTube Iframe Wrapper *\/\n .youtube-wrapper {\n position: relative;\n width: 100%;\n padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n height: 0;\n overflow: hidden;\n border-radius: 14px;\n background: #000;\n }\n\n .youtube-wrapper iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n border-radius: 14px;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1200px) {\n .container {\n padding: 50px 25px;\n }\n\n .header h1 {\n font-size: 2.8rem;\n }\n\n .categories-grid {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .videos-grid {\n grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 40px 20px;\n }\n\n .header {\n margin-bottom: 50px;\n }\n\n .header h1 {\n font-size: 2.2rem;\n }\n\n .header p {\n font-size: 1rem;\n }\n\n .category-title {\n font-size: 1.6rem;\n }\n\n .category-subtitle {\n font-size: 0.9rem;\n }\n\n .subcategories-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n\n .subcategory-card {\n padding: 22px 16px;\n }\n\n .subcategory-name {\n font-size: 0.95rem;\n }\n\n .subcategory-icon {\n font-size: 2rem;\n }\n\n .videos-grid {\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 18px;\n }\n\n .videos-container {\n padding: 30px 20px;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 30px 15px;\n }\n\n .header h1 {\n font-size: 1.8rem;\n }\n\n .header p {\n font-size: 0.95rem;\n }\n\n .categories-grid {\n gap: 35px;\n }\n\n .category-title {\n font-size: 1.3rem;\n }\n\n .subcategories-grid {\n grid-template-columns: 1fr;\n }\n\n .videos-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n\n .videos-title {\n font-size: 1.2rem;\n }\n\n .play-button {\n font-size: 2.5rem;\n }\n }\n\n \/* Animations *\/\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar {\n width: 10px;\n }\n\n ::-webkit-scrollbar-track {\n background: #F5F3FF;\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 5px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: var(--accent);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"wp-container\">\n <div class=\"container\">\n \n <div class=\"header\">\n <h1>Tarix F\u0259nni<\/h1>\n <p>Canl\u0131 video d\u0259rsl\u0259ri il\u0259 tarixi k\u0259\u015ff edin<\/p>\n <\/div>\n\n \n <div class=\"categories-grid\">\n \n <div class=\"category-block\">\n <div class=\"category-header\">\n <h2 class=\"category-title\">\ud83c\udde6\ud83c\uddff Az\u0259rbaycan Tarixi<\/h2>\n <p class=\"category-subtitle\">V\u0259t\u0259nimizin m\u0259ftun tarixi<\/p>\n <\/div>\n\n <div class=\"subcategories-grid\">\n <div class=\"subcategory-card\" data-category=\"az\" data-subcategory=\"qedim\">\n <div class=\"subcategory-icon\">\ud83c\udfdb\ufe0f<\/div>\n <div class=\"subcategory-name\">Q\u0259dim D\u00f6vr<\/div>\n <div class=\"subcategory-count\">12 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"az\" data-subcategory=\"orta\">\n <div class=\"subcategory-icon\">\ud83c\udff0<\/div>\n <div class=\"subcategory-name\">Orta \u018fsrl\u0259r<\/div>\n <div class=\"subcategory-count\">15 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"az\" data-subcategory=\"yeni\">\n <div class=\"subcategory-icon\">\ud83d\udcdc<\/div>\n <div class=\"subcategory-name\">Yeni D\u00f6vr<\/div>\n <div class=\"subcategory-count\">14 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"az\" data-subcategory=\"muasir\">\n <div class=\"subcategory-icon\">\ud83c\udf0d<\/div>\n <div class=\"subcategory-name\">M\u00fcasir D\u00f6vr<\/div>\n <div class=\"subcategory-count\">18 d\u0259rs<\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-az-qedim\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Q\u0259dim D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">12 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/3ZYwSouO0OU?si=CGzryn9KTb9wRjBk\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-az-orta\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Orta \u018fsrl\u0259r D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">15 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-az-yeni\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Yeni D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">14 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-az-muasir\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa M\u00fcasir D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">18 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category-block\">\n <div class=\"category-header\">\n <h2 class=\"category-title\">\ud83c\udf0f \u00dcmumi Tarix<\/h2>\n <p class=\"category-subtitle\">D\u00fcnya tarixinin r\u0259ngl\u0259ri<\/p>\n <\/div>\n\n <div class=\"subcategories-grid\">\n <div class=\"subcategory-card\" data-category=\"umumi\" data-subcategory=\"qedim\">\n <div class=\"subcategory-icon\">\ud83d\uddff<\/div>\n <div class=\"subcategory-name\">Q\u0259dim D\u00f6vr<\/div>\n <div class=\"subcategory-count\">16 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"umumi\" data-subcategory=\"orta\">\n <div class=\"subcategory-icon\">\u2694\ufe0f<\/div>\n <div class=\"subcategory-name\">Orta \u018fsrl\u0259r<\/div>\n <div class=\"subcategory-count\">17 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"umumi\" data-subcategory=\"yeni\">\n <div class=\"subcategory-icon\">\ud83d\udd2c<\/div>\n <div class=\"subcategory-name\">Yeni D\u00f6vr<\/div>\n <div class=\"subcategory-count\">19 d\u0259rs<\/div>\n <\/div>\n <div class=\"subcategory-card\" data-category=\"umumi\" data-subcategory=\"muasir\">\n <div class=\"subcategory-icon\">\ud83d\ude80<\/div>\n <div class=\"subcategory-name\">M\u00fcasir D\u00f6vr<\/div>\n <div class=\"subcategory-count\">20 d\u0259rs<\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-umumi-qedim\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Q\u0259dim D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">16 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-umumi-orta\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Orta \u018fsrl\u0259r D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">17 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-umumi-yeni\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa Yeni D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">19 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"videos-umumi-muasir\" class=\"videos-container\">\n <div class=\"videos-header\">\n <h3 class=\"videos-title\">\ud83d\udcfa M\u00fcasir D\u00f6vr D\u0259rsl\u0259ri<\/h3>\n <span class=\"video-count\">20 video<\/span>\n <\/div>\n <div class=\"videos-grid\">\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <div class=\"video-card\">\n <div class=\"youtube-wrapper\">\n <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const subcategoryCards = document.querySelectorAll('.subcategory-card');\n\n subcategoryCards.forEach(card => {\n card.addEventListener('click', function(e) {\n e.stopPropagation();\n \n const category = this.dataset.category;\n const subcategory = this.dataset.subcategory;\n const videoContainerId = `videos-${category}-${subcategory}`;\n const videoContainer = document.getElementById(videoContainerId);\n\n const categoryBlock = this.closest('.category-block');\n const cardsInCategory = categoryBlock.querySelectorAll('.subcategory-card');\n const videosInCategory = categoryBlock.querySelectorAll('.videos-container');\n\n const isAlreadyActive = this.classList.contains('active');\n\n cardsInCategory.forEach(c => c.classList.remove('active'));\n videosInCategory.forEach(v => v.classList.remove('active'));\n\n if (!isAlreadyActive) {\n this.classList.add('active');\n if (videoContainer) {\n videoContainer.classList.add('active');\n videoContainer.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n }\n });\n });\n\n document.addEventListener('click', function(e) {\n if (!e.target.closest('.subcategory-card') && !e.target.closest('.videos-container')) {\n subcategoryCards.forEach(card => card.classList.remove('active'));\n document.querySelectorAll('.videos-container').forEach(v => v.classList.remove('active'));\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tarix F\u0259nni – Video D\u0259rsl\u0259ri | Xronos Tarix F\u0259nni Canl\u0131 video d\u0259rsl\u0259ri il\u0259 tarixi k\u0259\u015ff edin \ud83c\udde6\ud83c\uddff Az\u0259rbaycan Tarixi V\u0259t\u0259nimizin m\u0259ftun tarixi \ud83c\udfdb\ufe0f Q\u0259dim D\u00f6vr 12 d\u0259rs \ud83c\udff0 Orta \u018fsrl\u0259r 15 d\u0259rs \ud83d\udcdc Yeni D\u00f6vr 14 d\u0259rs \ud83c\udf0d M\u00fcasir D\u00f6vr 18 d\u0259rs \ud83d\udcfa Q\u0259dim D\u00f6vr D\u0259rsl\u0259ri 12 video \ud83d\udcfa Orta \u018fsrl\u0259r D\u0259rsl\u0259ri 15 video \ud83d\udcfa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xronos.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":2,"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/xronos.info\/index.php?rest_route=\/wp\/v2\/pages\/61\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/xronos.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}