buildHtml
baseUrl https://asd.scroll.pub
metaTags
editButton /edit.html
title ASD - Advanced Semantic Design
style.css

header
 class hero
 nav
  div ASD
   class logo
  div
   class nav-links
   a About
    href #about
   a Services
    href #services
   a Work
    href #work
   a Contact
    class cta-button
    href #contact
 div
  class hero-content
  h1 Advanced Semantic Design
  p Creating beautiful, accessible digital experiences with cutting-edge web technologies
  a View Our Work
   class primary-button
   href #work
main
 section
  id about
  class about
  h2 About ASD
  p We specialize in crafting exceptional digital experiences using semantic HTML, pure CSS, and vanilla JavaScript. Our approach focuses on performance, accessibility, and maintainability.
  div
   class stats-grid
   div
    class stat-card
    div 100+
     class stat-number
    p Projects Completed
   div
    class stat-card
    div 10+
     class stat-number
    p Years Experience
   div
    class stat-card
    div 99%
     class stat-number
    p Client Satisfaction
 section
  id services
  class services
  h2 Our Services
  div
   class service-grid
   div
    class service-card
    div 💻
     class service-icon
    h3 Semantic HTML
    p Clean, meaningful markup that improves SEO and accessibility
   div
    class service-card
    div 🎨
     class service-icon
    h3 Advanced CSS
    p Stunning designs with pure CSS - no frameworks needed
   div
    class service-card
    div ⚡
     class service-icon
    h3 Vanilla JS
    p Fast, efficient JavaScript without unnecessary dependencies
 section
  id work
  class work
  h2 Our Work
  div
   class work-gallery
   div
    class work-item
    div
     class work-image
    h3 Portfolio Site
    p A beautiful personal portfolio built with semantic HTML
   div
    class work-item
    div
     class work-image
    h3 E-commerce
    p High-performance online store with pure CSS animations
   div
    class work-item
    div
     class work-image
    h3 Web App
    p Complex application built with vanilla JavaScript
 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 submit-button
    Send Message
footer
 div
  class footer-content
  div ASD
   class footer-logo
  div
   class footer-links
   a Privacy
    href privacy.html
   a Terms
    href terms.html
   a Careers
    href careers.html
  p Creating beautiful web experiences since 2012

script.js