CINXE.COM
Web Design Company in Kuala Lumpur (KL) | Orangesoft Web Designer
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--node--2.html.twig * html--node--%.html.twig * html--node.html.twig x html.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NG2HNW');</script> <!-- End Google Tag Manager --> <meta charset="utf-8" /> <link rel="canonical" href="https://www.orangesoft.com.my/web-design-kl" /> <meta name="description" content="Need a custom CMS website designed to suit your business? What's even better is we built it secure, fast-loading, responsive, SEO-friendly, and personalized!" /> <meta name="Generator" content="Drupal 9 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <link rel="shortcut icon" href="/sites/default/files/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="revision" href="https://www.orangesoft.com.my/web-design-kl" /> <title>Web Design Company in Kuala Lumpur (KL) | Orangesoft Web Designer</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_lxokZ0EG-IAT9Qi3VrMNQdvtewjZ855HqeYkl1Qxj6g.U4p543W2_Lk17m7HqHsbVbyE-TZu5v7cf7VlVfa6XII.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_xnDYBl4OD9snX7Sf9EyJ9VkzRg71lff1OegyGLU8z1w.Xscj7k25H7I-i3RTNr0ZAZRik9qmYKnrPPaLDXgHUms.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_5DeNesAeWY75ShebRlAkjVoqLmMwjuLZN1u-ZRdbQTc.3a1fQ-NPUvyJSrzJaD2HxIbtdo5-ZQQ7LjSQyMOKrhw.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_gfUtLDXi72df47AexuJ-vm_wJb2QkME0vEvBnJxO6dA.nNPJJMp5Aqi-OMm8pvmDf5nPHBwOVkSBDyGCoKgItmQ.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_CYXnyo1qFoxHAoBBNsSqN8PVNbP8sxeQ_LtauZ50Wgs.CdF7jTXiDrckrcH3IGS84HjxyfTN3_9gtZGiXSXMG1I.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_QF7anExUIQ9m7lRlQYpqk7QebuejK_k7Tyzw3UgZ-hg.CZo9Kk7Fw7wYNwuRXAPbBz0yuIvVHEaxvPMrlNs19es.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_7QllbjqoprdCwoIdo3V7DWqJKkTBOzMJn-xZmsutiww.LLivlRtpxQKq_MmAIBvZOeid1Ld_QFMkGVQ1PScRr1k.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_hnJTGN1fzih_ZZssV428NML2NhpFxXlJrqaLNgE8CHo.QYmMVwbRHFWtYtvdNQJ6PULznj4PxZ8Km6Zh-hGekYY.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css__13fw7LchbE-h7zw4b3GPIwiFWcaKaefv7L39uOe9so.PmT_vVd0e18CJoCwitJqevIlJTyyEgty1CXfGAn6W2o.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_0jPT-BWLonFoD1a1XPcxcniBn9WgukRnniaE-xYrMIs.T0CsClob02EJHSwFQRgnAhF5-LLCtpCbezahzVL3ch0.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_wcTRp4Ty5SGu4F6Mj_Src4xCVH1pAn1ZKdFhbgibbUI.CBEtX3GnEf5HLh5oeviHNdzFsrHNgRoncds03yV_5GI.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_XYJeCymlgeYq2fA8gUC7CjnYFGGkur-vgRftab7u22k.PKEENxOnOBGmU2NCYDmyZdg0dPurbGDlrDadqzdaKXk.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_tdlildou3nAEpVC9SJoaB6Kq0Q-3m9ZyimZjFzbxYhs.qpH_Z1_ar3oyhtWgevKMXLSzBWAkDtqJPGh6oObjGyM.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_GbvmbJJu3etNuvRxzgpArn9FbrGIPob5sKfVZm03KVw.VBGWrpc6c4SWzxGqDaKqdNvb16cAw5ccxJhjD4k-RYA.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_Q6hS9heFRWwmGWvo9WsD_D6nDHdUaUnYt6sC6_oX9L8.yqYOjs00zmBVg7d_f2lfekpoQmW6z3Y5N-kI3ea9vdU.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_Mz34rW7q6tVTaynibPwIyO2mdHNIyqme262HoGpcJl8.27D6Vkg0IodWITjxnY8NfeyNzSJS3CoTLEpX6Sx-fdY.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_41w6dBZ448pJSogyLgoToui9MDm8KnZHhhxIUFUonds.RIjP5ifjBdzso5NJQldjZgY0WKgQtNV_Xd0Pwfk--XQ.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_JCU_zSqQm3rvBIXWevl-Uch6AS6Fms27h_AxAbdSM2A.bcC1DefmHN1USjTuzUnrkx40deueW5galBQAut6ffIo.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css__7a65Qsn2GbI6R4HiSGaSbf2n93vUm8S71hKr7aus8Y.9Get3bzMTnenZGPevX8IruA8V8LF2Ybs2iIUS74mDhU.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_rav4Czxl6lZP_y6XAkU1YQxGj4d7fYA4YVDBNypJlxc.ysn9d-JWcHtmBqaA9vM6d1DAYvjmJykTPwmhjKN8TEk.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_PRpLCpZQr4zTfafBQvuU6Ai1fdWr3UHToA3uiawHjkM.MKPWoI8wVYuF6CDrX4IdhIDUXERmHWaeBHxoXwzItcI.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_aylBIaNUjhSigWKCcIK0c-t_kOYqAOEKlb80phSXPOI.r3no7gmqUR3-sP7Mth47z31C3PLo0FSuVk8mnlKFR70.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_97htjIvQ15V1EfeTASftshiMIzLS36LIXVDogWwnlWQ.onfYTw6wELFvnHWb1sMPJhNModonVYAGNLvJ88MHk7A.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_uI2FntcPi0s7LE7aVRLFPdaOjEJ2AvgJxZxn7U_KEpU.HChGclKvUbl83rfgcFLE6FQdDxpYWSZUho-z34CWR30.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_kzULKG5pzGyNLykluQb5oDJTQPcLlJKzZ5imyM6J1h8.MohIgnV8srDC7h6GoEoo_eJcysdvmUKDuA-ya2R-dx4.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_Zru9LBZ0sAXcjonUFHSutTAZkU-sNKpHr1JGBQ4FyU0.1qNY_j2QikNRwCLQR0lt_0Zefayb9oEe0PXvxIdjvjQ.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_LyrrR6JZO8eTCViUPzg899V1r3IBqMYsy9zQoA-d_xo.bhVxdmp2Twz2Xj3ahwLbSnCyMV_of4uDgZm21fmWwzc.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_YuXFCqJ6Mh9c2Lz522vxxQKwCuYdi4B4eglcgrxGnjc.gT5C4-rxte0-lBVyUFoANPiyJ8VqLZIVhSIlpIME0jg.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_Q7zLgQvyD3dkOHXnT2wFwjtThfQupYWs-a29sqLPi4I.6ComVzg5-VSg6qe5Y5SGxsyJ02DehRtjoCPJ7TVmJ5U.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_GavZNGht7ijdhyT2H0uVGOW6jzBQQomQtyM2TBqrD7Y.UNpS6iNVUMgmpyIMBCIwrvMaT_QgRTu9CA8SlICPZX8.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_iYDzQ6kOzLHfojX5uYKRfqBUryAz338d-EVoOzU2HyM.MKD3korWssvrTDJn2Y_G5jiGMsvLGyPJZuLkkl5Wp_Q.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_deEQN6XpU3RSQE7ALLv20wSeF8CdDTqrmuXqwUsYMG4.Bx2XIco3segMRmdRS3vehT4WXqRTWw1kAwOgb8YvTCY.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_kJqax_RkZBAk2I3Nq_rTD9LHc0oMwWKlanYK42ORIfM.HPXyuYZ3sJAQFPblIJt1n_t7KdTBIDYKYdR6kb9_liw.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_vOD9-5JiqhFy7oiIOzO00o2XLgmR6XH8SUL8LL585Vc.2Y_AFgnrWPUbEGu1aZWkRTK9bbEGWuQlPd8cTcqRKBw.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_DF3ErOp_JZVS0qMp5PgSohI7mP40Oko5BPy8z7xmdfQ.VbyKa-Qgc1No4kxTV-NnXOyU1jLl-7P7TT0aRC3PJCs.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_Exev9Hv2CkcSk_eJqTOht2_Is6Z2FKLHbDbnVq9ibS0.oLfqnpBsPA_GJtaTEqcxEiFTM9EFOl3pffMfbf08Asw.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_zaONKoVbo0l69XbCwln3ceB4og-AEQy3ikxyuTYlc34.dZzCCC--PmH4CBlXA1oFU0Pa1TPjwSKcvAqIpikZXZw.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_5NT8aNnNAHe_m4fun0rNWy_k-qgD5sa1Za1sDEidGP8.f3IYjlPh8QS17rDTUsaPZ_khfCe_-d8Zva0cocEfKHs.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_56EOw9NQ4Q1Ly0vgU9ZZ83amytmkXRLLsbUZdaHBZdM.cv-vM6Tj8dcrNUdtVoFXzxQ4E-9GP50kYcbVIgaj0UE.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_1-GGgDiN_1am1DYPm4qSFhW78AxxrqsI6nJ7c4QlFdM.DpLKy_kIDY01NsAL2Z4hrtFrDLzoNVaXeru-dGigduA.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_wGE3o5g-Nell0qqPjACYkUeV54J8PYBpD9iGDumevn8.RrRD0W-HyzSxzRDIdkTNobJGW3ifK2Z75Yv16Zwvw_U.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_2vL50ztSaNJWyfAOyQSDrSGvz7gg1in451cbwrFbVRQ.bD33mcMe5n4xmfp8mXuUNe9Co2wbRmng3g10vbHXdH0.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_dHa2LrsjgTYKsgWQEgLJ3O0WEENYyU-waFPda9QkQMA.B3NpR0qJ-GDZxiwnJi1pxXYnD37sd76BOPS1BO9dvr8.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_6Nzbw27uPuahQERSroqRVESK6SQAEeX7fUedJtMCy3M.hpI-TFrZ-_rTiL1JVS8AOqaBm9pFdLXCFjRQldbJFug.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_iRCU1ffK687JzQF7Qb7baFwzNeAn8AfOKZphVh2iaWQ.tX4BPorvzEwOGX_vFIMkuIHqIyU9Umi_T6Ef14dl94Q.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_TpI2QGxB-HPXdXRjPTpTUDzUj2c7ffTqskV40ohb86s.MUXCDnnU4DAC4gTlVbikc9jcZOvKrkksNxFVdirQ2Cc.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_tZc4SGHUgJ9M1NIuKNjJRNF08GnnkJIs8EwPPjRLF2g.s7QTQ06Q8ydb6UGRY8v2EACJrGkid6hBlUr0yFnQgxo.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_CZ5YsH4ttd-ALxabKQGWKVMM3s5U15pXnXnoyDps6rY.RSaKXK5JLjs2bKJNFBvu0R8aIndxM3nc6gU9gXyiYGs.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_b0_hL1QhyEpqE9dxNS2-WeXZFdm8-DQNHfuWyMhjyoc.dCYyfBCX-6XsYSQQXROwRWVzYcilKkG2cXGKJn08yWU.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_zKerqT9br1DysTdPL-mfCKuHA7w39Qy8n0Lr-MTVpJE.5VREWMhCtNrRvryPlWr7rNsZq7y-rLME-UEJhwlVwr4.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_0eb1-R1r5cIHULhQ_-lvssSVArJ2EcqdkNKiG68jD7s.9fxytjKAWoXtDYvLOk_dwl8VXVmujZS1sfgCZX-8Lpc.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_CoQZlIE2QaSbNlNYtAdxkqPeOTB6nUB7x_a8s2p54ms.nRAXUxgmA_RIXeM8xHzTljOa-snnGz2H2lGBi_1SkaU.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_HQC0kjHX9hqumFNozP74ilDksS-7FwDMz3bdLBR74CE.dgmQ4W2uJDMQxiSEdQCOUL8aELETnIuMAJymsT034zc.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_e_ZR8WxNIxDszwY8VoDbrnMdntSzr-uHksWFOTjdi3Q.mVk_h1neSjG1bvSy7KdKPxMUyyAucUDwulHnMkFjYSU.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_4TzuBCMK3luvuCORlek6HeMruXRXjPAVak-8r6ocBeA.jGzKoZqx-u1NQk8JKK5lVkEagU9HKdsZZ73I8ZLKIWI.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_TnDwz8baJxfRmMxFk4sKaMpVPUONcI879kKNCOFtlns.6C92qAgcxS53kyaDYKWfR_vF_HuLdLQvtaZ0ifnNu6M.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css__xgwl_Ss9cy3DGmp8Rt2Eg3HJf0zTchMYenRWVbD3pI.x-ydmittNweju7_4EBjTI2XpvZqRjtK7MHe_ogY0vvg.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_zv1jeWwdPDvstyoROK7A5UnpWAH86IJqzdY2INln4Vs._SpGRKv0zqQdo73XUpZaixEsNv_zyK8-ZVz2HLV7obU.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_rHDW84btYFlVehgrqna4gG9wUZojI3jAehbJFiX8xjE.--jvp8jBp_4rxAJAmtRaHGdMfc0-QI1Fz9OqBg5hWFw.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_BAPzpnzXXQaEs0tvM0c_0KQVKPEEH0S_Fq2K6aPbSN0.CzbujBt12a1kMbf7-7K78RfQl1LymIT7SDA1qPGpvBc.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_khVczmAsYqENIgVlBASk4dr6YMJGieQUN01CWufRqSQ.PJ_nz1V24rCzb1v4bzQPQiOj_ReTgBhde_gFoQlDGCA.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_hIwJIlvo137BOnbCoypX3womljNWtKK94YoRaXFCXgw.WXJOQbMUmQY-EZ_BN5Hg2ApfSK7uxcUFtdl-Wqc1t88.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_-sUbc8UkE_YNDq2M0mol71y0bFmr1ZRphKw-TsDOwco.cCy2jWy5bChw0Eoe_SMftN3vku6IGxyGRLRjcmQwMsI.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_bFNKgmSyMljaBIwLJd4jvYyt7ViQkRrl4AYaTIx83rY.YMpXZdbxXK4Z6Vjd6Njuan5Mod0RsD6NLZj1ZKv2F_o.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_hHiXYcqbtUdM9A47x2OY32FQL-jcmzEuRfaoj_VPQAk.uck1Ew8G4nLkRQAW83bRxHpnkQoY4w4kIHc1jZfC-E0.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_ZjgB876c_XPXZ12WzijHOpo6TI-ZDH1Nw6JjQcyONFo.gatAxFSBxpXXHxKIHcg8xGplmEEHTQEC4WVjAfl1Kl8.css?slj6jb" /> <link rel="stylesheet" media="all" href="//stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_-R342yzcGZfuc-VhelLbFX4uZgO1fp3onIyh6gkMhrc.J01z8ys9GVDGdk0Je7wXm1OBKUvL13Fez8jWiWLWDTM.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_fsbs2c_hRt4vGGVrZqSgDh_8UFBVX6Ho6LGNNiJSJl4.l75xQMxbbJIa9pLUHx8fVOeC1CVl0v7By54UZgY8fN4.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_zcp2Yt859dqK-_Glb7rQwBe0iYSo9D9agvuNtTEF0e0.vAzTsfZ9Wvl98JLvf3e5QSMQbMIKljipgnemGs3PRIk.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_B5-_UaDNi4yjYkByyHRl695vOIW9lHki_yGPhyfegPA.KDbw5qXlMAUtdoepa4wdVNRaKpOrY1WAp-vJLtDJkp4.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_sAGHJbyDro8XNvXlY_ogxdioaHUVjJ8kFlNUrT9N62c.RKBNs1_I64MkZLEDRqGyIIXX2-Q2a70LTwJpu_gaVT8.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_VofrHqoVHulZXw2vCFKj9zPMpYqJl8oGGXPVL_7w5uE.5IrR14stA0vPJ0vgC6n_URbEIGtS1nknpzO9uH82EuE.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_fTXaR3tGGqLcQOFP_597296057bb_7dKfzGDki1lbr8._vU43HG6rfliKCSA0SyHjNuBClt_EV28cTLZAUC1CH4.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_7tbvFhEUheURQbDhwRE-tJVH7Nqr8FbxPsXRSMds9xg.ZboRw1d-PnjVJJXfG94pqW-GXRSclKhuyIb-8_yRInA.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_IDF47-2mFiff5mn33dsnvwkYgJUoHsXhhsk2i-Bc10A.SygOqdnnmDV_VxAi6XTINBaE3B1AxvesACKRp1XlGxQ.css?slj6jb" /> <link rel="stylesheet" media="all" href="//use.fontawesome.com/releases/v5.13.0/css/all.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_jid1riRmMtEuU2QbuB5MHTsy27yd5Lh3RrAtZm6Othc.HJBQsSIBpx-JM7OVaG1rcSwfXZOnavDibGd5eISpFmk.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_3pAqVpjNLIPFa0o8Q_Y_BH05cxxJSVxj9h-F6hwSLKs.qyx5KVRe0TiFC1XTmh4Nw631Ar_qDKxOqmozIXEkkWw.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_OKgA6BpWJnt88euUrLGDHrtkGm6MT9HTNFT51OcGHrY.7SudiE_-_v-ZXzmwOZL1TONxWqThG2aIaKu80d64PUI.css?slj6jb" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/optimized/css_ZDzHSigqkL72UMRq98rX_2pxBpXlPPsj49fPb9lT9Io.LOQGkMBRI1TgqC1PHiVF17_Ki0XWfYMpSpN39VafrYI.css?slj6jb" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="/sites/default/files/js/optimized/js_NkZ1aSCmlEM5aBPfZUef7Qgot_iMa5fsvXUidVTXV6c.UDsEhHo93kG3-tWOtfaLlrLCcviLO57OLTAmsrocROE.js?slj6jb"></script> </head> <body class="layout-no-sidebars has-featured-top page-node-2 path-node node--type-our-service"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NG2HNW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: * page--node--our-service.html.twig * page--node--2.html.twig * page--node--%.html.twig * page--node.html.twig x page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/layout/page.html.twig' --> <div id="page-wrapper"> <div id="page"> <header id="header" class="header" role="banner" aria-label="Site header"> <nav class="navbar orenji" id="navbar-top"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--secondary-menu.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/layout/region--secondary-menu.html.twig' --> <section class="row region region-secondary-menu"> <div class="col-12 d-flex justify-content-between align-items-center mb-3"> <a href="/" title="Home" rel="home" class="navbar-brand"> <img src="/sites/default/files/dev/os-logo-white.svg" alt="Home" class="img-fluid"> </a> <button type="button" class="navbar-toggler-sec" data-toggle="collapse" data-target="#sec-navbar" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="col-12"> <div class="row"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mainnavigation-2.html.twig * block--system-menu-block--main.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/block/block--system-menu-block.html.twig' --> <nav role="navigation" aria-labelledby="block-mainnavigation-2-menu" id="block-mainnavigation-2" class="col-12 col-lg-7 menu--main-left block block-menu navigation menu--main"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: * menu--main.html.twig x menu--main--mainnavigation-2.html.twig * menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/navigation/menu--main--mainnavigation-2.html.twig' --> <ul block="block-mainnavigation-2" class="clearfix nav navbar-nav"> <li class="nav-item menu-item--expanded active dropdown"> <ul block="block-mainnavigation-2" class="clearfix nav navbar-nav"> <li class="nav-item active"> <a href="/web-design-kl" data-drupal-link-system-path="node/2" class="is-active">Web Design</a> </li> <li class="nav-item"> <a href="/web-application" data-drupal-link-system-path="node/3">Web Application</a> </li> <li class="nav-item"> <a href="/web-maintenance-services" data-drupal-link-system-path="node/4">Web Maintenance</a> </li> <li class="nav-item"> <a href="/ecommerce-development" class="nav-link-ecommerce" data-drupal-link-system-path="node/49">eCommerce Development</a> </li> <li class="nav-item"> <a href="/business-email-services" class="nav-link-email-services" data-drupal-link-system-path="node/50">Business Email Services</a> </li> <li class="nav-item"> <a href="/digital-marketing" class="nav-link-digital-marketing" data-drupal-link-system-path="node/51">Digital Marketing</a> </li> </ul> </li> </ul> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/navigation/menu--main--mainnavigation-2.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mainnavigation-3.html.twig * block--system-menu-block--main.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/block/block--system-menu-block.html.twig' --> <nav role="navigation" aria-labelledby="block-mainnavigation-3-menu" id="block-mainnavigation-3" class="col-12 col-lg-4 offset-lg-1 menu--main-right block block-menu navigation menu--main"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: x menu--main.html.twig * menu--main--mainnavigation-3.html.twig x menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/navigation/menu--main.html.twig' --> <ul block="block-mainnavigation-3" class="clearfix nav navbar-nav"> <li class="nav-item menu-item--expanded active dropdown"> <a href="" class="nav-link active dropdown-toggle primary-menu-link primary-only nav-link-services" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Services</a> <ul class="dropdown-menu"> <li class="dropdown-item active"> <a href="/web-design-kl" class="nav-link active nav-link-web-design is-active" data-drupal-link-system-path="node/2">Web Design</a> </li> <li class="dropdown-item"> <a href="/web-application" class="nav-link nav-link-web-application" data-drupal-link-system-path="node/3">Web Application</a> </li> <li class="dropdown-item"> <a href="/web-maintenance-services" class="nav-link nav-link-web-maintenance" data-drupal-link-system-path="node/4">Web Maintenance</a> </li> <li class="dropdown-item"> <a href="/ecommerce-development" class="nav-link-ecommerce nav-link nav-link-ecommerce-development" data-drupal-link-system-path="node/49">eCommerce Development</a> </li> <li class="dropdown-item"> <a href="/business-email-services" class="nav-link-email-services nav-link nav-link-business-email-services" data-drupal-link-system-path="node/50">Business Email Services</a> </li> <li class="dropdown-item"> <a href="/digital-marketing" class="nav-link-digital-marketing nav-link" data-drupal-link-system-path="node/51">Digital Marketing</a> </li> </ul> </li> <li class="nav-item"> <a href="/" class="nav-link nav-link-home" data-drupal-link-system-path="<front>">Home</a> </li> <li class="nav-item"> <a href="/about-us" class="nav-link nav-link-about-us" data-drupal-link-system-path="node/10">About Us</a> </li> <li class="nav-item"> <a href="/portfolio" class="primary-menu-link nav-link primary-menu-link primary-menu-link nav-link-portfolio" data-drupal-link-system-path="node/14">Portfolio</a> </li> <li class="nav-item"> <a href="/why-drupal" class="nav-link nav-link-why-drupal" data-drupal-link-system-path="node/29">Why Drupal?</a> </li> <li class="nav-item"> <a href="/blog" class="nav-link nav-link-blog">Blog</a> </li> <li class="nav-item"> <a href="/career" class="nav-link nav-link-career" data-drupal-link-system-path="node/40">Career</a> </li> <li class="nav-item"> <a href="/contact-us" class="primary-menu-link nav-link primary-menu-link primary-menu-link nav-link-contact" data-drupal-link-system-path="node/13">Contact</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/navigation/menu--main.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/block/block--system-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--socialmedia.html.twig * block--system-menu-block--social-media.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/block/block--system-menu-block.html.twig' --> <nav role="navigation" aria-labelledby="block-socialmedia-menu" id="block-socialmedia" class="col-12 col-lg-4 offset-lg-8 block block-menu navigation menu--social-media"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__social_media' --> <!-- FILE NAME SUGGESTIONS: * menu--social-media.html.twig * menu--social-media--socialmedia.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/navigation/menu.html.twig' --> <ul block="block-socialmedia" class="clearfix nav"> <li class="nav-item"> <a href="https://www.facebook.com/orangesoft" class="nav-link nav-link-facebook" target="_blank">Facebook</a> </li> <li class="nav-item"> <a href="https://twitter.com/orangesoft" class="nav-link nav-link-twitter" target="_blank">Twitter</a> </li> <li class="nav-item"> <a href="https://www.instagram.com/orangesoftwebdesign/" class="nav-link nav-link-instagram" target="_blank">Instagram</a> </li> <li class="nav-item"> <a href="https://www.linkedin.com/company/orangesoft-interactive/" class="nav-link nav-link-linkedin" target="_blank">Linkedin</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/navigation/menu.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/block/block--system-menu-block.html.twig' --> </div> </div> </section> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/layout/region--secondary-menu.html.twig' --> </div> </nav> <nav class="navbar navbar-light bg-white navbar-expand-lg" id="navbar-main"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--header.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--sitebranding.html.twig x block--system-branding-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block--system-branding-block.html.twig' --> <a href="/" title="Home" rel="home" class="navbar-brand"> <img src="/sites/default/files/dev/os-logo-icon.svg" alt="Home" class="img-fluid d-inline-block align-top" /> </a> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block--system-branding-block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <div class="navbar-collapse" id="CollapsingNavbar"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--primary-menu.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--mainnavigation.html.twig * block--system-menu-block--main.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/block/block--system-menu-block.html.twig' --> <nav role="navigation" aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation" class="d-none d-lg-block block block-menu navigation menu--main"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: x menu--main.html.twig * menu--main--mainnavigation.html.twig x menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/navigation/menu--main.html.twig' --> <ul block="block-mainnavigation" class="clearfix nav navbar-nav"> <li class="nav-item menu-item--expanded active dropdown"> <a href="" class="nav-link active dropdown-toggle primary-menu-link primary-only nav-link-services" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Services</a> <ul class="dropdown-menu"> <li class="dropdown-item active"> <a href="/web-design-kl" class="nav-link active nav-link-web-design is-active" data-drupal-link-system-path="node/2">Web Design</a> </li> <li class="dropdown-item"> <a href="/web-application" class="nav-link nav-link-web-application" data-drupal-link-system-path="node/3">Web Application</a> </li> <li class="dropdown-item"> <a href="/web-maintenance-services" class="nav-link nav-link-web-maintenance" data-drupal-link-system-path="node/4">Web Maintenance</a> </li> <li class="dropdown-item"> <a href="/ecommerce-development" class="nav-link-ecommerce nav-link nav-link-ecommerce-development" data-drupal-link-system-path="node/49">eCommerce Development</a> </li> <li class="dropdown-item"> <a href="/business-email-services" class="nav-link-email-services nav-link nav-link-business-email-services" data-drupal-link-system-path="node/50">Business Email Services</a> </li> <li class="dropdown-item"> <a href="/digital-marketing" class="nav-link-digital-marketing nav-link" data-drupal-link-system-path="node/51">Digital Marketing</a> </li> </ul> </li> <li class="nav-item"> <a href="/" class="nav-link nav-link-home" data-drupal-link-system-path="<front>">Home</a> </li> <li class="nav-item"> <a href="/about-us" class="nav-link nav-link-about-us" data-drupal-link-system-path="node/10">About Us</a> </li> <li class="nav-item"> <a href="/portfolio" class="primary-menu-link nav-link primary-menu-link primary-menu-link nav-link-portfolio" data-drupal-link-system-path="node/14">Portfolio</a> </li> <li class="nav-item"> <a href="/why-drupal" class="nav-link nav-link-why-drupal" data-drupal-link-system-path="node/29">Why Drupal?</a> </li> <li class="nav-item"> <a href="/blog" class="nav-link nav-link-blog">Blog</a> </li> <li class="nav-item"> <a href="/career" class="nav-link nav-link-career" data-drupal-link-system-path="node/40">Career</a> </li> <li class="nav-item"> <a href="/contact-us" class="primary-menu-link nav-link primary-menu-link primary-menu-link nav-link-contact" data-drupal-link-system-path="node/13">Contact</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/navigation/menu--main.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/block/block--system-menu-block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <button type="button" class="navbar-toggler-sec collapsed" data-toggle="collapse" data-target="#sec-navbar" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> </nav> </header> <div class="highlighted"> <aside class="container-fluid section clearfix" role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--highlighted.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--orangesoft-messages.html.twig x block--system-messages-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> </aside> </div> <div class="featured-top"> <aside class="featured-top__inner section container-fluid clearfix" role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--featured-top.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="region region-featured-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--orangesoft-page-title.html.twig * block--page-title-block.html.twig * block--core.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-orangesoft-page-title" class="sr-only block block-core block-page-title-block"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page_title' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/content/page-title.html.twig' --> <h1 class="title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--our-service.html.twig x field--node--title.html.twig * field--node--our-service.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Web Design & Developer KL</span> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--node--title.html.twig' --> </h1> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/content/page-title.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </aside> </div> <div id="main-wrapper" class="layout-main-wrapper clearfix"> <div id="main" class="container-fluid"> <div class="row row-offcanvas row-offcanvas-left clearfix"> <main class="main-content col px-0" id="content" role="main"> <section class="section"> <a id="main-content" tabindex="-1"></a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: x region--nowrap.html.twig * region--content.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--orangesoft-content.html.twig * block--system-main-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-orangesoft-content" class="block block-system block-system-main-block"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--2--full.html.twig * node--2.html.twig * node--our-service--full.html.twig * node--our-service.html.twig * node--full.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/content/node--our_service.html.twig' --> <article data-history-node-id="2" role="article" about="/web-design-kl" class="node node--type-our-service node--promoted node--view-mode-full clearfix"> <header> </header> <div class="node__content clearfix"> <div class="container"> <div class="row"> <div class="col-12 col-lg-9"> <div class="page-heading-wrapper"><h2 class="page-heading"><p>Be Different</p> <p>Be <span>Memorable</span></p> </h2></div> </div> </div> <div class="row"> <div class="col-12 col-lg-4"> <div class="subtitle normal v-top">Web Design & Developer KL</div> </div> <div class="col-12 col-lg-8"> <div class="page-body"><p><strong>Work with us to get your business an outstanding digital profile with a tailored-made website.聽</strong></p> <p>Create what you desire and shine in the center of digital presence. We are here to tell your unique story and bring design to life, connecting your brand to the world. 聽</p> </div> </div> </div> <div class="images row"> <div class="col-12 col-md-6"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/content/our-services/2021-01/web-design1.png" width="655" height="489" alt="Web Design" loading="lazy" typeof="foaf:Image" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image-formatter.html.twig' --> </div> <div class="col-12 col-md-6"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <img src="/sites/default/files/content/our-services/2021-01/web-design2.png" width="655" height="489" alt="Web Design" loading="lazy" typeof="foaf:Image" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/image-formatter.html.twig' --> </div> </div> <div class="row"> <div class="col-12 col-lg-1 offset-lg-1"> <h3 class="subtitle v-top">Our Expertise</h3> </div> <div class="col-12 col-lg-10"> <h2 class="heading">One-stop Market-Ready Innovation</h2> <div class="short-desc"><p>Every detail is taken into consideration to create seamless customer experience.</p> </div> </div> <div class="col-12 col-lg-10 offset-lg-2"> <div class="features"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-main-content-features--our-service.html.twig * field--node--field-main-content-features.html.twig * field--node--our-service.html.twig * field--field-main-content-features.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-field-main-content-features field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"><div class="row"> <div class="col-12 col-md-3 column"> <p><img alt="Outstanding UI & UX design" data-entity-type="file" data-entity-uuid="688947aa-8d37-479c-921e-1d8faa514fb9" height="98" src="/sites/default/files/inline-images/design-icon1.png" width="98" loading="lazy" /></p> </div> <div class="col-12 col-md-9 column"> <h4>Outstanding UI & UX design聽</h4> <p>Stay unforgettable with customised web design. Navigate your audience through immersive experience with well-crafted design.聽</p> </div> </div> </div> <div class="field__item"><div class="row"> <div class="col-12 col-md-3 column"> <p><img alt="Versatile in all screens." data-entity-type="file" data-entity-uuid="6f035fa0-b044-4f10-91cc-9bbe86c8ad4e" src="/sites/default/files/inline-images/design-icon2.png" width="98" height="98" loading="lazy" /></p> </div> <div class="col-12 col-md-9 column"> <h4>Versatile in all screens.聽</h4> <p>Get dynamic with mobile-friendly design and browser compatibility. 聽Look perfect from all perspectives with dynamic content and images.聽</p> </div> </div> </div> <div class="field__item"><div class="row"> <div class="col-12 col-md-3 column"> <p><img alt="Prominent in Search Engine Ranking " data-entity-type="file" data-entity-uuid="a695dd72-9f71-43df-a8f7-580e5d7cfdba" src="/sites/default/files/inline-images/design-icon3.png" width="98" height="98" loading="lazy" /></p> </div> <div class="col-12 col-md-9 column"> <h4>Prominent in Search Engine Ranking聽</h4> <p>Be the top brands to boost traffic through SEO. 聽Stick at the first page of Google with ideally optimised pages.聽</p> </div> </div> </div> <div class="field__item"><div class="row"> <div class="col-12 col-md-3 column"> <p><img alt="Lightning-fast Pages " data-entity-type="file" data-entity-uuid="7d6a350e-297c-438b-9d2c-50582aab152c" src="/sites/default/files/inline-images/design-icon4.png" width="98" height="98" loading="lazy" /></p> </div> <div class="col-12 col-md-9 column"> <h4>Lightning-fast Pages聽</h4> <p>Speed up the loading duration to an instant. Say no more delays that kills conversions.</p> </div> </div> </div> <div class="field__item"><div class="row"> <div class="col-12 col-md-3 column"> <p><img alt="Rich in social graph " data-entity-type="file" data-entity-uuid="84309b93-db45-48ad-9ed9-04fa4eb2eb96" src="/sites/default/files/inline-images/design-icon5.png" width="98" height="98" loading="lazy" /></p> </div> <div class="col-12 col-md-9 column"> <h4>Rich in social graph聽</h4> <p>Be the hot topic with social media friendliness. Attract new visitors through effective sharing compatibility and formatting.聽</p> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> </div> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-paragraphs--our-service.html.twig * field--node--field-paragraphs.html.twig * field--node--our-service.html.twig * field--field-paragraphs.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--side-by-side--default.html.twig * paragraph--side-by-side.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--side_by_side.html.twig' --> <div class="paragraph paragraph-sideBySide para-padding larger-font" id="paragraph_31"> <div class="container"> <div class="row"> <div class="first_31 col-12 col-md-4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-first-column--side-by-side.html.twig * field--paragraph--field-first-column.html.twig * field--paragraph--side-by-side.html.twig * field--field-first-column.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-first-column field--type-entity-reference-revisions field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--body--default.html.twig x paragraph--body.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--body.html.twig' --> <div class="paragraph paragraph-body paragraph--type--body paragraph--view-mode--default" id="paragraph_29"> <div class="body"><h2>Meet our wild card - Drupal</h2> <p data-aos="fade-right"><img alt="Meet our wild card - Drupal" data-entity-type="file" data-entity-uuid="542b9725-b7b6-4615-b181-5285e92c2455" src="/sites/default/files/inline-images/Group%208880.png" width="743" height="453" loading="lazy" /></p> </div> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--body.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </div> <div class="second_31 col-12 col-md-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-second-column--side-by-side.html.twig * field--paragraph--field-second-column.html.twig * field--paragraph--side-by-side.html.twig * field--field-second-column.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-second-column field--type-entity-reference-revisions field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--body--default.html.twig x paragraph--body.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--body.html.twig' --> <div class="paragraph paragraph-body paragraph--type--body paragraph--view-mode--default" id="paragraph_30"> <div class="body"><p>We don鈥檛 merely choose our platforms based on popularity. 聽Drupal is a Content Management System (CMS) that checks all the boxes, big and small.聽</p> <p>聽</p> <p>聽</p> <ul> <li><strong>Absolutely future-proof</strong><br /> With its scalable features, growing traffic and additional functionalities are welcome.聽</li> <li><strong>User-friendly</strong><br /> Easy to manage; even your intern can master it!聽</li> <li><strong>Near zero chance of being hacked</strong><br /> Be at ease with frequent security updates and measures.</li> </ul> <p>聽</p> <p><a class="btn btn-primary" href="/why-drupal" title="See more reasons why we chose Drupal">SEE MORE REASONS WHY WE CHOSE DRUPAL聽</a></p> </div> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--body.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--side_by_side.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--side-by-side--default.html.twig * paragraph--side-by-side.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--side_by_side.html.twig' --> <div class="paragraph paragraph-sideBySide grey fluid-container offset-left" id="paragraph_33"> <div class="container"> <h3 class="heading">Your story is our story. </h3> <div class="row"> <div class="first_33 col-12 col-md-4"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-first-column--side-by-side.html.twig * field--paragraph--field-first-column.html.twig * field--paragraph--side-by-side.html.twig * field--field-first-column.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-first-column field--type-entity-reference-revisions field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--body--default.html.twig x paragraph--body.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--body.html.twig' --> <div class="paragraph paragraph-body paragraph--type--body paragraph--view-mode--default short-desc" id="paragraph_32"> <div class="body"><p>Side by side we grow as we create and share this journey together.聽</p> </div> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--body.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </div> <div class="second_33 col-12 col-md-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-second-column--side-by-side.html.twig * field--paragraph--field-second-column.html.twig * field--paragraph--side-by-side.html.twig * field--field-second-column.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-second-column field--type-entity-reference-revisions field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--body--default.html.twig x paragraph--body.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--body.html.twig' --> <div class="paragraph paragraph-body paragraph--type--body paragraph--view-mode--default carousel carousel-2" id="paragraph_34"> <div class="body"><div class="text-align-center mb-3"><img alt="Get a support team behind your back" data-entity-type="file" data-entity-uuid="a3e1f447-6ed1-47fa-a597-b9b29c1b9285" src="/sites/default/files/inline-images/WebDesign_SupportTeam.png" width="425" height="323" loading="lazy" /></div> <h5 class="text-align-center">Get a support team behind your back聽</h5> <p class="text-align-center">We are here to provide solutions with our specialised experts.聽</p> </div> <div class="body"><div class="text-align-center mb-3"><img alt="Stay assured with warranty" data-entity-type="file" data-entity-uuid="85e2080d-209a-4403-a67b-550fe29b01a2" src="/sites/default/files/inline-images/WebDesign_SupportTeam-1.png" width="425" height="323" loading="lazy" /></div> <h5 class="text-align-center">Stay assured with warranty</h5> <p class="text-align-center">Be worry-free with 12-months system warranty.聽</p> </div> <div class="body"><div class="text-align-center mb-3"><span id="cke_bm_824S" style="display: none;"><span id="cke_bm_1099S" style="display: none;">聽</span>聽</span><img alt="Keep your website growing" data-entity-type="file" data-entity-uuid="c00ed7fb-7bbd-433f-a8ee-c28a42bf5f07" src="/sites/default/files/inline-images/WebDesign_Warranty.png" width="425" height="323" loading="lazy" /></div> <h5 class="text-align-center">Keep your website growing</h5> <p class="text-align-center">Get reliable advices and recommendations with many years of our experience.聽</p> </div> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--body.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--side_by_side.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--block-reference--default.html.twig * paragraph--block-reference.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--block_reference.html.twig' --> <div class="paragraph paragraph-block orenji para-padding paragraph--type--block-reference paragraph--view-mode--default" id="paragraph_38"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-block-reference--block-reference.html.twig * field--paragraph--field-block-reference.html.twig * field--paragraph--block-reference.html.twig x field--field-block-reference.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/field/field--field-block-reference.html.twig' --> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--block-content--31af25b0-1dd1-4671-b0f5-dcae54baa6c8.html.twig * block--block-content.html.twig * block--type--webform-block.html.twig * block--block-content.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/block/block--type--webform_block.html.twig' --> <div class="block block-block-content block-block-content31af25b0-1dd1-4671-b0f5-dcae54baa6c8"> <div class="content"> <div class="container"> <div class="row"> <div class="col-12 col-md-4"> <div class="field_desc text-right"> <h3> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--field-heading--webform-block.html.twig * field--block-content--field-heading.html.twig * field--block-content--webform-block.html.twig * field--field-heading.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-heading field--type-string field--label-hidden field__item">Ready for bring your ideas to life? Let鈥檚 talk!</div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </h3> <div class="short-desc ml-auto"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--webform-block.html.twig * field--block-content--body.html.twig * field--block-content--webform-block.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>We鈥檙e excited to hear from you.</p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> </div> <div class="col-12 col-md-7 offset-md-1"> <div class="field_webform"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--field-webform--webform-block.html.twig * field--block-content--field-webform.html.twig * field--block-content--webform-block.html.twig * field--field-webform.html.twig * field--webform.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> <div class="field field--name-field-webform field--type-webform field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'webform' --> <!-- FILE NAME SUGGESTIONS: * webform--contact.html.twig x webform.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/webform/templates/webform.html.twig' --> <form class="webform-submission-form webform-submission-add-form webform-submission-contact-form webform-submission-contact-add-form webform-submission-contact-block_content-3-form webform-submission-contact-block_content-3-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-contact-block-content-3-add-form" action="/web-design-kl" method="post" id="webform-submission-contact-block-content-3-add-form" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'webform_submission_form' --> <!-- FILE NAME SUGGESTIONS: * webform-submission-form--contact.html.twig x webform-submission-form.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/webform/templates/webform-submission-form.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <fieldset class="js-form-item js-form-type-textfield form-type-textfield js-form-item-name form-item-name form-no-label form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <label for="edit-name" class="sr-only js-form-required form-required">Name</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: * input--textfield.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="255" placeholder="Name *" class="required form-control" required="required" aria-required="true" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <fieldset class="js-form-item js-form-type-textfield form-type-textfield js-form-item-company form-item-company form-no-label form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <label for="edit-company" class="sr-only">Company</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: * input--textfield.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-company" type="text" id="edit-company" name="company" value="" size="60" maxlength="255" placeholder="Company" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-tel.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <fieldset class="js-form-item js-form-type-tel form-type-tel js-form-item-phone-number form-item-phone-number form-no-label form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <label for="edit-phone-number" class="sr-only js-form-required form-required">Phone Number</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__tel' --> <!-- FILE NAME SUGGESTIONS: * input--tel.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-phone-number" type="tel" id="edit-phone-number" name="phone_number" value="" size="30" maxlength="128" placeholder="Phone Number *" class="form-tel required form-control" required="required" aria-required="true" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-email.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <fieldset class="js-form-item js-form-type-email form-type-email js-form-item-email form-item-email form-no-label form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <label for="edit-email" class="sr-only js-form-required form-required">Email</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__email' --> <!-- FILE NAME SUGGESTIONS: * input--email.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="Email *" class="form-email required form-control" required="required" aria-required="true" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textfield.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <fieldset class="js-form-item js-form-type-textfield form-type-textfield js-form-item-website-url form-item-website-url form-no-label form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <label for="edit-website-url" class="sr-only">Website URL</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__textfield' --> <!-- FILE NAME SUGGESTIONS: * input--textfield.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-website-url" type="text" id="edit-website-url" name="website_url" value="" size="60" maxlength="255" placeholder="Website URL" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-textarea.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <fieldset class="js-form-item js-form-type-textarea form-type-textarea js-form-item-message form-item-message form-no-label form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <label for="edit-message" class="sr-only">Your Message</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'textarea' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/textarea.html.twig' --> <div class="form-textarea-wrapper"> <textarea data-drupal-selector="edit-message" id="edit-message" name="message" rows="5" cols="60" placeholder="Your Message" class="form-textarea form-control resize-vertical"></textarea> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/textarea.html.twig' --> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- FILE NAME SUGGESTIONS: * form-element--webform-select.html.twig x form-element.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-budget form-item-budget form-no-label form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <label for="edit-budget" class="sr-only">Budget Range</label> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'select' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/select.html.twig' --> <select data-drupal-selector="edit-budget" aria-describedby="edit-budget--description" id="edit-budget" name="budget" class="form-select custom-select"><option value="" selected="selected">Budget Range</option><option value="RM6,000 - RM11,000">RM6,000 - RM11,000</option><option value="RM12,000 - RM23,000">RM12,000 - RM23,000</option><option value="RM24,000 - RM47,000">RM24,000 - RM47,000</option><option value="RM48,000+">RM48,000+</option><option value="Not Decided">Not Decided</option></select> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/select.html.twig' --> <small class="description text-muted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/form/container.html.twig' --> <div id="edit-budget--description" class="webform-element-description"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'webform_html_editor_markup' --> <!-- BEGIN OUTPUT from 'modules/contrib/webform/templates/webform-html-editor-markup.html.twig' --> We just need to know your budget range so that we know the appropriate solution and systems suitable for you. <!-- END OUTPUT from 'modules/contrib/webform/templates/webform-html-editor-markup.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/form/container.html.twig' --> </small> </fieldset> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'captcha' --> <!-- BEGIN OUTPUT from 'modules/contrib/captcha/templates/captcha.html.twig' --> <div data-drupal-selector="edit-captcha" class="captcha"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: * input--hidden.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="53452" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: * input--hidden.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="VoslGmg-SEQqbdVYQATSQnCNxvHonBGExxpiJtz2y48" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: * input--hidden.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input id="recaptcha-v3-token" class="recaptcha-v3-token form-control" data-recaptcha-v3-action="submit_form" data-recaptcha-v3-site-key="6Lfr4pwpAAAAANF6ycgGqnuYVRk7hqxgeRPkBLfX" data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: * input--hidden.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-is-recaptcha-v3" type="hidden" name="is_recaptcha_v3" value="1" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/captcha/templates/captcha.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/form/container.html.twig' --> <div class="d-inline-block form-actions webform-actions js-form-wrapper form-group" data-drupal-selector="edit-actions" id="edit-actions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'webform_actions' --> <!-- BEGIN OUTPUT from 'modules/contrib/webform/templates/webform-actions.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: * input--submit.html.twig x input--submit-button.html.twig * input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input--submit-button.html.twig' --> <button class="webform-button--submit btn btn-primary button button--primary js-form-submit form-submit btn btn-primary" data-drupal-selector="edit-actions-submit" type="submit" id="edit-actions-submit" name="op" value="Get Started">Get Started</button> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input--submit-button.html.twig' --> <!-- END OUTPUT from 'modules/contrib/webform/templates/webform-actions.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/form/container.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: * input--hidden.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-1krx-8z-km977qiyunlbmr8qhni-vpajmcucrzeyji" type="hidden" name="form_build_id" value="form-1KRX-8z_KM977qIYUNLBMR8qHNI_-VpajMCUcRZeYjI" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: * input--hidden.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <input data-drupal-selector="edit-webform-submission-contact-block-content-3-add-form" type="hidden" name="form_id" value="webform_submission_contact_block_content_3_add_form" class="form-control" /> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/form/input.html.twig' --> <!-- END OUTPUT from 'modules/contrib/webform/templates/webform-submission-form.html.twig' --> </form> <!-- END OUTPUT from 'modules/contrib/webform/templates/webform.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </div> </div> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/block/block--type--webform_block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/field/field--field-block-reference.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/paragraphs/paragraph--block_reference.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field.html.twig' --> </div> </article> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/content/node--our_service.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--views-block--discover-more-block-2.html.twig * block--views-block--discover-more-block-2.html.twig * block--views-block.html.twig * block--views.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div class="views-element-container container block block-views block-views-blockdiscover-more-block-2" id="block-views-block-discover-more-block-2"> <h2>Discover More</h2> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/form/container.html.twig' --> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'themes/custom/orangesoft/templates/views/views-view.html.twig' --> <div class="view view-discover-more view-id-discover_more view-display-id-block_2 js-view-dom-id-1914846c679611097643502634ec189dd9c34db99274f73c6737ede7b44fc2ce"> <div class="view-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'semanticviews_style' --> <!-- BEGIN OUTPUT from 'modules/contrib/semanticviews/templates/semanticviews-style.html.twig' --> <div class="row"> <div class="col-12 col-lg-4 col-md-6 column"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'semanticviews_row' --> <!-- BEGIN OUTPUT from 'modules/contrib/semanticviews/templates/semanticviews-row.html.twig' --> <div class="wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <a href="/digital-marketing"> <div class="thumb"> <img src="/sites/default/files/styles/discover_more_image/public/content/our-services/2023-04/marketing-banner-1.png?itok=2mQUTeGO" width="540" height="402" alt="Digital Marketing" loading="lazy" typeof="Image" class="image-style-discover-more-image" /> </div> <h5 class="name">Digital Marketing</h5> </a> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/semanticviews/templates/semanticviews-row.html.twig' --> </div> <div class="col-12 col-lg-4 col-md-6 column"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'semanticviews_row' --> <!-- BEGIN OUTPUT from 'modules/contrib/semanticviews/templates/semanticviews-row.html.twig' --> <div class="wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <a href="/business-email-services"> <div class="thumb"> <img src="/sites/default/files/styles/discover_more_image/public/content/our-services/2022-08/business-email-service-banner-1.png?itok=cB9EGRWz" width="540" height="402" alt="Business Email Services" loading="lazy" typeof="Image" class="image-style-discover-more-image" /> </div> <h5 class="name">Business Email Services</h5> </a> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/semanticviews/templates/semanticviews-row.html.twig' --> </div> <div class="col-12 col-lg-4 col-md-6 column"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'semanticviews_row' --> <!-- BEGIN OUTPUT from 'modules/contrib/semanticviews/templates/semanticviews-row.html.twig' --> <div class="wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <a href="/ecommerce-development"> <div class="thumb"> <img src="/sites/default/files/styles/discover_more_image/public/content/our-services/2022-07/ecommerce-banner-1_0.png?itok=NovALTXp" width="540" height="402" alt="eCommerce Development" loading="lazy" typeof="Image" class="image-style-discover-more-image" /> </div> <h5 class="name">eCommerce Development</h5> </a> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/semanticviews/templates/semanticviews-row.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/contrib/semanticviews/templates/semanticviews-style.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/views/views-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/form/container.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--generalwhatsappfloatingbutton.html.twig * block--block-content--471fbb16-0ca6-442a-82ba-1e48443677e4.html.twig * block--block-content.html.twig * block--type--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-generalwhatsappfloatingbutton" class="block-floating-button block block-block-content block-block-content471fbb16-0ca6-442a-82ba-1e48443677e4"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><a class="btn-whatsapp" href="https://wa.me/+60127888000" target="_blank"><img alt="Whatsapp" height="32" loading="lazy" src="/sites/default/files/dev/whatsapp.png" width="32" /></a></p> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region--nowrap.html.twig' --> </section> </main> </div> </div> </div> <footer class="site-footer"> <div class="site-footer__top clearfix"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-first.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="region region-footer-first"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footercontactus.html.twig * block--block-content--26ca51c1-0762-4c2a-aaef-fe7fe48ed0fc.html.twig * block--block-content.html.twig * block--type--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-footercontactus" class="block block-block-content block-block-content26ca51c1-0762-4c2a-aaef-fe7fe48ed0fc"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="expandable-line-wrapper"> <div class="expandable-line">聽</div> </div> <div class="row"> <div class="col-12 col-lg-1"> <h2 class="subtitle reverse">Contact Us</h2> </div> <div class="col-12 col-lg-11"> <h3><a href="/contact-us">Let's Get Creative Together</a></h3> </div> </div> <div class="d-flex justify-content-between flex-wrap"> <div class="column-1 column"> <p><img alt="orangesoft-logo" data-entity-type="file" src="/sites/default/files/dev/os-logo-icon.svg" style="height: 80px;" /></p> </div> <div class="column-2 column"> <p>Services</p> <ul class="list-unstyled"> <li><a href="/web-design">Web Design</a></li> <li><a href="/web-application">Web Application</a></li> <li><a href="/web-maintenance">Web Maintenance</a></li> <!-- <li><a href="/seo-marketing">SEO Marketing</a></li> --> </ul> </div> <div class="column-3 column"> <p>Contact</p> <ul class="list-unstyled"> <li><a href="tel:+60378903113">+603-7890 3113</a></li> <li><a href="/cdn-cgi/l/email-protection#f3d380929f9680b39c80dd9e8a"><span class="__cf_email__" data-cfemail="80f3e1ece5f3c0eff3aeedf9">[email protected]</span></a></li> </ul> </div> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> </div> <div class="site-footer__bottom"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-fifth.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> <section class="region region-footer-fifth"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footercopyright.html.twig * block--block-content--4ce92233-dd6b-413c-8b9c-bc5ad5e7c590.html.twig * block--block-content.html.twig * block--type--basic.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> <div id="block-footercopyright" class="block block-block-content block-block-content4ce92233-dd6b-413c-8b9c-bc5ad5e7c590"> <div class="content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><ul class="list-unstyled d-flex justify-content-between"> <li> <p>漏 Copyright 2007 -聽2024 Orangesoft Malaysia 200701012044 (770049-P). All Rights Reserved.聽</p> </li> <li> <p>Made with love by us!</p> </li> </ul> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/field/field--text-with-summary.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/block/block.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/bootstrap_barrio/templates/layout/region.html.twig' --> </div> </div> </footer> </div> </div> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/layout/page.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/2","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"bootstrap_barrio\/fontawesome,bootstrap_barrio\/global-styling,bootstrap_barrio\/messages_white,bootstrap_barrio\/navigation,bootstrap_barrio\/node,captcha\/base,core\/jquery.form,orangesoft\/bootstrap_cdn,orangesoft\/global-styling,orangesoft\/slick,paragraphs\/drupal.paragraphs.unpublished,recaptcha_v3\/recaptcha_v3,system\/base,views\/views.module,webform\/webform.dialog,webform\/webform.element.details.save,webform\/webform.element.details.toggle,webform\/webform.element.message,webform\/webform.element.select,webform\/webform.form","theme":"orangesoft","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/web-design-kl?ajax_form=1":true},"webform":{"dialog":{"options":{"narrow":{"title":"Narrow","width":600},"normal":{"title":"Normal","width":800},"wide":{"title":"Wide","width":1000}},"entity_type":"node","entity_id":"2"}},"ajax":{"edit-captcha-response":{"callback":"recaptcha_v3_ajax_callback","event":"change","url":"\/web-design-kl?ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"captcha_response"}}},"user":{"uid":0,"permissionsHash":"4db03e0e205bb245b5024fba7a39b803be03a445be9d0e2ed0b83794973ffeb0"}}</script> <script src="//www.google.com/recaptcha/api.js?render=6Lfr4pwpAAAAANF6ycgGqnuYVRk7hqxgeRPkBLfX" defer async></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="/sites/default/files/js/optimized/js_a5UiM5riCCx8GQk4IPly81KWzPcsHnVhzndmZfqUaTw.S6cLV2ojZbX95bAz3SoeFMCwtro4HOSUtEDXU4tb_gI.js?v=2.2.3"></script> <script src="/sites/default/files/js/optimized/js_Hpe5jrMuKXrV4HSTMApXJsNBxraAgcHUrTjxkwWKqy8.WAwACjcmkq8NLxy46RIrxn54d1YisSTaHvXXMIHQsHA.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_V1oRQ-kJlXBZaEklOtPUe_1t8-l0RS94HJ3gsqxKikc.G_UBaRQ5ZzYefhbPg9UrMFuvaFJwfZpSj6UH9RYu3Ms.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_KRjtvzl6UujB23-j_sF6dqOcbqg2z8ej98A8RU9bGsg.iLU0eV_xkPAirZMT-ns-xut70pFUgPA8QvvcrEw7yIg.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_pbrt6BW6zk2scxcVck6pKOhrsnS-4n6mdUeoPTfK2aM.rPp8Mey2TJZKv19LoFTrebXWwUHSu3Q_8_dFUhdGf2c.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_CbOM1f2ZQjSvD29Vzs3nHYsIjSyprydKvJ38uk-EKzQ.dO1StszSjkNSVnUK2djvoxfezSLbc0RjRNHbi5JicOA.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_hW1rGb2Kgerv3Nv28qmm-BQ80tvi3gEzBPspD6pBvXc.fckFMAVTkA6rDCy4LVlr0agkYl0NZvi2I8J6rnc8hUo.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_SpWiM_QFpYbnP3qrlmV1Aa2OGQVC1G0okd3jErKS1EI.12-7N5C6FrpnVLJ9AA-cWQHOx3J4IlobGx2YfaHcdSw.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_MtyIABJMbmxowB_tfHYlcyx_7jZa39Vd6OT3LaLlgYI.zdvRiCV1gdgq1toeVvjW30CAntxEXmTrolybmMS_qd0.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_yt_B6-UYT74y4dRKoGQ9gfLb0O0RDb4vG2LIGOYlHq8.EfuVeLHM35SFqxJRSvgmFl9YHWY2FzoPR5H1OPweHiQ.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_4UhuqPqc2MY5S0pjEK-k4n7DdJ7PD_M5YaTWzny9odQ.t-lj8m1NqxMQM9En8ZdPeaKkKe5BI38Fs5-mVrwSrro.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_OYMUXIYk_UxVlsQSqo3_hSK3aC6qbx7cz9wNrtTse48.Wdb7q-VB70m7mnnC_cnoE5bxjp8BnTIU1XMSnBqxjxU.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_rJQeYB7caXNCdmgzJ4t5f6f6CrVuk9_CJlqK8yDBzqk.CCtd7BRaU4JpaVYSlnu6bwngZ6YhCNq3OCQ0o4Jbw8Q.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_nid2EqpGhQxAdRhxM2zJwYiR530Ld4zghmElZoqjxgU.5yQjuLnkinnRnYuWn9YeFYg_8sC75IFPebDtVcfItl8.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_A7R00KDzeuDMEsk6DOs_s2ZrOjO5c23zgXuffR4Khqc.eUh4Nu86CWF7FJGCH2E8-0Iq-TlAb1_jkGDD_iOegpY.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_4VhSX4lEyBg9lxgOnT6eUHtdfwq4GgGv6TSm_aWIhzc.lTwLvxot1ruGIV95GQ9lHD8QpuyufJ4eSsqdAne943Q.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_VycJ3FTVVaVyhSCcLXYEaSJoilQ8WxeImUFAjqgR5Y8.D0YC7lzZQ-NNlnKRNJxVjO0mFNBwknyscV20Svwb7J4.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_Ry7vynlNZLLNpd3_JR7HvKHRX_GH0raz-kB756oJv3g.D0YedSXqra_kJe6XrFXTD43chXa6AIAOAiQ0J8K-lgw.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_osCIx8qqQgaunpgKzYC-jq1mXs9IpwKeKHrdaRLB_3U.aS9ZGHNp-yj8ouv2wQX4w62mZyNHKEXafYSZ-G5Umfk.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_lNNrNT4DCBa44pHdIKNTJePiRdBbM8pc5jb6GutW4Lg.pCd8b-jgBo12cFXNxxu7hyCqJ50hsvDLNVmLifrTyas.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_uGFg_m68DgfTqICfjqaDbQfLeOSIqC1VRRBFyTlFYTk.XhNngBbZ3P6OQ_pis6ueAbk4xfKKIMGpmNI-kSOKylc.js?v=9.1.4"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="//stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> <script src="/sites/default/files/js/optimized/js_dY_6_vinV2mE32UMgr-YDuCKTNO8rc5svP14RqlTfi0.KykGb-aPJhJmiWivK8BTGoO0OE0b5UhwEQ7yin1iovo.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_zjiNktHGJrU_oK42sVeKVMCziaTD06VNfei3ymnVoSI.xNzaPMQ5jQVfDZW3zahNrMYK5KG6wQRvcFVGRltWAiE.js?v=9.1.4"></script> <script src="/themes/custom/orangesoft/vendor/aos-master/dist/aos.js?v=9.1.4" defer></script> <script src="/sites/default/files/js/optimized/js_5lyEgtuYzFbknt789sXbvgY6WOEBhn68zCRaGR5wIJc.XOTyaiO8KSCCBoPO1jeyt_sY4lYwMN_g6t4a109unI0.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_qBhNqN32qT_fI9ckz7-wcRxCZaQy-k_oY4794w6QOwk.wjC4u0c_r-Onz6CueuHi1g0djkPyiWelRfoabrJR_Sg.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_RpLV1j1SEgkAOBNxIxvzKXRlefOlhPa03lpGt46bJEg.Z96wWLsDyqftkV4ZPi2d-CHz0KyhRIFpBMXfRTJtr0U.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_mjv4qhOv2_1-EQeYpZwvWqHcMokP3Cu36uHh9tRNXFY._hZKQ4Y0qogGbH0QY73D496E0F4tAR9lCc3ydokFuAE.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_KKcnkUdYKB53TMNVsf6RrHXCgsIpqtdkf2utxTGblLc.0wxt0lk4STEC5duHnBBM5IgKQm6h1VrTOYWBNtnWIrI.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_kX_io-fynaVxr7hsmpnwBq9bFC5gzI4bJ8DgZmpTAPE.0JU_YgmBTMVIpJq5SCiylJcekiggnDPjSRnCp3Nukvs.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_XrfmCmDqLTCEPh8gnU8hVIYf5mJPXNeZp91Zu1g8f9Y.XxR_gVIlfaqCRTkArNe00dGiHd7cUP0rUICs0aXS2fQ.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_xTMVqsdfgSLZsrDVnB0yeJ_u8fjPX7MQHI1nVihqNuE.a6EkjZdUzXKpOlFvkIdko9OCT3-Nxi7vkKWYFCZWygE.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_gEmjNg-vrsVI816UzVFe6X3vlSx0FTpPgKUR0axgrXs.6piBirqoj0xlrJfjLpNKWD1pX4jShohIJklBDpXUjKU.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_J05cWfCFFxc6Ntk7FqEMfp2MqvFE0LYhqPR-d5pkpX4.bkkUqh7er67rkwvc1qyvSrI1aks5dNRNfIOUXkCuk6Q.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_DB1pt9EyFJ14MM4u0q_UUdhcwWPwrgl0M8Ao_U1cQKw.GeLorlW0oS6gGtzFoi5nB38LEZrQgoUP7vjFniiWGZc.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_shtMqRNOVBaAvLi9-CpiCI1loPsDLJlEM8e0qdxIyaA.k2897QeORddFx7JjYuQtkrv2L9wXOKaFpCwp79ddDXU.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_trjIfy6wGxnxz9PVSI8rA84dA6HxX_Lw5W4uUlw0Xs0.GlrMS_HSYDBxJKE8uudIdgvz2Mvd4BIqbhjkQU5aIM0.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_2hr-YHySYMDuptPCwhH1H7CfNShEa93koPpOo_581D4.8XdvkjWdfVe7rHwlqhVXVECTZ3WalMRrw06Ww9EsU5o.js?v=1.12.1"></script> <script src="/sites/default/files/js/optimized/js_GrQl3TMVBdSFgif7bkvIVoCWbf9SY3sm8jianc5MBYI.hWkpwImGY9vJbrC5eAjTNy8zRO9Rqra4NFF_GPqnjQ8.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_4bZGp8eSSkr0AcYEB06FWt2zMZLqDhKxz6gEhKnO5X0.60NNvgAv1mMQ3lXj-O4xPjpR6Ey-b75TxeTrFMcPalY.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_dOdL6MKe8Xi7Kps6emaAgxWRpDXYc7U7glpIUKIBOiA.Bn1RBYQ58xqNN_UT1dYIH6a1hBN9FAG-EO0iACVD9wA.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_pAeG7RDQ-OzGHleM9CUkMdi9zEEk47tzKuWhzA1rUBM.ZaDhRuWwgReAwKUmM0VLWjsmVs5XU7tju-6Zz-43zn8.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_ZWXtojS4CiXzRGStANjwUwl7Bk2Fbt1XoSa9giQN9iE.RwkOtVNf4DDVcqsHCXurZy9mqQNfQOvjyOvqnC6kyX0.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_7txYp6HbvPrwFclrh2v4tcaDI7gyTTlu-KgwO7mQg1w.u9hSvmmy9RgapGprrR8jqQ-i6rkYZSJHNtS7_9FmCCU.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_KnxXGkJpHG8kOGHXwfHKXMWAiaWprlfnA_jjmOcIorw.oQdIbReMY96MwJvT32yL8ertdgYfwOT6IEFPACk0khw.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_OEIO6SNO4Py3aIA7kdbQxrCL-oz9XfuG5XYpRwRxzu0.BXmebvTIFKQgviFr8GF48lP8tCxfDIgJ6bYclFdOdzM.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_CK8rnR3isPGMaS7xkRFDP_iW2kNPKGge9CwV-KxoBbc.bPdZPThqyVmo4zOmc1EA7Rpd3W4tJ3D0sUMU8kV-sCM.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_F1_WGURKgcgU7yO53MIYbYcsI37GpYB4CFB_sidnsNU.Pl7qq8jl1N1JVzMc_h17swQbWtsWX9089QXb2W5t9K8.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_r6pJi3g1gHCc_cHa2qvkAduTr4Qyb543fkJPYoPFeNY.193wM87VCB2YGbtq-Va9scB8qDDzjc0S0mmvwFr7vk4.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_DrW304fuY5nIkcGbpi_YEDngWrbBgG59qXzKkbXajFc.wlxO5IXXRfAAT7ojzFWwhhf-yJBGlukRxZRcBe92zq4.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_ezwJb8QjKN82W11Y2widYXtFt5DfOo-fgZxIg_9sAik.O1XPkaj1voAvK18sExZlcQm0_LjoPJcSh4qnewRZNtE.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_pnMCP3qumXyMYllIplIwmJVByIAuSlzVK89qZhiZdCc.QYC9VAnvj4RRIcD6jUFT6kmQzvKecq2o7lFuomwXxPA.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_A1d453tsHCXSm8gB_ZRCA_g6bZAfrJt2JTsJoCXJrss.WvYIE7Rg9LnLzllReXsK_xsSRiOw7geADdxOiVmS9uI.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_uvW9geT6o-zLpkJj8L-ccHVzhDVH4Om_S3tf8QF8vWc.7CSoxHIYxYcbPK04kafnP71cKJT7YknwBSEZXsXo3fg.js?v=9.1.4"></script> <script src="/sites/default/files/js/optimized/js_Ts8eP3UOV6bTg9FM9mwPbDab2oaX92v-dSGt7DX-gvw.H4KYMOd0NdR9jPuqwci-NtjWygf5yLWnEHmzDNt29XA.js?v=4.22"></script> <script src="/sites/default/files/js/optimized/js_5QSHZIM0nzRWU7WYerXwMvvPGBjaH2a5ovorMBeSYNo.5EvzcJAVfPnPeyMiAEWAiDtiS95eQV1voppVIIMXJXM.js?v=9.1.4"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/orangesoft/templates/layout/html.html.twig' -->