buildHtml
baseUrl https://me.scroll.pub
metaTags
editButton /edit.html
title John Developer | Personal Portfolio
style.css
header
 class hero
 nav
  div
   class nav-container
   a John Dev
    class logo
   div
    class nav-links
    a About
     href #about
    a Projects
     href #projects
    a Skills
     href #skills
    a Contact
     href #contact
main
 section
  id about
  class about-section
  div
   class profile-container
   img
    src images/profile.jpg
    alt John Developer
    class profile-image
   div
    class about-content
    h1 John Developer
    h2 Full Stack Developer
    p Crafting digital experiences with code and creativity. Specialized in building modern, responsive web applications.
 section
  id skills
  class skills-section
  h2 Technical Skills
  div
   class skills-grid
   div
    class skill-card
    h3 Frontend
    ul
     li HTML5 & CSS3
     li JavaScript
     li Responsive Design
   div
    class skill-card
    h3 Backend
    ul
     li Node.js
     li Python
     li Database Design
   div
    class skill-card
    h3 Tools
    ul
     li Git
     li VS Code
     li Command Line
 section
  id projects
  class projects-section
  h2 Featured Projects
  div
   class project-grid
   article
    class project-card
    h3 E-Commerce Platform
    p Modern shopping experience with real-time updates
    div
     class project-tags
     span JavaScript
     span CSS
     span HTML
   article
    class project-card
    h3 Portfolio Generator
    p Dynamic portfolio creation tool
    div
     class project-tags
     span Python
     span Web Design
 section
  id contact
  class contact-section
  h2 Get in Touch
  form
   class contact-form
   input
    type text
    placeholder Your Name
    required true
   input
    type email
    placeholder Email Address
    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 GitHub
    href https://github.com
   a LinkedIn
    href https://linkedin.com
   a Twitter
    href https://twitter.com
  p Made with passion by John Developer
script.js