buildHtml
baseUrl https://rbrtb.scroll.pub
metaTags
editButton /edit.html
title RBRTB | Abstract Creativity
style.css
header
 class hero
 nav
  div RBRTB
   class logo
  div
   class nav-links
   a About
    href #about
   a Gallery
    href #gallery
   a Process
    href #process
   a Contact
    class cta-button
    href #contact
 div
  class hero-content
  h1 RBRTB
  p Abstract creativity in motion
  a Explore
   class primary-button
   href #gallery
main
 section
  id about
  class about
  h2 About RBRTB
  p RBRTB represents the intersection of form, color, and movement. A dynamic exploration of abstract creativity.
  div
   class stats-grid
   div
    class stat-card
    div 12+
     class stat-number
    p Years creating
   div
    class stat-card
    div 500+
     class stat-number
    p Projects completed
   div
    class stat-card
    div ∞
     class stat-number
    p Possibilities
 section
  id gallery
  class gallery
  h2 Gallery
  div
   class gallery-grid
   div
    class gallery-item
    div
     class gallery-img
     style background-color #ff5e62
   div
    class gallery-item
    div
     class gallery-img
     style background-color #4facfe
   div
    class gallery-item
    div
     class gallery-img
     style background-color #a6ffcb
   div
    class gallery-item
    div
     class gallery-img
     style background-color #ff9966
   div
    class gallery-item
    div
     class gallery-img
     style background-color #8e2de2
   div
    class gallery-item
    div
     class gallery-img
     style background-color #f9d423
 section
  id process
  class process
  h2 Our Process
  div
   class process-steps
   div
    class process-step
    div 1
     class step-number
    h3 Ideation
    p We begin with raw creative energy and refine it into concrete concepts.
   div
    class process-step
    div 2
     class step-number
    h3 Exploration
    p Through experimentation, we discover unexpected forms and patterns.
   div
    class process-step
    div 3
     class step-number
    h3 Refinement
    p Each piece is carefully polished to achieve its final expressive form.
 section
  id contact
  class contact
  h2 Get In Touch
  form
   class contact-form
   div
    class form-group
    label Name
    input
     type text
     name name
     required
   div
    class form-group
    label Email
    input
     type email
     name email
     required
   div
    class form-group
    label Message
    textarea
     name message
     required
   button
    type submit
    class submit-button
    Send Message
footer
 div
  class footer-content
  div
   class social-links
   a Twitter
    href https://twitter.com
   a Instagram
    href https://instagram.com
   a Behance
    href https://behance.net
  p Exploring the boundaries of abstract creativity since 2012.
script.js