{"html":"<!DOCTYPE html><html lang=\"en\"><head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"wot-verification\" content=\"00634e0da741260b71b8\">\n    <!-- Title with target keywords (60 chars max) -->\n    <title>HundRoses - Canadian &amp; American Singles Dating App</title>\n    \n    <!-- Meta description (160 chars max) -->\n    <meta name=\"description\" content=\"Join HundRoses dating app for Canadian &amp; American singles. Find genuine matches &amp; meaningful connections. Swipe less, spark more!\">\n    \n    <!-- Keywords -->\n    <meta name=\"keywords\" content=\"dating, online dating, singles, meet, meeting, match, connection, hundroses, Canadian dating, American dating, Canada singles, USA singles\">\n    \n    <!-- Geographic targeting for Canada and USA -->\n    <meta name=\"geo.region\" content=\"CA\">\n    <meta name=\"geo.region\" content=\"US\">\n    <meta name=\"geo.placename\" content=\"Canada\">\n    <meta name=\"geo.placename\" content=\"United States\">\n    <meta name=\"geo.placename\" content=\"Edmonton\">\n    <meta name=\"geo.placename\" content=\"Alberta\">\n    <meta name=\"geo.position\" content=\"56.1304;-106.3468\">\n    <meta name=\"ICBM\" content=\"56.1304, -106.3468\">\n    <meta name=\"geo.position\" content=\"39.8283;-98.5795\">\n    <meta name=\"ICBM\" content=\"39.8283, -98.5795\">\n    \n    <meta name=\"norton-safeweb-site-verification\" content=\"LI0DJDJAC-8QAV2VBOEQDDDF67U5XM6RJ-VT0RUUJZRJ4FZ46MEOWC8B8K4IO2QA5S5LCHR8NJQE61TSUQ8W3O9MSFOW0I1HFG5BSLDD1JL444T-BTILG-H8AV654C1F\">\n    \n    <!-- Business address meta tags -->\n    <meta name=\"business.address\" content=\"11905 111 Ave NW, Unit 154, Edmonton, AB T5G 0E4, Canada\">\n    <meta name=\"business.locality\" content=\"Edmonton\">\n    <meta name=\"business.region\" content=\"Alberta\">\n    <meta name=\"business.postal-code\" content=\"T5G 0E4\">\n    <meta name=\"business.country\" content=\"Canada\">\n    \n    <!-- Local business schema meta -->\n    <meta name=\"business.type\" content=\"Dating Service\">\n    <meta name=\"business.name\" content=\"HundRoses\">\n    <meta name=\"business.email\" content=\"support@hundroses.com\">\n    \n    <!-- Language and region targeting -->\n    <meta name=\"language\" content=\"en-CA\">\n    <meta name=\"language\" content=\"en-US\">\n    <meta name=\"distribution\" content=\"global\">\n    <meta name=\"audience\" content=\"all\">\n    <meta name=\"coverage\" content=\"worldwide\">\n    <meta name=\"target\" content=\"all\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https://www.hundroses.com\">\n    \n    <!-- Alternative language/region versions -->\n    <link rel=\"alternate\" hreflang=\"en-CA\" href=\"https://www.hundroses.com\">\n    <link rel=\"alternate\" hreflang=\"en-US\" href=\"https://www.hundroses.com\">\n    <link rel=\"alternate\" hreflang=\"en\" href=\"https://www.hundroses.com\">\n    \n    <!-- Open Graph tags -->\n    <meta property=\"og:title\" content=\"HundRoses - Online Dating for Singles in Canada &amp; USA\">\n    <meta property=\"og:description\" content=\"Online dating platform for Canadian and American singles seeking authentic connections. Join HundRoses and swipe less, spark more.\">\n    <meta property=\"og:image\" content=\"https://www.hundroses.com/assets/images/favicon.png\">\n    <meta property=\"og:url\" content=\"https://www.hundroses.com\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:site_name\" content=\"HundRoses\">\n    <meta property=\"og:locale\" content=\"en_CA\">\n    <meta property=\"og:locale:alternate\" content=\"en_US\">\n    \n    <!-- Twitter Card tags -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"HundRoses - Online Dating for Canadian &amp; American Singles\">\n    <meta name=\"twitter:description\" content=\"Online dating platform for authentic connections across Canada and USA. Swipe less, spark more.\">\n    <meta name=\"twitter:image\" content=\"https://www.hundroses.com/assets/images/favicon.png\">\n    <meta name=\"twitter:site\" content=\"@hundroses\">\n    \n    <meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\n    \n<link rel=\"icon\" type=\"image/png\" href=\"/assets/images/favicon-96x96.png\" sizes=\"96x96\">\n<link rel=\"icon\" type=\"image/svg+xml\" href=\"/assets/images/favicon.svg\">\n<link rel=\"shortcut icon\" href=\"/assets/images/favicon.ico\">\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/assets/images/apple-touch-icon.png\">\n<meta name=\"apple-mobile-web-app-title\" content=\"HundRoses\">\n<link rel=\"manifest\" href=\"/assets/images/site.webmanifest\">\n\n    \n    <!-- Schema markup -->\n    <script type=\"application/ld+json\">\n    {\n      \"@context\": \"https://schema.org\",\n      \"@graph\": [\n        {\n          \"@type\": [\"Organization\", \"LocalBusiness\"],\n          \"@id\": \"https://www.hundroses.com/#organization\",\n          \"name\": \"HundRoses\",\n          \"alternateName\": [\"HundRoses Dating\", \"HundRoses Canada\", \"HundRoses USA\"],\n          \"url\": \"https://www.hundroses.com\",\n          \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https://www.hundroses.com/assets/images/favicon.png\",\n            \"width\": 512,\n            \"height\": 512\n          },\n          \"description\": \"Online dating platform for Canadian and American singles seeking genuine matches and meaningful connections\",\n          \"address\": {\n            \"@type\": \"PostalAddress\",\n            \"streetAddress\": \"11905 111 Ave NW, Unit 154\",\n            \"addressLocality\": \"Edmonton\",\n            \"addressRegion\": \"Alberta\",\n            \"postalCode\": \"T5G 0E4\",\n            \"addressCountry\": \"CA\"\n          },\n          \"foundingLocation\": {\n            \"@type\": \"Place\",\n            \"address\": {\n              \"@type\": \"PostalAddress\",\n              \"addressLocality\": \"Edmonton\",\n              \"addressRegion\": \"Alberta\",\n              \"addressCountry\": \"CA\"\n            }\n          },\n          \"areaServed\": [\n            {\n              \"@type\": \"Country\",\n              \"name\": \"Canada\",\n              \"sameAs\": \"https://en.wikipedia.org/wiki/Canada\"\n            },\n            {\n              \"@type\": \"Country\", \n              \"name\": \"United States\",\n              \"sameAs\": \"https://en.wikipedia.org/wiki/United_States\"\n            }\n          ],\n          \"serviceArea\": [\n            {\n              \"@type\": \"GeoShape\",\n              \"addressCountry\": [\"CA\", \"US\"]\n            }\n          ],\n          \"sameAs\": [\n            \"https://www.instagram.com/hundroses/\",\n            \"https://www.facebook.com/profile.php?id=61572414461946\",\n            \"https://x.com/hundroses\",\n            \"https://www.linkedin.com/company/hundroses/\"\n          ],\n          \"contactPoint\": [\n            {\n              \"@type\": \"ContactPoint\",\n              \"contactType\": \"customer service\",\n              \"email\": \"support@hundroses.com\",\n              \"areaServed\": [\"CA\", \"US\"],\n              \"availableLanguage\": [\"English\"]\n            }\n          ]\n        },\n        {\n          \"@type\": \"WebSite\",\n          \"@id\": \"https://www.hundroses.com/#website\",\n          \"url\": \"https://www.hundroses.com\",\n          \"name\": \"HundRoses - Online Dating Platform for Canada & USA\",\n          \"description\": \"Online dating platform for Canadian and American singles seeking genuine matches and meaningful connections\",\n          \"publisher\": {\n            \"@id\": \"https://www.hundroses.com/#organization\"\n          },\n          \"inLanguage\": [\"en-CA\", \"en-US\"],\n          \"audience\": {\n            \"@type\": \"Audience\",\n            \"geographicArea\": [\n              {\n                \"@type\": \"Country\",\n                \"name\": \"Canada\"\n              },\n              {\n                \"@type\": \"Country\",\n                \"name\": \"United States\"\n              }\n            ]\n          }\n        },\n        {\n          \"@type\": \"WebPage\",\n          \"@id\": \"https://www.hundroses.com/#webpage\",\n          \"url\": \"https://www.hundroses.com\",\n          \"name\": \"HundRoses - Online Dating for Canadian & American Singles\",\n          \"description\": \"Join HundRoses, the online dating platform for Canadian and American singles seeking genuine matches and meaningful connections. Swipe less, spark more.\",\n          \"isPartOf\": {\n            \"@id\": \"https://www.hundroses.com/#website\"\n          },\n          \"about\": {\n            \"@id\": \"https://www.hundroses.com/#organization\"\n          },\n          \"mainEntity\": {\n            \"@type\": \"Service\",\n            \"@id\": \"https://www.hundroses.com/#service\",\n            \"name\": \"Online Dating Platform\",\n            \"description\": \"Dating platform connecting Canadian and American singles for meaningful relationships\",\n            \"provider\": {\n              \"@id\": \"https://www.hundroses.com/#organization\"\n            },\n            \"serviceType\": \"Online Dating Service\",\n            \"areaServed\": [\n              {\n                \"@type\": \"Country\",\n                \"name\": \"Canada\"\n              },\n              {\n                \"@type\": \"Country\",\n                \"name\": \"United States\"\n              }\n            ],\n            \"audience\": {\n              \"@type\": \"Audience\",\n              \"audienceType\": \"Canadian and American singles seeking relationships\",\n              \"geographicArea\": [\n                {\n                  \"@type\": \"Country\",\n                  \"name\": \"Canada\"\n                },\n                {\n                  \"@type\": \"Country\", \n                  \"name\": \"United States\"\n                }\n              ]\n            }\n          }\n        }\n      ]\n    }\n    </script>\n    \n    <!-- Preload critical resources -->\n    <link rel=\"preload\" href=\"assets/css/file.css\" as=\"style\">\n    <link rel=\"preload\" href=\"assets/images/logo.png\" as=\"image\">\n\n    <!-- DNS prefetch for external resources -->\n    <link rel=\"dns-prefetch\" href=\"//cdnjs.cloudflare.com\">\n    <link rel=\"dns-prefetch\" href=\"//fonts.googleapis.com\">\n\n    <!-- Sitemap reference -->\n    <link rel=\"sitemap\" type=\"application/xml\" href=\"/sitemap.xml\">\n    \n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css\" integrity=\"sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\">\n    <link rel=\"stylesheet\" href=\"assets/css/file.css\">\n    <link rel=\"stylesheet\" href=\"assets/css/custom-styles.css\">\n    <style>\n      /* General layout fixes for bottom cutoff */\n      html, body {\n        margin: 0;\n        padding: 0;\n        min-height: 100vh;\n        overflow-x: hidden;\n        height: auto;\n      }\n      \n      .container {\n        width: 100%;\n        margin: 0 auto;\n        padding-bottom: 80px !important; /* Force bottom padding */\n        min-height: 100vh;\n      }\n      \n      .about_section {\n        margin-bottom: 80px !important; /* Force spacing at bottom */\n        padding-bottom: 60px !important;\n        min-height: auto;\n      }\n      \n      .about_content_div {\n        padding-bottom: 40px !important;\n      }\n      \n      .about_content_div p {\n        margin-bottom: 40px !important;\n        padding-bottom: 20px;\n      }\n      \n      /* Footer contact section */\n      .contact-footer {\n        background-color: #f8f8f8;\n        border-top: 1px solid #e0e0e0;\n        padding: 40px 20px;\n        text-align: center;\n        margin-top: 60px;\n      }\n      \n      .contact-footer h3 {\n        color: #9E2A43;\n        font-size: 24px;\n        margin-bottom: 20px;\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n        font-weight: 600;\n      }\n      \n      .contact-footer p {\n        color: #666;\n        font-size: 16px;\n        line-height: 1.6;\n        margin: 10px 0;\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n      }\n      \n      .contact-footer a {\n        color: #9E2A43;\n        text-decoration: none;\n      }\n      \n      .contact-footer a:hover {\n        text-decoration: underline;\n      }\n      \n      /* Skip link styles - hide on mobile */\n      .skip-link {\n        position: absolute;\n        top: -40px;\n        left: 6px;\n        background: #000;\n        color: #fff;\n        padding: 8px;\n        text-decoration: none;\n        z-index: 1000;\n        display: none; /* Hidden by default */\n      }\n      \n      .skip-link:focus {\n        top: 6px;\n        display: block;\n      }\n      \n      /* Mobile specific fixes */\n      @media (max-width: 991px) {\n        .container {\n          padding-bottom: 100px !important;\n        }\n        \n        .about_section {\n          margin-bottom: 80px !important;\n          padding-bottom: 60px !important;\n          flex-direction: column !important; /* Stack vertically on mobile */\n        }\n        \n        .about_left {\n          width: 100% !important;\n          text-align: center !important;\n          margin-bottom: 30px !important;\n        }\n        \n        .about_left img {\n          max-width: 80% !important;\n          height: auto !important;\n        }\n        \n        .about_right {\n          flex: none !important;\n          width: 100% !important;\n        }\n        \n        .about_content_div h2 {\n          font-size: 1.4rem !important; /* Smaller font on mobile */\n        }\n        \n        .about_content_div p {\n          margin-bottom: 60px !important;\n          padding-bottom: 30px !important;\n          font-size: 16px !important; /* Smaller font on mobile */\n        }\n        \n        /* Fix \"Swipe Less, Spark More\" size on mobile */\n        .center_text h1 {\n          font-size: 17px !important; /* Much smaller on mobile */\n          line-height: 1.1 !important;\n          margin: 10px 0 !important;\n          padding: 0 10px !important;\n        }\n        \n        /* Hide skip link on mobile completely */\n        .skip-link {\n          display: none !important;\n        }\n        \n        .contact-footer {\n          padding: 30px 15px;\n        }\n        \n        .contact-footer h3 {\n          font-size: 20px;\n        }\n        \n        .contact-footer p {\n          font-size: 14px;\n        }\n      }\n      \n      /* Ensure full height on all devices */\n      @media (max-height: 800px) {\n        .container {\n          padding-bottom: 120px !important;\n        }\n      }\n    </style>\n    \n        <style>\n      /* Desktop specific styles */\n      #primary-logo {\n        transform: scale(0.88); \n        position: relative; \n        right: 85px;\n      }\n      .center_text h1 {\n        font-size: 60px; \n        color: #9E2A43; \n        font-family: 'Helvetica Inserat', 'Helvetica Neue', Arial, sans-serif; \n        font-weight: 700; \n        margin: 0; \n        letter-spacing: -0.5px;\n      }\n      .socialicons_div {\n        margin-top: -40px;\n      }\n      .social_div {\n        display: flex; \n        gap: 20px;\n      }\n      .social_div a {\n        display: flex; \n        align-items: center; \n        justify-content: center; \n        width: 64px; \n        height: 64px; \n        border-radius: 50%; \n        background-color: #ffffff; \n        color: #C53157; \n        font-size: 30px; \n        box-shadow: 0px 2px 5px rgba(0,0,0,0.1);\n      }\n      .banner_right_top_div h2 {\n        font-family: 'Arial Narrow', Arial, sans-serif; \n        font-weight: bold; \n        font-size: 40px; \n        text-transform: none; \n        color: #000; \n        margin-bottom: 10px;\n      }\n      .banner_right_top_div p {\n        font-family: 'Helvetica Neue', Arial, sans-serif; \n        font-size: 21px; \n        line-height: 1.4; \n        color: #333;\n      }\n      .form_row label {\n        display: flex; \n        align-items: center; \n        gap: 5px; \n        font-family: 'Helvetica Neue', Arial, sans-serif; \n        font-size: 20px; \n        text-transform: uppercase; \n        color: #444;\n      }\n      .form_row input, .form_row select {\n        font-size: 20px; \n        font-family: 'Helvetica Neue', Arial, sans-serif;\n      }\n      .form_row_btn button {\n        background-color: #EC6A8B; \n        font-family: 'Helvetica Neue', Arial, sans-serif; \n        font-size: 21px; \n        font-weight: 600; \n        color: white; \n        border-radius: 25px; \n        border: none; \n        padding: 12px 30px; \n        width: 100%;\n      }\n      .about_left img {\n        max-width: 85%; \n        height: auto;\n      }\n      .icons_div {\n        display: flex; \n        align-items: center; \n        margin-bottom: 15px;\n      }\n      .icons_div .image_div {\n        margin-right: 15px;\n      }\n      .icons_div h2 {\n        font-family: 'Arial Narrow', Arial, sans-serif; \n        font-weight: bold; \n        font-size: 40px; \n        margin: 0; \n        color: #000; \n        white-space: nowrap;\n      }\n      .about_content_div p {\n        font-family: 'Helvetica Neue', Arial, sans-serif; \n        font-size: 21px; \n        line-height: 1.4; \n        color: #333; \n        text-align: center;\n      }\n      /* Show skip link on desktop */\n      .skip-link {\n        display: block;\n      }\n      \n      /* Desktop specific layout fixes */\n      .container {\n        padding-bottom: 150px !important; /* Much more bottom padding on desktop */\n      }\n      \n      .about_section {\n        margin-bottom: 100px !important;\n        padding-bottom: 80px !important;\n      }\n      \n      .about_content_div p {\n        margin-bottom: 60px !important;\n        padding-bottom: 40px !important;\n      }\n    </style>\n      \n<style>\n  @media (max-width: 768px) {\n    .header {\n      display: flex;\n      flex-direction: column-reverse;\n      align-items: center;\n    }\n\n    .social-icons {\n      order: -1;\n      margin-bottom: 10px;\n    }\n  }\n</style>\n<style>\n         @keyframes float {\n           0% { transform: translateY(0) rotate(0deg); opacity: 0; }\n           25% { opacity: 0.7; }\n           75% { opacity: 0.7; }\n           100% { transform: translateY(-20px) rotate(10deg); opacity: 0; }\n         }\n         \n         .banner_right_top_div, .banner_right_top_form_div {\n           position: relative;\n           overflow: hidden;\n         }\n       </style></head>\n  <body style=\"min-height: 100vh;\">\n   <!-- Skip navigation for accessibility - only show on desktop -->\n      <a href=\"#main-content\" class=\"skip-link\">Skip to main content</a>\n      \n   <div class=\"container\" style=\"padding-bottom: 150px;\">\n    <header class=\"hero-div\">\n      <nav class=\"header_main\" role=\"navigation\" aria-label=\"Main navigation\">\n        <!-- Logo -->\n        <div class=\"logo_div\">\n          <img src=\"assets/images/logo.png\" alt=\"HundRoses - Online Dating Platform Logo\" id=\"primary-logo\">\n        </div>\n\n        <!-- Main heading -->\n        <div class=\"center_text\">\n          <h1>Swipe Less, Spark More</h1>\n        </div>\n\n        <!-- Social media links -->\n        <div class=\"socialicons_div\">\n          <div class=\"social_div\" role=\"list\" aria-label=\"Social media links\">\n            <a href=\"https://www.instagram.com/hundroses/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Follow HundRoses on Instagram @hundroses\"><i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"></i></a>\n            <a href=\"https://www.facebook.com/profile.php?id=61572414461946\" target=\"_blank\" rel=\"noopener\" aria-label=\"Follow HundRoses on Facebook\"><i class=\"fa-brands fa-facebook-f\" aria-hidden=\"true\"></i></a>\n            <a href=\"https://x.com/hundroses\" target=\"_blank\" rel=\"noopener\" aria-label=\"Follow HundRoses on Twitter @hundroses\"><i class=\"fa-brands fa-twitter\" aria-hidden=\"true\"></i></a>\n            <a href=\"https://www.linkedin.com/company/hundroses/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Follow HundRoses on LinkedIn\"><i class=\"fa-brands fa-linkedin-in\" aria-hidden=\"true\"></i></a>\n          </div>\n        </div>\n      </nav>\n\n      <!-- Main content banner -->\n      <main id=\"main-content\" class=\"banner_main\" role=\"main\">\n        <!-- Decorative elements -->\n        <img src=\"assets/images/heart.png\" class=\"heart1\" alt=\"Heart decoration for Canadian and American dating app\" role=\"presentation\">\n        <img src=\"assets/images/heart.png\" class=\"heart2\" alt=\"Heart decoration for online dating singles\" role=\"presentation\">\n        <img src=\"assets/images/heart.png\" class=\"heart3\" alt=\"Heart decoration for meaningful connections\" role=\"presentation\">\n        <img src=\"assets/images/arrow_right.png\" class=\"arrow_right\" alt=\"Arrow decoration for dating app navigation\" role=\"presentation\">\n        \n        <div class=\"banner_left\">\n          <img src=\"assets/images/banner_left.PNG\" alt=\"Happy Canadian and American couple using HundRoses dating app for online dating and meeting singles\">\n        </div>\n        \n        <section class=\"banner_right\">\n          <div class=\"banner_right_top_div\">\n            <h2>Join Canadian &amp; American Online Dating - Early Access</h2>\n            <!-- Hidden SEO headers -->\n            <h3 style=\"font-size: 1px; color: #f8f8f8; line-height: 1px; margin: 0; padding: 0; overflow: hidden;\">Premium Dating App for Singles Seeking Genuine Matches</h3>\n            <p>\n              Be among the first Canadian and American singles to experience our innovative online dating platform. VIP members get exclusive benefits and priority access to connect with local matches for meaningful relationships.\n            </p>\n          <div style=\"position: absolute; font-size: 19.9232px; opacity: 0.7; left: 70.199%; top: 6.00349%; transform: rotate(-13.5602deg); animation: 4.44222s ease-in-out 0s infinite normal none running float; z-index: 1; pointer-events: none;\">❤️</div><div style=\"position: absolute; font-size: 21.5355px; opacity: 0.7; left: 5.22246%; top: 99.5335%; transform: rotate(8.5249deg); animation: 4.24947s ease-in-out 0s infinite normal none running float; z-index: 1; pointer-events: none;\">❤️</div><div style=\"position: absolute; font-size: 17.0335px; opacity: 0.7; left: 19.1566%; top: 91.1452%; transform: rotate(-14.2574deg); animation: 6.12835s ease-in-out 0s infinite normal none running float; z-index: 1; pointer-events: none;\">❤️</div></div>\n\n          <div class=\"banner_right_top_form_div\">\n                        <form action=\"\" method=\"POST\" aria-label=\"Sign up for early access to HundRoses dating platform\">\n              <div class=\"form_row\">\n                <div>\n                  <label for=\"fname\"><img src=\"assets/images/user.png\" alt=\"\" aria-hidden=\"true\"> FIRST NAME</label>\n                  <input type=\"text\" id=\"fname\" name=\"fname\" placeholder=\"First Name\" required=\"\" aria-required=\"true\">\n                </div>\n\n                <div>\n                  <label for=\"lname\"><img src=\"assets/images/user.png\" alt=\"\" aria-hidden=\"true\"> LAST NAME</label>\n                  <input type=\"text\" id=\"lname\" name=\"lname\" placeholder=\"Last Name\" required=\"\" aria-required=\"true\">\n                </div>\n              </div>\n\n              <div class=\"form_row\">\n                <div>\n                  <label for=\"email\"><img src=\"assets/images/mail.png\" alt=\"\" aria-hidden=\"true\">E-MAIL</label>\n                  <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Enter Email\" required=\"\" aria-required=\"true\">\n                </div>\n\n                <div>\n                  <label for=\"country\"><img src=\"assets/images/country.png\" alt=\"\" aria-hidden=\"true\">COUNTRY</label>\n                  <select id=\"country\" name=\"country\" required=\"\" aria-required=\"true\">\n                    <option value=\"\">Select Country</option>\n                    <option value=\"Canada\">🇨🇦 Canada</option>\n                    <option value=\"United States\">🇺🇸 United States</option>\n                    <option value=\"\">── Other Countries ──</option>\n                    <option value=\"Australia\">Australia</option>\n                    <option value=\"Austria\">Austria</option>\n                    <option value=\"Belgium\">Belgium</option>\n                    <option value=\"Bulgaria\">Bulgaria</option>\n                    <option value=\"Croatia\">Croatia</option>\n                    <option value=\"Cyprus\">Cyprus</option>\n                    <option value=\"Czech Republic\">Czech Republic</option>\n                    <option value=\"Denmark\">Denmark</option>\n                    <option value=\"Estonia\">Estonia</option>\n                    <option value=\"Finland\">Finland</option>\n                    <option value=\"France\">France</option>\n                    <option value=\"Germany\">Germany</option>\n                    <option value=\"Greece\">Greece</option>\n                    <option value=\"Hungary\">Hungary</option>\n                    <option value=\"Ireland\">Ireland</option>\n                    <option value=\"Italy\">Italy</option>\n                    <option value=\"Latvia\">Latvia</option>\n                    <option value=\"Lithuania\">Lithuania</option>\n                    <option value=\"Luxembourg\">Luxembourg</option>\n                    <option value=\"Malta\">Malta</option>\n                    <option value=\"Netherlands\">Netherlands</option>\n                    <option value=\"Poland\">Poland</option>\n                    <option value=\"Portugal\">Portugal</option>\n                    <option value=\"Romania\">Romania</option>\n                    <option value=\"Slovakia\">Slovakia</option>\n                    <option value=\"Slovenia\">Slovenia</option>\n                    <option value=\"Spain\">Spain</option>\n                    <option value=\"Sweden\">Sweden</option>\n                    <option value=\"United Kingdom\">United Kingdom</option>\n                  </select>\n                </div>\n              </div>\n\n              <div class=\"form_row_btn\">\n                <button type=\"submit\" name=\"keep_me_posted\">Keep Me Posted</button>\n              </div>\n            </form>\n          <div style=\"position: absolute; font-size: 14.1615px; opacity: 0.7; left: 47.6777%; top: 82.6335%; transform: rotate(0.162702deg); animation: 3.98461s ease-in-out 0s infinite normal none running float; z-index: 1; pointer-events: none;\">❤️</div><div style=\"position: absolute; font-size: 17.1624px; opacity: 0.7; left: 65.1921%; top: 23.6876%; transform: rotate(8.56113deg); animation: 4.65756s ease-in-out 0s infinite normal none running float; z-index: 1; pointer-events: none;\">❤️</div><div style=\"position: absolute; font-size: 12.4907px; opacity: 0.7; left: 11.9129%; top: 9.46067%; transform: rotate(-7.63199deg); animation: 6.74446s ease-in-out 0s infinite normal none running float; z-index: 1; pointer-events: none;\">❤️</div></div>\n        </section>\n      </main>\n    </header>\n   </div>   \n\n<!-- About section -->\n<section class=\"container\">\n  <div class=\"about_section\">\n    <div class=\"about_left\">\n      <img src=\"assets/images/aboutus_left.png\" alt=\"HundRoses online dating platform for Canadian and American singles seeking genuine matches and connections\">\n    </div>\n\n    <div class=\"about_right\">\n      <div class=\"about_content_div\">\n        <h2 style=\"text-align: center; margin-bottom: 20px;\">\n          HundRoses Online Dating\n        </h2>\n        \n        <!-- Hidden SEO headers -->\n        <h3 style=\"font-size: 1px; color: #f8f8f8; line-height: 1px; margin: 0; padding: 0; overflow: hidden;\">Premium Dating App Connecting Singles Across Canada &amp; USA</h3>\n\n        <p>\n          HundRoses is dedicated to transforming online dating across Canada and the USA with an innovative platform\n          designed for North American singles seeking genuine matches and meaningful connections. Our dating app offers a\n          fresh perspective on meeting people online, featuring advanced matching algorithms and authentic\n          relationship-building tools tailored for the Canadian and American dating experience.\n        </p>\n        \n        <!-- Hidden SEO headers -->\n        <h4 style=\"font-size: 1px; color: #f8f8f8; line-height: 1px; margin: 0; padding: 0; overflow: hidden;\">Why Canadian &amp; American Singles Choose HundRoses Dating</h4>\n        <h5 style=\"font-size: 1px; color: #f8f8f8; line-height: 1px; margin: 0; padding: 0; overflow: hidden;\">Advanced Matching for Meaningful Online Dating Connections</h5>\n        <h6 style=\"font-size: 1px; color: #f8f8f8; line-height: 1px; margin: 0; padding: 0; overflow: hidden;\">Join Thousands of Singles Finding Love Through Our Dating Platform</h6>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- Contact Footer -->\n<footer class=\"contact-footer\">\n  <div class=\"container\">\n    <h3 style=\"font-size: 1px; color: #f8f8f8; line-height: 1px; margin: 0; padding: 0; overflow: hidden;\">Contact HundRoses - Canadian &amp; American Dating App</h3>\n    <h4 style=\"font-size: 1px; color: #f8f8f8; line-height: 1px; margin: 0; padding: 0; overflow: hidden;\">Edmonton-Based Online Dating Platform Serving North America</h4>\n    <h3>Contact Information</h3>\n    <p><strong>HundRoses Dating Service</strong><br>\n    11905 111 Ave NW, Unit 154<br>\n    Edmonton, AB T5G 0E4<br>\n    Canada</p>\n    \n    <p>Email: <a href=\"mailto:support@hundroses.com\">support@hundroses.com</a></p>\n    \n    <h5 style=\"font-size: 1px; color: #f8f8f8; line-height: 1px; margin: 0; padding: 0; overflow: hidden;\">Supporting Canadian &amp; American Singles in Online Dating</h5>\n    \n    <p>© 2025 HundRoses. Connecting Canadian and American singles through meaningful online dating experiences and genuine matches.</p>\n  </div>\n</footer>\n\n   \n   <script src=\"assets/js/file.js\"></script>\n   <script>\n     // Only apply styling changes on desktop\n     if (window.innerWidth >= 992) {\n       document.body.style.fontFamily = 'Arial, sans-serif';\n       document.body.style.zoom = '0.8';\n       \n       // Force minimum height for desktop\n       document.body.style.minHeight = '120vh';\n       document.querySelector('.container:last-of-type').style.paddingBottom = '200px';\n     } else {\n       // Mobile adjustments\n       document.body.style.minHeight = '100vh';\n       document.querySelector('.container:last-of-type').style.paddingBottom = '150px';\n     }\n     \n     // Add interactive decorative hearts to white boxes\n     document.addEventListener('DOMContentLoaded', function() {\n       // Function to create and animate a heart\n       function createHeart(container) {\n         const heart = document.createElement('div');\n         heart.innerHTML = '❤️';\n         heart.style.position = 'absolute';\n         heart.style.fontSize = (10 + Math.random() * 14) + 'px';\n         heart.style.opacity = '0.7';\n         heart.style.left = Math.random() * 100 + '%';\n         heart.style.top = Math.random() * 100 + '%';\n         heart.style.transform = 'rotate(' + (Math.random() * 40 - 20) + 'deg)';\n         heart.style.animation = 'float ' + (3 + Math.random() * 4) + 's ease-in-out infinite';\n         heart.style.zIndex = '1';\n         heart.style.pointerEvents = 'none'; // Make hearts non-interactive with mouse\n         \n         container.appendChild(heart);\n         \n         // Remove heart after animation\n         setTimeout(() => {\n           heart.remove();\n         }, 7000);\n       }\n       \n       // Add CSS for floating animation\n       const style = document.createElement('style');\n       style.textContent = `\n         @keyframes float {\n           0% { transform: translateY(0) rotate(0deg); opacity: 0; }\n           25% { opacity: 0.7; }\n           75% { opacity: 0.7; }\n           100% { transform: translateY(-20px) rotate(10deg); opacity: 0; }\n         }\n         \n         .banner_right_top_div, .banner_right_top_form_div {\n           position: relative;\n           overflow: hidden;\n         }\n       `;\n       document.head.appendChild(style);\n       \n       // Get white box containers\n       const topDiv = document.querySelector('.banner_right_top_div');\n       const formDiv = document.querySelector('.banner_right_top_form_div');\n       \n       // Add hearts periodically - less frequently on desktop\n       const isMobile = window.innerWidth < 992;\n       const heartFrequency1 = isMobile ? 3000 : 5000;\n       const heartFrequency2 = isMobile ? 4000 : 6000;\n       const initialHearts = isMobile ? 3 : 2;\n       \n       if (topDiv) {\n         setInterval(() => createHeart(topDiv), heartFrequency1);\n         // Add initial hearts\n         for (let i = 0; i < initialHearts; i++) {\n           createHeart(topDiv);\n         }\n       }\n       \n       if (formDiv) {\n         setInterval(() => createHeart(formDiv), heartFrequency2);\n         // Add initial hearts\n         for (let i = 0; i < initialHearts; i++) {\n           createHeart(formDiv);\n         }\n       }\n       \n       // Make elements interactive on hover by adding more hearts\n       [topDiv, formDiv].forEach(div => {\n         if (div) {\n           div.addEventListener('mouseover', function() {\n             // Create extra hearts on hover - fewer on desktop\n             const hoverHearts = isMobile ? 3 : 2;\n             const hoverDelay = isMobile ? 300 : 500;\n             for (let i = 0; i < hoverHearts; i++) {\n               setTimeout(() => createHeart(div), i * hoverDelay);\n             }\n           });\n         }\n       });\n     });\n   </script>\n  \n</body></html>"}