{ "value": { "html": "

$\"Boniii$

", "css": "* { box-sizing: border-box; } body {margin: 0;}header{padding:5px 30px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;}.header-body{display:flex;justify-content:space-between;align-items:center;}.logo img{height:70px;}nav{display:flex;gap:25px;}nav a{text-decoration:none;color:#111;font-weight:500;position:relative;padding:5px 0;}nav a:hover, nav a.active{color:#1d4ed8;}.header-right{display:flex;align-items:center;gap:20px;}.header-right a{text-decoration:none;color:#1d4ed8;font-weight:500;}.header-right .get-started-btn{padding:11px 18px;border:none;background:#0b27ab;color:#fff;font-weight:600;border-radius:25px;cursor:pointer;transition:background 0.3s;}.header-right .get-started-btn:hover{background:#2563eb;}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1100;}.hamburger div{width:25px;height:3px;background:#111;border-radius:2px;transition:all 0.4s ease;}.hamburger.active div:nth-child(1){transform:rotate(45deg) translate(5px, 5px);}.hamburger.active div:nth-child(2){opacity:0;}.hamburger.active div:nth-child(3){transform:rotate(-45deg) translate(6px, -7px);}@media (max-width: 768px){nav{position:fixed;top:0;right:-100%;width:250px;height:100%;flex-direction:column;background:#fff;padding:70px 20px;gap:20px;box-shadow:-2px 0 8px rgba(0,0,0,0.1);transition:right 0.4s ease;}nav.show{right:0;}.hamburger{display:flex;}.header-right{gap:10px;}}", "js": "var items = document.querySelectorAll('#i7k7');\n for (var i = 0, len = items.length; i < len; i++) {\n (function(){\n const hamburger = document.getElementById('hamburger');\n const navMenu = document.getElementById('nav-menu');\n\n hamburger.addEventListener('click', () => {\n navMenu.classList.toggle('show');\n hamburger.classList.toggle('active');\n });\n}.bind(items[i]))();\n }", "components": "https://boniii.b-cdn.net/web/system/pagedata/home/header/headerLowerBlock_LOWER (1).json", "visible": true, "mediaId": 651 } }

Blogs

Products

Demo