${code.split('')[1]}`;
  $('#preview').srcdoc = fullHtml;
}

function downloadHTML() {
  const code = genCode();
  const fullHtml = `Navigation Bar



${code.split('')[1] || ''}`;
  const blob = new Blob([fullHtml], {type:'text/html'});
  const a = document.createElement('a');
  a.href = URL.createObjectURL(blob);
  a.download = 'navbar.html'; a.click();
  URL.revokeObjectURL(a.href);
}

buildLinks();
render();

GZ.renderToolPage({
  category: 'css',
  titleKey: 'toolTitle',
  descKey: 'toolDesc',
  howToSteps: ['step1','step2','step3','step4'],
  related: [
    {icon:'🔘', href:'/css-tools/button.html', name:'Button'},
    {icon:'🃏', href:'/css-tools/card.html', name:'Card'},
    {icon:'🔲', href:'/css-tools/shadow.html', name:'Box Shadow'},
    {icon:'🔘', href:'/css-tools/border-radius.html', name:'Border Radius'},
  ]
});