عرض مصدر CSS/MegaMenu

[
    {
        "columns": [
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "تنسيق العناصر",
                        "url": "#",
                        "items": [
                            {
                                "text": "الألوان",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Colors"
                            },
                            {
                                "text": "الخلفيات",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Background"
                            },
                            {
                                "text": "الإطارات",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Border"
                            },
                            {
                                "text": "الخطوط",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Font"
                            },
                            {
                                "text": "النصوص",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Text"
                            },
                            {
                                "text": "الجداول",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Table"
                            },
                            {
                                "text": "القوائم",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_List"
                            }
                        ]
                    }
                }
            },
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "التخطيطات والتموضع",
                        "url": "#",
                        "items": [
                            {
                                "text": "موضع العناصر",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Positioning"
                            },
                            {
                                "text": "واجهات المستخدم",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_User_Interface"
                            },
                            {
                                "text": "النموذج الصندوقي",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Box_Model"
                            },
                            {
                                "text": "تخطيط Flex Box",
                                "url": "/CSS/border-image"
                            },
                            {
                                "text": "تخطيط الأعمدة Column",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Columns"
                            },
                            {
                                "text": "التخطيط الشبكي Grid",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Grid"
                            }
                        ]
                    }
                }
            },
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "الحركات والانتقالات",
                        "url": "#",
                        "items": [
                            {
                                "text": "الحركات",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Animations"
                            },
                            {
                                "text": "الانتقالات",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Transitions"
                            },
                            {
                                "text": "التحويلات",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Transforms"
                            }
                        ]
                    }
                }
            },
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "تحديد العناصر",
                        "url": "#",
                        "items": [
                            {
                                "text": "المحددات في CSS",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Selectors"
                            },
                            {
                                "text": "الأصناف الزائفة",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_pseudo-class"
                            },
                            {
                                "text": "العناصر الزائفة",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_pseudo-element"
                            },
                            {
                                "text": "المرشحات",
                                "url": "/CSS/filter"
                            }
                        ]
                    }
                }
            },
            {
                "control": {
                    "type": "bullets",
                    "config": {
                        "text": "مواضيع متقدمة",
                        "url": "#",
                        "items": [
                            {
                                "text": "أنواع البيانات",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Data_Type"
                            },
                            {
                                "text": "قواعد @",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_At-rule"
                            },
                            {
                                "text": "المحتوى المولد",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Generated_Content"
                            },
                            {
                                "text": "القيم في CSS",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Values"
                            },
                            {
                                "text": "متفرقات",
                                "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Miscellaneous"
                            }
                        ]
                    }
                }
            }
        ]
    }
]