buildHtml
baseUrl https://metrics.scroll.pub
metaTags
editButton /edit.html
title GlassMetrics - Business Analytics Dashboard
style.css
header
 class dashboard-header
 nav
  div GlassMetrics
   class logo
  div
   class nav-links
   a Dashboard
    href #dashboard
   a Analytics
    href #analytics
   a Reports
    href #reports
   a Settings
    class settings-button
    href #settings
main
 section
  class glass-dashboard
  div
   class sidebar
   div
    class user-profile
    img
     src data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNSIgZmlsbD0iIzY0NzQ4QiIvPjwvc3ZnPg==
     alt User Avatar
    h3 Welcome, Admin
   nav
    class sidebar-nav
    a Dashboard
     class active
     href #
    a Analytics
     href #
    a Reports
     href #
    a Settings
     href #
  div
   class main-content
   div
    class metrics-grid
    div
     class metric-card
     h3 Revenue
     p $124,563
     div
      class chart revenue-chart
    div
     class metric-card
     h3 Users
     p 8,742
     div
      class chart users-chart
    div
     class metric-card
     h3 Conversion
     p 2.4%
     div
      class chart conversion-chart
    div
     class metric-card
     h3 Growth
     p +15.7%
     div
      class chart growth-chart
   div
    class data-table
    h3 Recent Activities
    table
     thead
      tr
       th Date
       th Event
       th Status
       th Value
     tbody
      tr
       td 2023-09-15
       td New Users
       td Active
       td 156
      tr
       td 2023-09-14
       td Sales
       td Completed
       td $3,450
      tr
       td 2023-09-13
       td Conversions
       td Pending
       td 89
footer
 div
  class footer-content
  p Built with Scroll
  div
   class footer-links
   a Documentation
   a Support
   a Terms
script.js