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

header
 class cosmic-header
 nav
  div Cosmic Explorer
   class logo
  div
   class nav-links
   a About
    href #about
   a Projects
    href #projects
   a Skills
    href #skills
   a Contact
    class cta-button
    href #contact
 div
  class hero
  h1 Journey Through the Cosmos of Code
  p Exploring the universe of web development, one galaxy at a time
  a View My Work
   class primary-button
   href #projects
main
 section
  id about
  class about-section
  h2 About This Cosmic Explorer
  div
   class about-content
   div
    class astronaut-container
   div
    class about-text
    p I navigate the vast expanse of digital space, crafting stellar web experiences that push boundaries and explore new frontiers.
    p With a background in astrophysics and a passion for creative coding, I bring a unique perspective to every project.
 section
  id projects
  class projects-section
  h2 Galactic Projects
  div
   class project-grid
   div
    class project-card
    div
     class project-image nebula-one
    h3 Nebula CMS
    p A content management system built with stellar performance in mind
   div
    class project-card
    div
     class project-image black-hole
    h3 Black Hole Analytics
    p Data visualization that reveals insights like never before
   div
    class project-card
    div
     class project-image wormhole
    h3 Wormhole Protocol
    p Secure, fast data transfer across networks
 section
  id skills
  class skills-section
  h2 Celestial Skills
  div
   class skills-container
   div
    class skill-chart
    div
     class skill html
     span HTML5
    div
     class skill css
     span CSS3
    div
     class skill js
     span JavaScript
    div
     class skill design
     span UI/UX
    div
     class skill node
     span Node.js
 section
  id contact
  class contact-section
  h2 Transmit Message
  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 Transmission
footer
 div
  class cosmic-footer
  p Embark on a journey through the cosmos of creativity

script.js