{"id":153,"date":"2026-07-08T03:03:08","date_gmt":"2026-07-08T03:03:08","guid":{"rendered":"https:\/\/tcmandiri.id\/?page_id=153"},"modified":"2026-07-21T01:28:42","modified_gmt":"2026-07-21T01:28:42","slug":"info","status":"publish","type":"page","link":"https:\/\/tcmandiri.id\/index.php\/info\/","title":{"rendered":"Info &amp; Berita"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"153\" class=\"elementor elementor-153\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6e38fb e-con e-atomic-element e-flexbox-base e-41e1247 \" data-id=\"c6e38fb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c6e38fb\">\n    \t\t<div class=\"elementor-element elementor-element-1c7cfc7 elementor-widget elementor-widget-html\" data-id=\"1c7cfc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<section class=\"tcm-hero\">\r\n\r\n<div class=\"tcm-container\">\r\n\r\n<div class=\"tcm-left\">\r\n\r\n<span class=\"hero-subtitle\">\r\nINFO & BERITA\r\n<\/span>\r\n\r\n<h1>\r\nSolusi Teknologi\r\n<br>\r\nuntuk\r\n<span>Masa Depan<\/span>\r\n<\/h1>\r\n\r\n<p>\r\nKami menghadirkan layanan teknologi informasi yang inovatif,\r\nprofesional, dan terpercaya untuk mendukung transformasi digital\r\nsekolah, instansi, perusahaan, maupun organisasi.\r\n<\/p>\r\n\r\n\r\n<a href=\"https:\/\/tcmandiri.id\/index.php\/aboute\" class=\"btn-outline\">\r\n\r\n<i class=\"far fa-play-circle\"><\/i>\r\n\r\nLihat Profil\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"tcm-right\">\r\n\r\n<div class=\"hero-circle\"><\/div>\r\n<\/div>\r\n<\/section>\r\n<style>\r\n\r\n\/*==============================\r\nGOOGLE FONT\r\n==============================*\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\r\n\r\n*{\r\nmargin:0;\r\npadding:0;\r\nbox-sizing:border-box;\r\nfont-family:'Poppins',sans-serif;\r\n}\r\n\r\nbody{\r\nbackground:#ffffff;\r\noverflow-x:hidden;\r\n}\r\n\r\n\r\n\r\na{\r\ntext-decoration:none;\r\n}\r\n\r\n\/*==============================\r\nHERO\r\n==============================*\/\r\n\r\n.tcm-hero{\r\n\r\nposition:relative;\r\noverflow:hidden;\r\npadding:90px 25px 17px;\r\nbackground:#fffffff;\r\n\r\n}\r\n\r\n.tcm-container{\r\n\r\nmax-width:1300px;\r\nmargin:auto;\r\n\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:space-between;\r\ngap:70px;\r\n\r\n}\r\n\r\n.tcm-left{\r\n\r\nflex:1;\r\nposition:relative;\r\nz-index:5;\r\n\r\n}\r\n\r\n.hero-subtitle{\r\n\r\ndisplay:inline-block;\r\n\r\npadding:0px 22px;\r\n\r\ncolor:#10b981;\r\n\r\nfont-size:16px;\r\n\r\nfont-weight:600;\r\n\r\nborder-radius:50px;\r\n\r\nletter-spacing:1px;\r\n\r\nmargin-bottom:28px;\r\n\r\n}\r\n\r\n.tcm-left h1{\r\n\r\nfont-size:62px;\r\n\r\nfont-weight:800;\r\n\r\nline-height:1.15;\r\n\r\ncolor:#183153;\r\n\r\nmargin-bottom:28px;\r\n\r\n}\r\n\r\n.tcm-left h1 span{\r\n\r\nbackground:linear-gradient(90deg,#00bfa5,#00d4c6,#2dd4bf);\r\n\r\n-webkit-background-clip:text;\r\n\r\n-webkit-text-fill-color:transparent;\r\n\r\n}\r\n\r\n.tcm-left p{\r\n\r\nfont-size:18px;\r\n\r\nline-height:34px;\r\n\r\ncolor:#64748b;\r\n\r\nmax-width:620px;\r\n\r\nmargin-bottom:38px;\r\n\r\n}\r\n\r\n.hero-button{\r\n\r\ndisplay:flex;\r\n\r\ngap:18px;\r\n\r\nflex-wrap:wrap;\r\n\r\n}\r\n\r\n.btn-primary{\r\n\r\ndisplay:inline-flex;\r\n\r\nalign-items:center;\r\n\r\ngap:12px;\r\n\r\npadding:16px 34px;\r\n\r\nborder-radius:50px;\r\n\r\nbackground:linear-gradient(135deg,#10b981,#14c8c2);\r\n\r\ncolor:#fff;\r\n\r\nfont-weight:600;\r\n\r\nbox-shadow:0 15px 35px rgba(16,185,129,.25);\r\n\r\ntransition:.35s;\r\n\r\n}\r\n\r\n.btn-primary:hover{\r\n\r\ntransform:translateY(-5px);\r\n\r\n}\r\n\r\n.btn-outline{\r\n\r\ndisplay:inline-flex;\r\n\r\nalign-items:center;\r\n\r\ngap:12px;\r\n\r\npadding:16px 34px;\r\n\r\nborder:2px solid #10b981;\r\n\r\nborder-radius:50px;\r\n\r\ncolor:#10b981;\r\n\r\nfont-weight:600;\r\n\r\nbackground:#fff;\r\n\r\ntransition:.35s;\r\n\r\n}\r\n\r\n.btn-outline:hover{\r\n\r\nbackground:#10b981;\r\n\r\ncolor:#fff;\r\n\r\n}\r\n\r\n.tcm-right{\r\n\r\nflex:1;\r\n\r\nposition:relative;\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\n\r\nalign-items:center;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n.tcm-right img{\r\n\r\nwidth:100%;\r\n\r\nmax-width:560px;\r\n\r\nposition:relative;\r\n\r\nz-index:3;\r\n\r\n}\r\n\r\n\/*==============================\r\nBACKGROUND EFFECT\r\n==============================*\/\r\n\r\n.hero-circle{\r\n\r\nposition:absolute;\r\n\r\nwidth:550px;\r\n\r\nheight:550px;\r\n\r\n\r\n\r\nborder-radius:50%;\r\n\r\nfilter:blur(60px);\r\n\r\nopacity:.18;\r\n\r\nright:0;\r\n\r\ntop:20px;\r\n\r\nz-index:1;\r\n\r\n}\r\n\r\n.tcm-hero::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:320px;\r\n\r\nheight:320px;\r\n\r\n\r\n\r\nborder-radius:50%;\r\n\r\nleft:-80px;\r\n\r\ntop:-80px;\r\n\r\n}\r\n\r\n.tcm-hero::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:250px;\r\n\r\nheight:250px;\r\n\r\n\r\n\r\nborder-radius:50%;\r\n\r\nright:-80px;\r\n\r\nbottom:20px;\r\n\r\n}\r\n\/*==============================\r\nFLOATING SERVICE\r\n==============================*\/\r\n\r\n.service-floating{\r\n\r\nmax-width:1180px;\r\nmargin:auto;\r\n\r\nmargin-top:-85px;\r\n\r\nbackground:#fff;\r\n\r\nborder-radius:28px;\r\n\r\npadding:35px 40px;\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:repeat(4,1fr);\r\n\r\nalign-items:center;\r\n\r\nbox-shadow:0 20px 60px rgba(0,0,0,.10);\r\n\r\nposition:relative;\r\n\r\nz-index:20;\r\n\r\n}\r\n\r\n.service-item{\r\n\r\ndisplay:flex;\r\n\r\nalign-items:center;\r\n\r\ngap:18px;\r\n\r\npadding:0 20px;\r\n\r\n}\r\n\r\n.service-icon{\r\n\r\nwidth:72px;\r\n\r\nheight:72px;\r\n\r\nborder-radius:20px;\r\n\r\n\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\n\r\nalign-items:center;\r\n\r\nflex-shrink:0;\r\n\r\n\r\n\r\n}\r\n\r\n.service-icon i{\r\n\r\nfont-size:28px;\r\n\r\ncolor:#fff;\r\n\r\n}\r\n\r\n.service-item h3{\r\n\r\nfont-size:20px;\r\n\r\nfont-weight:700;\r\n\r\ncolor:#183153;\r\n\r\nmargin-bottom:8px;\r\n\r\n}\r\n\r\n.service-item p{\r\n\r\nfont-size:15px;\r\n\r\nline-height:24px;\r\n\r\ncolor:#64748B;\r\n\r\n}\r\n\r\n.divider{\r\n\r\nwidth:1px;\r\n\r\nheight:75px;\r\n\r\nbackground:#E5E7EB;\r\n\r\njustify-self:center;\r\n\r\n}\r\n\r\n\/*==============================\r\nHOVER\r\n==============================*\/\r\n\r\n.service-item{\r\n\r\ntransition:.35s;\r\n\r\n}\r\n\r\n.service-item:hover{\r\n\r\ntransform:translateY(-6px);\r\n\r\n}\r\n\r\n.service-item:hover .service-icon{\r\n\r\ntransform:rotate(-8deg) scale(1.06);\r\n\r\ntransition:.35s;\r\n\r\n}\r\n\r\n\/*==============================\r\nRESPONSIVE\r\n==============================*\/\r\n\r\n@media(max-width:1100px){\r\n\r\n.service-floating{\r\n\r\ngrid-template-columns:repeat(2,1fr);\r\n\r\ngap:30px;\r\n\r\npadding:30px;\r\n\r\n}\r\n\r\n.divider{\r\n\r\ndisplay:none;\r\n\r\n}\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.tcm-container{\r\n\r\nflex-direction:column;\r\n\r\ntext-align:center;\r\n\r\ngap:40px;\r\n\r\n}\r\n\r\n.tcm-left p{\r\n\r\nmargin:auto auto 35px;\r\n\r\n}\r\n\r\n.hero-button{\r\n\r\njustify-content:center;\r\n\r\n}\r\n\r\n.service-floating{\r\n\r\ngrid-template-columns:1fr;\r\n\r\nmargin-top:-55px;\r\n\r\npadding:25px;\r\n\r\n}\r\n\r\n.service-item{\r\n\r\npadding:0;\r\n\r\n}\r\n\r\n.tcm-left h1{\r\n\r\nfont-size:42px;\r\n\r\n}\r\n\r\n.hero-subtitle{\r\n\r\nfont-size:13px;\r\n\r\n}\r\n\r\n}\r\n\r\n@media(max-width:480px){\r\n\r\n.tcm-hero{\r\n\r\npadding:70px 20px 120px;\r\n\r\n}\r\n\r\n.tcm-left h1{\r\n\r\nfont-size:34px;\r\n\r\n}\r\n\r\n.tcm-left p{\r\n\r\nfont-size:15px;\r\n\r\nline-height:28px;\r\n\r\n}\r\n\r\n.service-icon{\r\n\r\nwidth:60px;\r\n\r\nheight:60px;\r\n\r\n}\r\n\r\n.service-icon i{\r\n\r\nfont-size:22px;\r\n\r\n}\r\n\r\n.service-item h3{\r\n\r\nfont-size:18px;\r\n\r\n}\r\n\r\n.service-item p{\r\n\r\nfont-size:14px;\r\n\r\n}\r\n\r\n}\r\n\/*=========================================\r\nHERO PREMIUM BACKGROUND\r\n=========================================*\/\r\n\r\n.tcm-hero{\r\nposition:relative;\r\noverflow:hidden;\r\nisolation:isolate;\r\n}\r\n\r\n\/* Gradient Background *\/\r\n\r\n.tcm-hero::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\ntop:-250px;\r\nright:-180px;\r\n\r\nwidth:700px;\r\nheight:700px;\r\n\r\nbackground:\r\nradial-gradient(circle,\r\nrgba(16,185,129,.18) 0%,\r\nrgba(19,201,193,.12) 40%,\r\ntransparent 75%);\r\n\r\nz-index:-3;\r\n\r\n}\r\n\r\n\/* Bottom Blur *\/\r\n\r\n.tcm-hero::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nleft:-150px;\r\nbottom:-180px;\r\n\r\nwidth:500px;\r\nheight:500px;\r\n\r\n\r\nz-index:-3;\r\n\r\n}\r\n\r\n\r\n\/*===========================\r\nSMALL DECORATION\r\n===========================*\/\r\n\r\n.hero-circle{\r\n\r\nposition:absolute;\r\n\r\nright:100px;\r\ntop:90px;\r\n\r\nwidth:180px;\r\nheight:180px;\r\n\r\nborder-radius:50%;\r\n\r\n\r\n\r\nopacity:.08;\r\n\r\nfilter:blur(5px);\r\n\r\nz-index:-1;\r\n\r\n}\r\n\r\n.hero-circle::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nleft:-90px;\r\ntop:120px;\r\n\r\nwidth:70px;\r\nheight:70px;\r\n\r\nborder-radius:50%;\r\n\r\n\r\n\r\nopacity:.10;\r\n\r\n}\r\n\r\n.hero-circle::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nright:-50px;\r\ntop:-40px;\r\n\r\nwidth:35px;\r\nheight:35px;\r\n\r\nborder-radius:50%;\r\n\r\n\r\n\r\nopacity:.30;\r\n\r\n}\r\n\r\n\r\n\/*===========================\r\nDOT PATTERN\r\n===========================*\/\r\n\r\n.hero-pattern{\r\n\r\nposition:absolute;\r\n\r\nleft:80px;\r\nbottom:90px;\r\n\r\nwidth:150px;\r\nheight:150px;\r\n\r\n\r\n\r\nbackground-size:18px 18px;\r\n\r\nopacity:.12;\r\n\r\nz-index:-1;\r\n\r\n}\r\n\r\n\r\n\/*===========================\r\nIMAGE EFFECT\r\n===========================*\/\r\n\r\n.tcm-right img{\r\n\r\n\r\n\r\n\r\n\r\nanimation:floatImage 5s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n\/*===========================\r\nBUTTON EFFECT\r\n===========================*\/\r\n\r\n.btn-primary{\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\n}\r\n\r\n.btn-primary::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nleft:-120%;\r\n\r\ntop:0;\r\n\r\nwidth:100%;\r\nheight:100%;\r\n\r\nbackground:\r\n\r\n\r\n\r\ntransition:.7s;\r\n\r\n}\r\n\r\n.btn-primary:hover::before{\r\n\r\nleft:120%;\r\n\r\n}\r\n\r\n\r\n\/*===========================\r\nFLOAT ANIMATION\r\n===========================*\/\r\n\r\n@keyframes floatImage{\r\n\r\n0%{\r\n\r\ntransform:translateY(0px);\r\n\r\n}\r\n\r\n50%{\r\n\r\ntransform:translateY(-12px);\r\n\r\n}\r\n\r\n100%{\r\n\r\ntransform:translateY(0px);\r\n\r\n}\r\n\r\n}\r\n\r\n\r\n\/*===========================\r\nSCROLL INDICATOR\r\n===========================*\/\r\n\r\n.hero-scroll{\r\n\r\nposition:absolute;\r\n\r\nleft:50%;\r\n\r\nbottom:25px;\r\n\r\ntransform:translateX(-50%);\r\n\r\nfont-size:14px;\r\n\r\ncolor:#64748B;\r\n\r\ndisplay:flex;\r\n\r\nflex-direction:column;\r\n\r\nalign-items:center;\r\n\r\ngap:10px;\r\n\r\n}\r\n\r\n.hero-scroll span{\r\n\r\nwidth:2px;\r\n\r\nheight:40px;\r\n\r\nbackground:#10B981;\r\n\r\ndisplay:block;\r\n\r\nanimation:scrollDown 1.6s infinite;\r\n\r\n}\r\n\r\n@keyframes scrollDown{\r\n\r\n0%{\r\n\r\ntransform:scaleY(0);\r\n\r\ntransform-origin:top;\r\n\r\n}\r\n\r\n50%{\r\n\r\ntransform:scaleY(1);\r\n\r\ntransform-origin:top;\r\n\r\n}\r\n\r\n100%{\r\n\r\ntransform:scaleY(0);\r\n\r\ntransform-origin:bottom;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n<!-- ======================================\r\nTCM HERO ANIMATION\r\n====================================== -->\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\r\n\r\nconst hero=document.querySelector(\".tcm-hero\");\r\n\r\nconst items=document.querySelectorAll(\r\n\".tcm-left>*,\r\n.tcm-right img,\r\n.service-item\"\r\n);\r\n\r\nitems.forEach((item,index)=>{\r\n\r\nitem.style.opacity=\"0\";\r\nitem.style.transform=\"translateY(40px)\";\r\nitem.style.transition=\".7s ease\";\r\n\r\nsetTimeout(()=>{\r\n\r\nitem.style.opacity=\"1\";\r\nitem.style.transform=\"translateY(0)\";\r\n\r\n},150+(index*120));\r\n\r\n});\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<script>\r\n\r\n\/* Hover Card *\/\r\n\r\nconst cards=document.querySelectorAll(\".service-item\");\r\n\r\ncards.forEach(card=>{\r\n\r\ncard.addEventListener(\"mouseenter\",()=>{\r\n\r\ncard.style.transform=\"translateY(-8px)\";\r\n\r\n});\r\n\r\ncard.addEventListener(\"mouseleave\",()=>{\r\n\r\ncard.style.transform=\"translateY(0px)\";\r\n\r\n});\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<script>\r\n\r\n\/* Smooth Scroll *\/\r\n\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor=>{\r\n\r\nanchor.addEventListener(\"click\",function(e){\r\n\r\ne.preventDefault();\r\n\r\nconst target=document.querySelector(this.getAttribute(\"href\"));\r\n\r\nif(target){\r\n\r\ntarget.scrollIntoView({\r\n\r\nbehavior:\"smooth\"\r\n\r\n});\r\n\r\n}\r\n\r\n});\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-22ef52f e-con e-atomic-element e-flexbox-base e-3e7e858 \" data-id=\"22ef52f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"22ef52f\">\n    \t\t<div class=\"elementor-element elementor-element-aa02edc elementor-widget elementor-widget-html\" data-id=\"aa02edc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n*{\r\nmargin:0;\r\npadding:0;\r\nbox-sizing:border-box;\r\n\r\n}\r\n\r\n.news-section{\r\npadding:20px ;\r\nbackground:#ffffff;\r\nfont-family:'Poppins',sans-serif;\r\n}\r\n\r\n.section-title{\r\ntext-align:center;\r\nmargin-bottom:55px;\r\n}\r\n\r\n.section-title h2{\r\nfont-size:42px;\r\nfont-weight:700;\r\ncolor:#123456;\r\nmargin-bottom:15px;\r\n}\r\n\r\n.section-title p{\r\nmax-width:720px;\r\nmargin:auto;\r\ncolor:#666;\r\nline-height:28px;\r\n}\r\n\r\n.news-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3,1fr);\r\ngap:30px;\r\n}\r\n\r\n.news-card{\r\nbackground:#fff;\r\nborder-radius:18px;\r\noverflow:hidden;\r\nbox-shadow:0 10px 30px rgba(0,0,0,.08);\r\ndisplay:flex;\r\nflex-direction:column;\r\ntransition:.35s;\r\nheight:100%;\r\n}\r\n\r\n.news-card:hover{\r\ntransform:translateY(-8px);\r\nbox-shadow:0 20px 40px rgba(0,0,0,.15);\r\n}\r\n\r\n.news-image{\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n.news-image img{\r\n    width:100%;\r\n    height:240px;\r\n    object-fit:cover;\r\n    transition:.5s;\r\n    display:block;\r\n\r\n    \/* Fokus ke aktivitas teknisi *\/\r\n    object-position:center 18%;\r\n}\r\n\r\n.news-card:hover img{\r\ntransform:scale(1.08);\r\n}\r\n\r\n.badge{\r\nposition:absolute;\r\ntop:18px;\r\nleft:18px;\r\nbackground:#00a6b4;\r\ncolor:#fff;\r\npadding:8px 16px;\r\nborder-radius:30px;\r\nfont-size:13px;\r\nfont-weight:600;\r\n}\r\n\r\n.news-content{\r\npadding:25px;\r\ndisplay:flex;\r\nflex-direction:column;\r\nflex:1;\r\n}\r\n\r\n.news-date{\r\nfont-size:14px;\r\ncolor:#00a6b4;\r\nmargin-bottom:15px;\r\n}\r\n\r\n.news-content h3{\r\nfont-size:23px;\r\nfont-weight:700;\r\nline-height:32px;\r\nmargin-bottom:15px;\r\ncolor:#222;\r\ndisplay:-webkit-box;\r\n-webkit-line-clamp:2;\r\n-webkit-box-orient:vertical;\r\noverflow:hidden;\r\nmin-height:64px;\r\n}\r\n\r\n.news-content p{\r\ncolor:#666;\r\nline-height:28px;\r\ndisplay:-webkit-box;\r\n-webkit-line-clamp:3;\r\n-webkit-box-orient:vertical;\r\noverflow:hidden;\r\nflex:1;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.news-content a{\r\nmargin-top:auto;\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\ntext-decoration:none;\r\nfont-weight:600;\r\ncolor:#00a6b4;\r\nborder-top:1px solid #eee;\r\npadding-top:18px;\r\ntransition:.3s;\r\n}\r\n\r\n.news-content a:hover{\r\npadding-left:8px;\r\n}\r\n\r\n\/* ==========================\r\nTABLET\r\n========================== *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n.news-grid{\r\ngrid-template-columns:repeat(2,340px);\r\njustify-content:center;\r\ngap:24px;\r\n}\r\n\r\n.news-card{\r\nwidth:340px;\r\n}\r\n\r\n}\r\n\r\n\/* ==========================\r\nMOBILE\r\n========================== *\/\r\n\r\n@media (max-width:768px){\r\n\r\n.section-title h2{\r\nfont-size:34px;\r\n}\r\n\r\n.news-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(3,340px);\r\ngap:20px;\r\n\r\noverflow-x:auto;\r\noverflow-y:hidden;\r\n\r\njustify-content:flex-start;\r\n\r\npadding-bottom:10px;\r\n\r\nscroll-snap-type:x mandatory;\r\n-webkit-overflow-scrolling:touch;\r\n}\r\n\r\n.news-grid::-webkit-scrollbar{\r\ndisplay:none;\r\n}\r\n\r\n.news-card{\r\nwidth:340px;\r\nmin-width:340px;\r\nmax-width:340px;\r\n\r\nscroll-snap-align:start;\r\n}\r\n\r\n.news-image img{\r\nwidth:100%;\r\nheight:240px;\r\nobject-fit:cover;\r\n}\r\n\r\n}\r\n\r\n\/* HP KECIL *\/\r\n\r\n@media (max-width:480px){\r\n\r\n.news-grid{\r\ngrid-template-columns:repeat(3,300px);\r\n}\r\n\r\n.news-card{\r\nwidth:300px;\r\nmin-width:300px;\r\nmax-width:300px;\r\n}\r\n\r\n.news-image img{\r\nheight:220px;\r\n}\r\n\r\n}\r\n}\r\n<\/style>\r\n\r\n<section class=\"news-section\">\r\n\r\n<div class=\"section-title\">\r\n<h2>Berita Terbaru<\/h2>\r\n<p>Ikuti perkembangan terbaru mengenai layanan, implementasi proyek, serta berbagai inovasi PT. Techno Cyber Mandiri.<\/p>\r\n<\/div>\r\n\r\n<div class=\"news-grid\">\r\n\r\n<!-- 1 -->\r\n<div class=\"news-card\">\r\n<div class=\"news-image\">\r\n<img decoding=\"async\" src=\"https:\/\/tcmandiri.id\/wp-content\/uploads\/2026\/07\/teknisi.jpeg\">\r\n<span class=\"badge\">Networking<\/span>\r\n<\/div >\r\n\r\n<div class=\"news-content\">\r\n<div class=\"news-date\"><i class=\"fa-regular fa-calendar\"><\/i> 10 Juli 2026<\/div>\r\n<h3>Instalasi Jaringan Local Area Network LAN <\/h3>\r\n<p>Tim berhasil menyelesaikan implementasi jaringan LAN dengan performa tinggi untuk mendukung operasional.<\/p>\r\n<a href=\"#\">Baca Selengkapnya <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- 2 -->\r\n<div class=\"news-card\">\r\n<div class=\"news-image\">\r\n<img decoding=\"async\" src=\"99.\">\r\n<span class=\"badge\">Fiber Optic<\/span>\r\n<\/div>\r\n\r\n<div class=\"news-content\">\r\n<div class=\"news-date\"><i class=\"fa-regular fa-calendar\"><\/i> 11 Juli 2026<\/div>\r\n<h3>Instalasi Jaringan Fiber Optic <\/h3>\r\n<p>Pemasangan backbone fiber optic untuk meningkatkan stabilitas dan kecepatan transfer data.<\/p>\r\n<a href=\"#\">Baca Selengkapnya <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- 3 -->\r\n<div class=\"news-card\">\r\n<div class=\"news-image\">\r\n<img decoding=\"async\" src=\"outdor.\">\r\n<span class=\"badge\">Jaringan Internet<\/span>\r\n<\/div>\r\n\r\n<div class=\"news-content\">\r\n<div class=\"news-date\"><i class=\"fa-regular fa-calendar\"><\/i> 12 Juli 2026<\/div>\r\n<h3>Instalasi Jaringan Internet<\/h3>\r\n<p>Pemeriksaan keamanan server serta konfigurasi firewall untuk meningkatkan perlindungan data.<\/p>\r\n<a href=\"#\">Baca Selengkapnya <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INFO &#038; BERITA Solusi Teknologi untuk Masa Depan Kami menghadirkan layanan teknologi informasi yang inovatif, profesional, dan terpercaya untuk mendukung transformasi digital sekolah, instansi, perusahaan, maupun organisasi. Lihat Profil Berita Terbaru Ikuti perkembangan terbaru mengenai layanan, implementasi proyek, serta berbagai inovasi PT. Techno Cyber Mandiri. Networking 10 Juli 2026 Instalasi Jaringan Local Area Network LAN [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/pages\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":117,"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":1159,"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions\/1159"}],"wp:attachment":[{"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}