{"id":93,"date":"2026-07-26T10:27:34","date_gmt":"2026-07-26T07:27:34","guid":{"rendered":"https:\/\/the-its.com\/?page_id=93"},"modified":"2026-07-26T13:12:31","modified_gmt":"2026-07-26T10:12:31","slug":"ui-kit","status":"publish","type":"page","link":"https:\/\/the-its.com\/ar\/ui-kit\/","title":{"rendered":"UI Kit"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"93\" class=\"elementor elementor-93\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63e4b4d e-flex e-con-boxed e-con e-parent\" data-id=\"63e4b4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-242dd61 elementor-widget elementor-widget-heading\" data-id=\"242dd61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">ITS UI KIT<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a8f4ee e-flex e-con-boxed e-con e-parent\" data-id=\"1a8f4ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b877c93 elementor-widget elementor-widget-text-editor\" data-id=\"b877c93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>This page contains all reusable UI components for the ITS website. Every page on the website will be built from these components.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf55d29 e-con e-atomic-element e-flexbox-base\" data-id=\"bf55d29\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bf55d29\">\n    \t\t\t<h1 data-interaction-id=\"19ea6e0\" class=\"e-heading-base\">Typography<\/h1>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-76c0aa1 e-flex e-con-boxed e-con e-parent\" data-id=\"76c0aa1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebd852d elementor-widget elementor-widget-heading\" data-id=\"ebd852d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Building Intelligent Low Current Solutions<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8389a26 e-flex e-con-boxed e-con e-parent\" data-id=\"8389a26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c035bb elementor-widget elementor-widget-heading\" data-id=\"6c035bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Integrated ELV &amp; Security Systems<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc967c3 e-flex e-con-boxed e-con e-parent\" data-id=\"fc967c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-758301e elementor-widget elementor-widget-heading\" data-id=\"758301e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Enterprise Grade Infrastructure<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5a38a0 e-flex e-con-boxed e-con e-parent\" data-id=\"f5a38a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a88e5b6 elementor-widget elementor-widget-heading\" data-id=\"a88e5b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Structured Cabling Solutions<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebc01ac elementor-widget elementor-widget-heading\" data-id=\"ebc01ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Reliable Technology Partner<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4824808 elementor-widget elementor-widget-heading\" data-id=\"4824808\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Professional Engineering Services<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31db2ad elementor-widget elementor-widget-text-editor\" data-id=\"31db2ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<blockquote data-start=\"2302\" data-end=\"2608\"><p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"2304\" data-end=\"2608\">ITS delivers complete low-current and ELV solutions including CCTV, Access Control, Fire Alarm, Structured Cabling, Networking, Audio Visual, Public Address, Smart Building and Data Centre infrastructure. We provide design, supply, installation, testing, commissioning and long-term maintenance services.<\/p><\/blockquote><p data-start=\"2610\" data-end=\"2684\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70c0866 elementor-widget elementor-widget-heading\" data-id=\"70c0866\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Buttons<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c20a28 e-con-full e-flex e-con e-child\" data-id=\"3c20a28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e40f37 elementor-widget elementor-widget-button\" data-id=\"8e40f37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request a Quote<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96ed712 elementor-widget elementor-widget-button\" data-id=\"96ed712\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download Profile<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0e6508 elementor-widget elementor-widget-button\" data-id=\"d0e6508\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact Us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4168df e-flex e-con-boxed e-con e-parent\" data-id=\"f4168df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d9e0a5 elementor-widget elementor-widget-heading\" data-id=\"9d9e0a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Color Palette<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ITS UI KIT This page contains all reusable UI components for the ITS website. Every page on the website will [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-93","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UI Kit - Intelligent Trading &amp; Services Solutions<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/the-its.com\/ar\/ui-kit\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI Kit - Intelligent Trading &amp; Services Solutions\" \/>\n<meta property=\"og:description\" content=\"ITS UI KIT This page contains all reusable UI components for the ITS website. Every page on the website will [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/the-its.com\/ar\/ui-kit\/\" \/>\n<meta property=\"og:site_name\" content=\"Intelligent Trading &amp; Services Solutions\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/itssmartstore\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-26T10:12:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/the-its.com\\\/ui-kit\\\/\",\"url\":\"https:\\\/\\\/the-its.com\\\/ui-kit\\\/\",\"name\":\"UI Kit - Intelligent Trading &amp; Services Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/the-its.com\\\/#website\"},\"datePublished\":\"2026-07-26T07:27:34+00:00\",\"dateModified\":\"2026-07-26T10:12:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/the-its.com\\\/ui-kit\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/the-its.com\\\/ui-kit\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/the-its.com\\\/ui-kit\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/the-its.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI Kit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/the-its.com\\\/#website\",\"url\":\"https:\\\/\\\/the-its.com\\\/\",\"name\":\"Intelligent Trading & Services Solutions\",\"description\":\"Integrated Low Current, ELV &amp; Smart Technology Solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/the-its.com\\\/#organization\"},\"alternateName\":\"The ITS\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/the-its.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/the-its.com\\\/#organization\",\"name\":\"The Intelligent Trading & Services Solutions\",\"url\":\"https:\\\/\\\/the-its.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/the-its.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/the-its.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/19482_The-Intelligent_Logo_SH_MT_SG_SG-01-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/the-its.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/19482_The-Intelligent_Logo_SH_MT_SG_SG-01-scaled.jpg\",\"width\":2560,\"height\":2560,\"caption\":\"The Intelligent Trading & Services Solutions\"},\"image\":{\"@id\":\"https:\\\/\\\/the-its.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/itssmartstore\",\"https:\\\/\\\/www.youtube.com\\\/@ITSSmartStore\",\"https:\\\/\\\/www.instagram.com\\\/itssmartstor\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI Kit - Intelligent Trading &amp; Services Solutions","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/the-its.com\/ar\/ui-kit\/","og_locale":"ar_AR","og_type":"article","og_title":"UI Kit - Intelligent Trading &amp; Services Solutions","og_description":"ITS UI KIT This page contains all reusable UI components for the ITS website. Every page on the website will [&hellip;]","og_url":"https:\/\/the-its.com\/ar\/ui-kit\/","og_site_name":"Intelligent Trading &amp; Services Solutions","article_publisher":"https:\/\/www.facebook.com\/itssmartstore","article_modified_time":"2026-07-26T10:12:31+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/the-its.com\/ui-kit\/","url":"https:\/\/the-its.com\/ui-kit\/","name":"UI Kit - Intelligent Trading &amp; Services Solutions","isPartOf":{"@id":"https:\/\/the-its.com\/#website"},"datePublished":"2026-07-26T07:27:34+00:00","dateModified":"2026-07-26T10:12:31+00:00","breadcrumb":{"@id":"https:\/\/the-its.com\/ui-kit\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/the-its.com\/ui-kit\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/the-its.com\/ui-kit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/the-its.com\/"},{"@type":"ListItem","position":2,"name":"UI Kit"}]},{"@type":"WebSite","@id":"https:\/\/the-its.com\/#website","url":"https:\/\/the-its.com\/","name":"Intelligent Trading & Services Solutions","description":"Integrated Low Current, ELV &amp; Smart Technology Solutions","publisher":{"@id":"https:\/\/the-its.com\/#organization"},"alternateName":"The ITS","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/the-its.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/the-its.com\/#organization","name":"The Intelligent Trading & Services Solutions","url":"https:\/\/the-its.com\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/the-its.com\/#\/schema\/logo\/image\/","url":"https:\/\/the-its.com\/wp-content\/uploads\/2026\/07\/19482_The-Intelligent_Logo_SH_MT_SG_SG-01-scaled.jpg","contentUrl":"https:\/\/the-its.com\/wp-content\/uploads\/2026\/07\/19482_The-Intelligent_Logo_SH_MT_SG_SG-01-scaled.jpg","width":2560,"height":2560,"caption":"The Intelligent Trading & Services Solutions"},"image":{"@id":"https:\/\/the-its.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/itssmartstore","https:\/\/www.youtube.com\/@ITSSmartStore","https:\/\/www.instagram.com\/itssmartstor\/"]}]}},"_links":{"self":[{"href":"https:\/\/the-its.com\/ar\/wp-json\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the-its.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/the-its.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/the-its.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/the-its.com\/ar\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":10,"href":"https:\/\/the-its.com\/ar\/wp-json\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/the-its.com\/ar\/wp-json\/wp\/v2\/pages\/93\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/the-its.com\/ar\/wp-json\/wp\/v2\/media?parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}