buildHtml
baseUrl https://portfolioscroll.pub
metaTags
editButton /edit.html
title John Doe | Portfolio
style.css
header
 class hero
 nav
  div JD
   class logo
  div
   class nav-links
   a Work
    href #work
   a About
    href #about
   a Contact
    href #contact
 div
  class hero-content
  h1 John Doe
  p Creative Developer & Designer
  a View Work
   class primary-button
   href #work
main
 section
  id work
  class portfolio
  h2 Selected Work
  div
   class project-grid
   div
    class project-card
    div
     class project-image
    h3 E-Commerce Platform
    p A modern online shopping experience
    a View Project
     class secondary-button
     href project1.html
   div
    class project-card
    div
     class project-image
    h3 Mobile App Design
    p UX/UI for productivity application
    a View Project
     class secondary-button
     href project2.html
   div
    class project-card
    div
     class project-image
    h3 Brand Identity
    p Complete visual identity for startup
    a View Project
     class secondary-button
     href project3.html
 section
  id about
  class about
  h2 About Me
  div
   class about-content
   div
    class about-text
    p I'm a passionate designer and developer with 8 years of experience creating digital experiences that matter. My approach combines technical expertise with creative vision.
    p When I'm not designing, you can find me hiking, reading sci-fi, or experimenting with new web technologies.
   div
    class skills
    h3 Skills
    ul
     li UI/UX Design
     li Frontend Development
     li Brand Identity
     li Motion Design
 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 primary-button
    Send Message
footer
 div
  class footer-content
  div
   class social-links
   a Twitter
    href https://twitter.com
   a LinkedIn
    href https://linkedin.com
   a GitHub
    href https://github.com
  p Let's create something amazing together
script.js