{"id":10,"date":"2026-05-04T01:42:10","date_gmt":"2026-05-03T21:42:10","guid":{"rendered":"https:\/\/gunaynovruz.website\/?page_id=10"},"modified":"2026-05-04T02:01:03","modified_gmt":"2026-05-03T22:01:03","slug":"10-2","status":"publish","type":"page","link":"https:\/\/gunaynovruz.website\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n.timeline-section {\n    background:#000;\n    color:#fff;\n    padding:100px 20px;\n}\n\n.timeline {\n    max-width:900px;\n    margin:auto;\n    position:relative;\n}\n\n.timeline::before {\n    content:\"\";\n    position:absolute;\n    left:50%;\n    width:2px;\n    height:100%;\n    background:#444;\n    transform:translateX(-50%);\n}\n\n.t-item {\n    width:50%;\n    padding:20px;\n    position:relative;\n}\n\n.t-item.left {\n    left:0;\n    text-align:right;\n}\n\n.t-item.right {\n    left:50%;\n}\n\n.t-item .box {\n    background:#111;\n    padding:20px;\n    border:1px solid #222;\n}\n\n.t-item h3 {\n    margin:0 0 10px;\n}\n\n.t-item::after {\n    content:\"\";\n    position:absolute;\n    top:25px;\n    width:15px;\n    height:15px;\n    background:#fff;\n    border-radius:50%;\n}\n\n.t-item.left::after {\n    right:-8px;\n}\n\n.t-item.right::after {\n    left:-8px;\n}\n\n\/* animasiya *\/\n.t-item {\n    opacity:0;\n    transform:translateY(40px);\n    transition:0.6s;\n}\n\n.t-item.active {\n    opacity:1;\n    transform:translateY(0);\n}\n\n\/* mobile *\/\n@media(max-width:768px){\n    .t-item,\n    .t-item.left,\n    .t-item.right {\n        width:100%;\n        left:0;\n        text-align:left;\n    }\n\n    .timeline::before {\n        left:10px;\n    }\n\n    .t-item::after {\n        left:2px;\n    }\n}\n<\/style>\n\n<section class=\"timeline-section\">\n    <h2 style=\"text-align:center;margin-bottom:60px;\">H\u0259yat\u0131<\/h2>\n\n    <div class=\"timeline\" id=\"timeline\">\n\n        <div class=\"t-item left\">\n            <div class=\"box\">\n                <h3>1985<\/h3>\n                <p>Sumqay\u0131tda anadan olub<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"t-item right\">\n            <div class=\"box\">\n                <h3>2008<\/h3>\n                <p>Universitet t\u0259hsili<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"t-item left\">\n            <div class=\"box\">\n                <h3>2009<\/h3>\n                <p>\u201cXoxan\u201d kitab\u0131<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"t-item right\">\n            <div class=\"box\">\n                <h3>2015<\/h3>\n                <p>\u201c30\u201d kitab\u0131<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"t-item left\">\n            <div class=\"box\">\n                <h3>TV f\u0259aliyy\u0259ti<\/h3>\n                <p>Radio v\u0259 televiziya layih\u0259l\u0259ri<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\nwindow.addEventListener('scroll', function(){\n    document.querySelectorAll('.t-item').forEach(el=>{\n        let pos = el.getBoundingClientRect().top;\n        if(pos < window.innerHeight - 100){\n            el.classList.add('active');\n        }\n    });\n});\n<\/script>\n\n\n\n<style>\n.media-section {\n    background:#000;\n    color:#fff;\n    padding:100px 20px;\n    text-align:center;\n}\n\n.media-section h2 {\n    font-size:48px;\n    margin-bottom:60px;\n}\n\n.media-grid {\n    display:flex;\n    justify-content:center;\n    gap:80px;\n    flex-wrap:wrap;\n}\n\n.media-item {\n    text-align:center;\n    transition:0.3s;\n}\n\n.media-item:hover {\n    transform:translateY(-10px);\n}\n\n.media-icon {\n    font-size:60px;\n    margin-bottom:20px;\n    color:#d4a84f;\n}\n\n.media-item a {\n    color:#fff;\n    text-decoration:none;\n    font-size:18px;\n}\n\n\/* animasiya *\/\n.media-item {\n    opacity:0;\n    transform:translateY(40px);\n    transition:0.6s;\n}\n\n.media-item.active {\n    opacity:1;\n    transform:translateY(0);\n}\n<\/style>\n\n<section class=\"media-section\" id=\"media\">\n    <h2>Ad\u0131olar\u0131<\/h2>\n\n    <div class=\"media-grid\">\n\n        <div class=\"media-item\">\n            <div class=\"media-icon\">\ud83c\udfa7<\/div>\n            <a href=\"#radio\">Radio arxiv<\/a>\n        <\/div>\n\n        <div class=\"media-item\">\n            <div class=\"media-icon\">\ud83c\udfa4<\/div>\n            <a href=\"#ifalar\">\u0130falar<\/a>\n        <\/div>\n\n        <div class=\"media-item\">\n            <div class=\"media-icon\">\ud83c\udf9a<\/div>\n            <a href=\"#qiraet\">Qira\u0259t<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\nwindow.addEventListener('scroll', function(){\n    document.querySelectorAll('.media-item').forEach(el=>{\n        let pos = el.getBoundingClientRect().top;\n        if(pos < window.innerHeight - 100){\n            el.classList.add('active');\n        }\n    });\n});\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/gunaynovruz.website\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gunaynovruz.website\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gunaynovruz.website\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gunaynovruz.website\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gunaynovruz.website\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":4,"href":"https:\/\/gunaynovruz.website\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/gunaynovruz.website\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/gunaynovruz.website\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}