buildHtml
baseUrl https://cat.scroll.pub
metaTags
editButton /edit.html
title Purrfect Cats
style.css
header
 class hero
 nav
  div Cat.scroll.pub
   class logo
  div
   class nav-links
   a About
    href #about
   a Gallery
    href #gallery
   a Facts
    href #facts
   a Adopt
    class cta-button
    href #adopt
 div
  class hero-content
  h1 The Wonderful World of Cats
  p Discover the beauty, grace and mystery of our feline friends
  a Explore
   class primary-button
   href #about
main
 section
  id about
  class about
  h2 About Cats
  div
   class about-content
   p Cats are fascinating creatures with a history dating back thousands of years. They've been worshipped as gods, kept as companions, and admired for their independence and grace.
   p With over 70 recognized breeds, cats come in all shapes, sizes, and personalities - from the hairless Sphynx to the fluffy Maine Coon.
 section
  id gallery
  class gallery
  h2 Cat Gallery
  div
   class gallery-grid
   div
    class gallery-item
    img
     src /cat1.jpg
     alt Gray tabby cat stretching
   div
    class gallery-item
    img
     src /cat2.jpg
     alt Orange cat sleeping
   div
    class gallery-item
    img
     src /cat3.jpg
     alt Black cat with green eyes
   div
    class gallery-item
    img
     src /cat4.jpg
     alt Siamese cat looking curious
 section
  id facts
  class facts
  h2 Fun Cat Facts
  div
   class fact-cards
   div
    class fact-card
    h3 Whisker Magic
    p Cat whiskers are highly sensitive and help them navigate spaces and detect changes in their environment.
   div
    class fact-card
    h3 Purr Therapy
    p A cat's purr vibrates at 25-150 Hz, which can promote healing and reduce stress in humans.
   div
    class fact-card
    h3 Night Vision
    p Cats can see in light levels six times lower than what humans need to see clearly.
 section
  id adopt
  class adopt
  h2 Adopt a Cat
  div
   class adopt-content
   p Consider giving a loving home to a cat in need. Shelters have cats of all ages and personalities waiting for their forever homes.
   a Find a Shelter
    class primary-button
    href #
footer
 div
  class footer-content
  div
   class footer-links
   a About
    href #about
   a Gallery
    href #gallery
   a Facts
    href #facts
   a Adopt
    href #adopt
  p Created with love for feline friends everywhere.
script.js