buildHtml
baseUrl https://lovelyunion.scroll.pub
metaTags
editButton /edit.html
title LovelyUnion - Find Your Perfect Match
style.css
header
 class hero-section
 nav
  div LovelyUnion
   class logo
  div
   class nav-links
   a Home
    href #home
   a Search
    href #search
   a Success Stories
    href #stories
   a Register
    class cta-button
    href #register
 div
  class hero-content
  h1 Find Your Soulmate
  p Where meaningful connections lead to lasting relationships
  button Get Started
   class primary-button
   onclick openRegister()
main
 section
  id search
  class search-section
  h2 Find Your Match
  div
   class search-filters
   div
    class filter-group
    label Age
    input
     type range
     min 18
     max 70
     value 25
    span
     class age-value
     25
   div
    class filter-group
    label Location
    select
     option Select Location
     option United States
     option Canada
     option United Kingdom
   div
    class filter-group
    label Religion
    select
     option Select Religion
     option Christianity
     option Islam
     option Hinduism
     option Buddhism
   button Search
    class search-button
    onclick searchProfiles()
 section
  id featured-profiles
  class profiles-grid
  h2 Featured Profiles
  div
   class profile-cards
 section
  id stories
  class success-stories
  h2 Success Stories
  div
   class story-carousel
   div
    class story-card
    img
     src images/couple1.jpg
     alt Happy Couple 1
    h3 Sarah & John
    p Found love through LovelyUnion
   div
    class story-card
    img
     src images/couple2.jpg
     alt Happy Couple 2
    h3 Maria & David
    p Married after meeting here
 section
  id register
  class register-section
  h2 Start Your Journey
  form
   class registration-form
   div
    class form-group
    label Name
    input
     type text
     required
   div
    class form-group
    label Email
    input
     type email
     required
   div
    class form-group
    label Password
    input
     type password
     required
   div
    class form-group
    label Birth Date
    input
     type date
     required
   button Submit
    class submit-button
    type submit
footer
 div
  class footer-content
  div
   class footer-links
   a About Us
    href #about
   a Privacy Policy
    href #privacy
   a Terms
    href #terms
   a Contact
    href #contact
  p Making meaningful connections since 2023
script.js