buildHtml
baseUrl https://melodyscroll.pub
metaTags
editButton /edit.html
title MelodyScroll | A Blog About Music
style.css
header
 class hero
 nav
  div MelodyScroll
   class logo
  div
   class nav-links
   a Latest
    href #latest
   a Genres
    href #genres
   a Artists
    href #artists
   a Subscribe
    class cta-button
    href #subscribe
 div
  class hero-content
  h1 Discover the Music You'll Love
  p A blog exploring the sounds that shape our world
  a Explore Articles
   class primary-button
   href #latest
main
 section
  id latest
  class featured-posts
  h2 Latest Articles
  div
   class post-grid
   article
    class post-card
    div
     class post-image
     style background-image:url('/images/post1.jpg')
    div
     class post-content
     h3 The Evolution of Electronic Dance Music
     p How EDM grew from underground raves to mainstream festivals
     a Read More
      href /post1
   article
    class post-card
    div
     class post-image
     style background-image:url('/images/post2.jpg')
    div
     class post-content
     h3 Jazz Legends: The Stories Behind the Music
     p Exploring the lives of Miles, Coltrane, and other jazz greats
     a Read More
      href /post2
   article
    class post-card
    div
     class post-image
     style background-image:url('/images/post3.jpg')
    div
     class post-content
     h3 How Streaming Changed Music Forever
     p The digital revolution's impact on artists and listeners
     a Read More
      href /post3
 section
  id genres
  class genre-section
  h2 Explore by Genre
  div
   class genre-grid
   div
    class genre-card
    style background-color:#ff4757
    h3 Rock
   div
    class genre-card
    style background-color:#1e90ff
    h3 Hip Hop
   div
    class genre-card
    style background-color:#2ed573
    h3 Electronic
   div
    class genre-card
    style background-color:#ffa502
    h3 Jazz
   div
    class genre-card
    style background-color:#ff6348
    h3 Classical
   div
    class genre-card
    style background-color:#7bed9f
    h3 World
 section
  id subscribe
  class newsletter
  h2 Stay Updated
  p Get the latest music news and articles delivered to your inbox
  form
   class newsletter-form
   input
    type email
    placeholder Your email address
   button
    type submit
    class primary-button
    Subscribe
footer
 div
  class footer-content
  div MelodyScroll
   class footer-logo
  div
   class social-links
   a Twitter
    href https://twitter.com
   a Instagram
    href https://instagram.com
   a Spotify
    href https://spotify.com
  p Celebrating the universal language of music
script.js