buildHtml
baseUrl https://webcraft.scroll.pub
metaTags
editButton /edit.html
title WebCraft Studio - Professional Web Development
style.css
header
 class hero-section
 nav
  class navbar
  div WebCraft
   class logo
  div
   class nav-links
   a Projects
    href #projects
   a Skills
    href #skills
   a Contact
    href #contact
   a Hire Me
    class cta-button
    href #contact
 div
  class hero-content
  h1 Crafting Digital Excellence
  p Transforming ideas into seamless web experiences
  div
   class hero-buttons
   a View Projects
    class primary-button
    href #projects
   a Contact Me
    class secondary-button
    href #contact
main
 section
  id projects
  class projects-section
  h2 Featured Projects
  div
   class project-grid
   div
    class project-card
    img Project 1
     alt E-commerce Platform Preview
     class project-image
    h3 E-commerce Platform
    p Modern shopping experience with seamless checkout
    div
     class project-tags
     span React
     span Node.js
     span MongoDB
   div
    class project-card
    img Project 2
     alt Portfolio Website Preview
     class project-image
    h3 Portfolio Website
    p Responsive portfolio with dynamic animations
    div
     class project-tags
     span HTML5
     span CSS3
     span JavaScript
   div
    class project-card
    img Project 3
     alt Dashboard Interface Preview
     class project-image
    h3 Dashboard Interface
    p Data visualization and analytics platform
    div
     class project-tags
     span Vue.js
     span D3.js
     span Firebase
 section
  id skills
  class skills-section
  h2 Technical Skills
  div
   class skills-container
   div
    class skill-category
    h3 Frontend
    ul
     li HTML5/CSS3
     li JavaScript
     li Responsive Design
   div
    class skill-category
    h3 Backend
    ul
     li Node.js
     li Python
     li SQL/NoSQL
   div
    class skill-category
    h3 Tools
    ul
     li Git
     li Docker
     li AWS
 section
  id contact
  class contact-section
  h2 Let's Work Together
  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
    class submit-button
footer
 div
  class footer-content
  div
   class footer-links
   a LinkedIn
    href #
   a GitHub
    href #
   a Twitter
    href #
  p Built with passion by WebCraft Studio
script.js