buildHtml
baseUrl https://letterscroll.pub
title LetterScroll | Typography & Lettering Portfolio
metaTags
editButton /edit.html
style.css

header
 class hero
 nav
  div Cizuti
   class logo
  div
   class nav-links
   a Work
    href #work
   a About
    href #about
   a Contact
    href #contact
 div
  class hero-content
  h1 Handcrafted Lettering & Typography
  p Each stroke tells a story. Explore my collection of custom letterforms and typographic illustrations.
main
 section
  id work
  class gallery
  h2 Featured Work
  div
   class grid-container
   div
    class grid-item
    img src work1.jpg
     alt Calligraphic Flourish
    h3 Calligraphic Flourish
    p Hand-lettered with pointed pen
   div
    class grid-item
    img src work2.jpg
     alt Geometric Sans
    h3 Geometric Sans
    p Digital typeface design
   div
    class grid-item
    img src work3.jpg
     alt Brush Script
    h3 Brush Script
    p Experimental brush lettering
   div
    class grid-item
    img src work4.jpg
     alt Serif Display
    h3 Serif Display
    p High-contrast typographic poster
   div
    class grid-item
    img src work5.jpg
     alt Monoline Script
    h3 Monoline Script
    p Consistent weight lettering
   div
    class grid-item
    img src work6.jpg
     alt Vintage Letterpress
    h3 Vintage Letterpress
    p Traditional printing technique
 section
  id about
  class about
  div
   class about-content
   h2 About the Artist
   p With over a decade of experience in lettering arts, I specialize in creating custom typographic solutions that blend traditional craftsmanship with contemporary design.
   p My work has been featured in design publications and exhibited internationally.
 section
  id contact
  class contact
  h2 Get In Touch
  form
   class contact-form
   div
    class form-group
    label for name Name
    input type text
     id name
     name name
     required
   div
    class form-group
    label for email Email
    input type email
     id email
     name email
     required
   div
    class form-group
    label for message Message
    textarea id message
     name message
     required
   button type submit
    class submit-button
    Send Message
footer
 div
  class footer-content
  p Explore more of my work on social media
  div
   class social-links
   a Instagram
    href https://instagram.com
   a Dribbble
    href https://dribbble.com
   a Behance
    href https://behance.net

script.js