buildHtml
baseUrl https://cosmos.scroll.pub
metaTags
editButton /edit.html
title Cosmic Explorer | Interstellar Portfolio
style.css

header
 class cosmic-header
 div
  class stars
  div
   class shooting-star
 div
  class hero-content
  h1 Cosmic Explorer
  p Navigating the digital universe
  div
   class orbit-container
   div
    class planet
   div
    class satellite
     style animation-duration: 8s
main
 section
  id about
  class cosmic-section
  h2 About My Journey
  div
   class content-grid
   div
    class nebula-card
    h3 My Mission
    p Exploring the frontiers of web development and design across the digital cosmos.
   div
    class nebula-card
    h3 My Skills
    p HTML5, CSS3, JavaScript, UI/UX Design, Responsive Development
 section
  id projects
  class cosmic-section
  h2 Galactic Projects
  div
   class project-grid
   div
    class project-card
    div
     class project-image
     style background: radial-gradient(circle, #4a00e0, #8e2de2)
    h3 Stellar Dashboard
    p A cosmic analytics interface
   div
    class project-card
    div
     class project-image
     style background: radial-gradient(circle, #11998e, #38ef7d)
    h3 Nebula CMS
    p A content management system among the stars
   div
    class project-card
    div
     class project-image
     style background: radial-gradient(circle, #f12711, #f5af19)
    h3 Black Hole Storage
    p Infinite data compression
 section
  id contact
  class cosmic-section
  h2 Transmit Message
  form
   class cosmic-form
   div
    class form-group
    label Your Name
    input
     type text
     placeholder Enter your name...
   div
    class form-group
    label Your Message
    textarea
     placeholder Send your transmission across the cosmos...
   button
    type submit
    class cosmic-button
    Launch Message
footer
 class cosmic-footer
div
 class footer-content
p Journey through the cosmos continues...

script.js