buildHtml
baseUrl https://carminescroll.pub
title Carmine Bufano | Interactive Portfolio
metaTags
editButton /edit.html
style.css

header
 class hero
 nav
  div Carmine Bufano
   class logo
  div
   class nav-links
   a Work
    href #work
   a About
    href #about
   a Contact
    href #contact
   a Blog
    class cta-button
    href /blog
 div
  class hero-content
  h1 General Magic
  p Linux, Network Virtualization, Notes, Walkthroughs, Ramblings & More
  a View Work
   class primary-button
   href #work
main
 section
  id work
  class work-gallery
  h2 Selected Work
  div
   class gallery-container
   div
    class project-card
    data-project 1
    div
     class project-image
    h3 Project One
    p Web Design & Development
   div
    class project-card
    data-project 2
    div
     class project-image
    h3 Project Two
    p Brand Identity
   div
    class project-card
    data-project 3
    div
     class project-image
    h3 Project Three
    p Interactive Experience
   div
    class project-card
    data-project 4
    div
     class project-image
    h3 Project Four
    p Mobile Application
 section
  id about
  class about-section
  h2 About Me
  div
   class about-content
   div
    class about-image
   div
    class about-text
    p I'm a multidisciplinary designer and developer with a passion for creating meaningful digital experiences.
    p My approach combines aesthetic sensibility with technical precision to deliver solutions that are both beautiful and functional.
    div
     class skills-list
     h3 Skills
     ul
      li UI/UX Design
      li Frontend Development
      li Motion Design
      li Brand Strategy
 section
  id contact
  class contact-section
  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
 div
  class project-modal
  div
   class modal-content
  button
   class close-modal
   ×
footer
 div
  class footer-content
  div
   class social-links
   a Twitter
    href https://twitter.com/carminebufano
   a Dribbble
    href https://dribbble.com/carminebufano
   a GitHub
    href https://github.com/carminebufano
  p Made with care in New York City

script.js