buildHtml
baseUrl https://create.scroll.pub
metaTags
editButton /edit.html
title Creative Portfolio | Web Developer & Designer
style.css
header
 class hero
 nav
  div John Doe
   class logo
  div
   class nav-links
   a Projects
    href #projects
   a Skills
    href #skills
   a Contact
    href #contact
 div
  class hero-content
  h1 Crafting Digital Experiences
  p Full-stack developer specializing in creative web solutions
  a View My Work
   class cta-button
   href #projects
main
 section
  id projects
  class projects
  h2 Featured Projects
  div
   class project-grid
   article
    class project-card
    img Project 1
     alt E-commerce Website
     src images/project1.jpg
    h3 E-commerce Platform
    p Modern shopping experience with React
    div
     class project-tags
     span HTML
     span CSS
     span JavaScript
   article
    class project-card
    img Project 2
     alt Portfolio Website
     src images/project2.jpg
    h3 Portfolio Website
    p Minimalist design portfolio
    div
     class project-tags
     span Design
     span Development
   article
    class project-card
    img Project 3
     alt Mobile App
     src images/project3.jpg
    h3 Mobile App UI
    p Cross-platform application
    div
     class project-tags
     span UI/UX
     span Mobile
 section
  id skills
  class skills
  h2 Technical Skills
  div
   class skills-container
   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
   div
    class skill-category
    h3 Tools
    ul
     li Git
     li VS Code
     li Docker
 section
  id contact
  class contact
  h2 Let's Connect
  form
   class contact-form
   input
    type text
    placeholder Your Name
    required true
   input
    type email
    placeholder Your Email
    required true
   textarea
    placeholder Your Message
    required true
   button Send Message
    type submit
    class submit-btn
footer
 div
  class footer-content
  div
   class social-links
   a LinkedIn
    href #
   a GitHub
    href #
   a Twitter
    href #
  p Made with passion by John Doe
script.js