buildHtml
baseUrl https://prettyascroll.pub
metaTags
editButton /edit.html
title Pretty - Beautiful Web Design Examples
style.css
header
 class hero
 nav
  div Pretty
   class logo
  div
   class nav-menu
   span
    class menu-toggle
    ☰
   div
    class nav-links
    a Gallery
     href #gallery
    a Elements
     href #elements
    a Contact
     href #contact
main
 section
  class hero-section
  h1 Discover Beauty in Design
  p Where aesthetics meet functionality
  div
   class cta-buttons
   a Explore
    class primary-btn
    href #gallery
   a Learn More
    class secondary-btn
    href #elements
 section
  id gallery
  class gallery-grid
  div
   class gallery-item
   div
    class overlay
    h3 Minimalism
  div
   class gallery-item
   div
    class overlay
    h3 Typography
  div
   class gallery-item
   div
    class overlay
    h3 Color Theory
  div
   class gallery-item
   div
    class overlay
    h3 Motion
 section
  id elements
  class design-elements
  h2 Essential Elements
  div
   class elements-container
   div
    class element-card
    span ◆
    h3 Balance
    p Achieving visual equilibrium
   div
    class element-card
    span ◇
    h3 Rhythm
    p Creating visual flow
   div
    class element-card
    span ○
    h3 Harmony
    p Unifying design elements
   div
    class element-card
    span □
    h3 Contrast
    p Making statements bold
 section
  id contact
  class contact-section
  h2 Get in Touch
  form
   class contact-form
   input
    type text
    placeholder Your Name
   input
    type email
    placeholder Your Email
   textarea
    placeholder Your Message
   button
    type submit
    Send Message
footer
 div
  class footer-content
  nav
   class footer-links
   a Gallery
    href #gallery
   a Elements
    href #elements
   a Contact
    href #contact
  p Made with passion for beautiful design
script.js