buildHtml
baseUrl https://pms.scroll.pub
metaTags
editButton /edit.html
title Project Management System - Streamline Your Workflow
style.css
header
 class hero
 nav
  div PMS
   class logo
  div
   class nav-links
   a Home
    href #
   a Features
    href #features
   a Pricing
    href #pricing
   a About
    href #about
   a Contact
    href #contact
   a Sign In
    class cta-button
    href #signin
 div
  class hero-content
  h1 Streamline Your Projects and Boost Productivity
  p Manage projects effortlessly with our multi-role system: Admin, Analyst, Staff, Client
  a Get Started
   class primary-button
   href #signup
main
 section
  id features
  class features
  h2 Key Features
  div
   class feature-grid
   div
    class feature-card
    div 📊
     class feature-icon
    h3 Advanced Analytics
    p Track project performance with real-time data.
   div
    class feature-card
    div 📅
     class feature-icon
    h3 Project Tracking
    p Stay on top of deadlines and milestones.
   div
    class feature-card
    div 🔒
     class feature-icon
    h3 Secure Login
    p Protect your data with robust security.
   div
    class feature-card
    div 👥
     class feature-icon
    h3 Multi-Role System
    p Collaborate seamlessly across roles.
 section
  id pricing
  class pricing
  h2 Pricing Plans
  div
   class pricing-grid
   div
    class pricing-card
    h3 Basic
    p $10/month
    ul
     li 5 Projects
     li 10 Users
     li Basic Support
    a Choose Plan
     class secondary-button
     href #signup
   div
    class pricing-card
    h3 Pro
    p $25/month
    ul
     li 20 Projects
     li 50 Users
     li Priority Support
    a Choose Plan
     class secondary-button
     href #signup
   div
    class pricing-card
    h3 Enterprise
    p $50/month
    ul
     li Unlimited Projects
     li Unlimited Users
     li 24/7 Support
    a Choose Plan
     class secondary-button
     href #signup
 section
  id about
  class about
  h2 About Us
  p We are a team of project management experts dedicated to helping businesses streamline their workflows and boost productivity.
 section
  id contact
  class contact
  h2 Contact Us
  form
   class contact-form
   input
    type text
    placeholder Name
   input
    type email
    placeholder Email
   textarea
    placeholder Message
   button
    type submit
    class primary-button
    Send Message
footer
 div
  class footer-content
  div
   class footer-links
   a Privacy Policy
    href #privacy
   a Terms of Service
    href #terms
   a Support
    href #support
  p Built with ❤️ by the PMS Team
script.js