buildHtml
baseUrl https://me.scroll.pub
metaTags
editButton /edit.html
title John Doe - Web Developer
style.css
header
 class hero
 nav
  class nav-container
  div John Doe
   class logo
  div
   class nav-links
   a About
    href #about
   a Projects
    href #projects
   a Skills
    href #skills
   a Contact
    href #contact
    class cta-button
 div
  class hero-content
  h1 Hello, I'm John Doe
  p Full-Stack Web Developer & UI/UX Enthusiast
  div
   class social-links
   a
    href mailto:hello@johndoe.com
    aria-label Email
    i
     class fas fa-envelope
   a
    href https://github.com
    aria-label GitHub
    i
     class fab fa-github
   a
    href https://linkedin.com
    aria-label LinkedIn
    i
     class fab fa-linkedin
main
 section
  id about
  class about-section
  h2 About Me
  p I'm a passionate web developer with 5 years of experience crafting beautiful and functional websites. I specialize in creating user-centric experiences that marry form and function.
 section
  id projects
  class projects-section
  h2 Featured Projects
  div
   class project-grid
   article
    class project-card
    h3 E-Commerce Platform
    p Built a full-featured online store using modern web technologies
    div
     class tech-stack
     span HTML5
     span CSS3
     span JavaScript
   article
    class project-card
    h3 Portfolio Generator
    p Developed an automated portfolio creation tool
    div
     class tech-stack
     span Node.js
     span Express
     span MongoDB
 section
  id skills
  class skills-section
  h2 Skills & Expertise
  div
   class skills-grid
   div
    class skill-category
    h3 Frontend
    ul
     li HTML5
     li CSS3
     li JavaScript
   div
    class skill-category
    h3 Backend
    ul
     li Node.js
     li Python
     li SQL
 section
  id contact
  class contact-section
  h2 Get in Touch
  form
   class contact-form
   div
    class form-group
    label Name
     for name
    input
     type text
     id name
     required true
   div
    class form-group
    label Email
     for email
    input
     type email
     id email
     required true
   div
    class form-group
    label Message
     for message
    textarea
     id message
     required true
   button Send Message
    type submit
footer
 div
  class footer-content
  p Made with passion by John Doe
  div
   class footer-links
   a Privacy Policy
    href /privacy
   a Terms
    href /terms
script.js