<!-- A fully fleshed-out <head>, dynamically changing based on client.json and the page front matter -->
<!doctype html>
<html lang="en">
<head>
<!-- Standard meta tags -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Form Submission Successful Page" />
<meta name="keywords" content="" />
<link rel="canonical" href="https://animalpalaceandbuilds.com/page-path/formsuccess" />
<!--Social Media Display-->
<meta property="og:title" content="Submission Success!" />
<meta property="og:description" content="Form Submission Successful Page" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://animalpalaceandbuilds.com/page-path/formsuccess" />
<meta property="og:image" content="/assets/images/logo-small.png" />
<meta
property="og:image:secure_url"
content="/assets/images/logo-small.png"
/>
<!--Favicons-->
<link
rel="apple-touch-icon"
sizes="180x180"
href="/assets/favicons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/favicons/favicon-32x32.png?v1"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/favicons/favicon-16x16.png"
/>
<link rel="manifest" href="/assets/favicons/site.webmanifest" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<!-- Preloads -->
<link rel="preload" as="image" href="/assets/svgs/logo-white.svg" />
<link
rel="preload"
as="font"
type="font/woff2"
href="/assets/fonts/roboto-v29-latin-regular.woff2"
crossorigin
/>
<link
rel="preload"
as="font"
type="font/woff2"
href="/assets/fonts/roboto-v29-latin-700.woff2"
crossorigin
/>
<!-- Preload an image - tag not rendered if preloadImg is blank to stop console errors -->
<link rel="preload" as="image" href="../assets/images/Used Images/FullLogo_Transparent.PNG" />
<!-- Sitewide Stylesheets and Scripts -->
<link rel="stylesheet" href="/assets/css/root.css" />
<link rel="stylesheet" href="/assets/css/dark.css" />
<script defer src="/assets/js/dark.js"></script>
<script defer src="/assets/js/nav.js"></script>
<link rel="icon" type="image/png" href="/assets/favicons/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/assets/favicons/favicon.svg" />
<link rel="shortcut icon" href="/assets/favicons/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Animal Palace & Builds" />
<link rel="manifest" href="/assets/favicons/site.webmanifest" />
<link rel="stylesheet" href="/assets/css/local.css" />
<link rel="stylesheet" href="/assets/css/critical.css" />
<title>Submission Success!</title>
</head>
<body>
<!--Screen reader skip main nav-->
<a class="skip"
aria-label="skip to main content"
href="#main"
tabindex="1">Click To Skip To Main Content</a>
<!-- ============================================ -->
<!-- Navigation -->
<!-- ============================================ -->
<header id="cs-navigation">
<div class="cs-container">
<!--Nav Logo-->
<a href="/" class="cs-logo" aria-label="back to home" tabindex="2">
<img
src="/assets/images/Used Images/FullLogo_Transparent.PNG"
alt=""
width="210"
height="29"
aria-hidden="true"
decoding="async"
/>
</a>
<!--Navigation List-->
<nav class="cs-nav" role="navigation">
<!--Mobile Nav Toggle-->
<button
class="cs-toggle"
id="mobile-menu-toggle"
aria-expanded="false"
aria-controls="cs-expanded-ul"
aria-label="mobile menu toggle"
tabindex="4"
>
<div class="cs-box" aria-hidden="true">
<span class="cs-line cs-line1" aria-hidden="true"></span>
<span class="cs-line cs-line2" aria-hidden="true"></span>
<span class="cs-line cs-line3" aria-hidden="true"></span>
</div>
</button>
<!-- We need a wrapper div so we can set a fixed height on the cs-ul in case the nav list gets too long from too many dropdowns being opened and needs to have an overflow scroll. This wrapper acts as the background so it can go the full height of the screen and not cut off any overflowing nav items while the cs-ul stops short of the bottom of the screen, which keeps all nav items in view no matter how mnay there are-->
<div class="cs-ul-wrapper">
<ul id="cs-expanded" class="cs-ul">
<li
class="cs-li "
>
<a
href="/"
class="cs-li-link "
>
Home
</a>
</li>
<li
class="cs-li "
>
<a
href="/about/"
class="cs-li-link "
>
About Us
</a>
</li>
<li
class="cs-li cs-hide-on-desktop"
>
<a
href="/contact/"
class="cs-li-link "
>
Contact Us
</a>
</li>
<li
class="cs-li "
>
<a
href="/Shop/"
class="cs-li-link "
>
Shop
</a>
</li>
<li
class="cs-li cs-hide-on-mobile cs-hide-on-desktop"
>
<a
href="/page-path/formsuccess"
class="cs-li-link cs-active"
aria-current="page"
>
formsuccess
</a>
</li>
</ul>
</div>
</nav>
<a href="/contact" class="cs-button-solid cs-nav-button">Contact Us</a>
<!--Dark Mode toggle, uncomment button code if you want to enable a dark mode toggle-->
<button
id="dark-mode-toggle"
aria-label="dark mode toggle"
tabindex="3"
>
<svg
class="cs-moon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 480 480"
style="enable-background:new 0 0 480 480"
xml:space="preserve"
>
<path
d="M459.782 347.328c-4.288-5.28-11.488-7.232-17.824-4.96-17.76 6.368-37.024 9.632-57.312 9.632-97.056 0-176-78.976-176-176 0-58.4 28.832-112.768 77.12-145.472 5.472-3.712 8.096-10.4 6.624-16.832S285.638 2.4 279.078 1.44C271.59.352 264.134 0 256.646 0c-132.352 0-240 107.648-240 240s107.648 240 240 240c84 0 160.416-42.688 204.352-114.176 3.552-5.792 3.04-13.184-1.216-18.496z"
/>
</svg>
<img
class="cs-sun"
aria-hidden="true"
src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Icons%2Fsun.svg"
decoding="async"
alt="moon"
width="15"
height="15"
/>
</button>
</div>
</header>
<main id="main">
<section id="hero">
<div class="cs-container">
<div class="cs-flex-group">
<h1 class="cs-title">Submission Successful!</h1>
<a href="/index" class="cs-button-solid">Back to Home</a>
</div>
</div>
<!-- Page HTML goes here, without a <main> wrapper. The <main> tag is already presented in layouts/base.html -->
</main>
<!-- ============================================ -->
<!-- Footer -->
<!-- ============================================ -->
<footer id="footer">
<div class="container">
<div class="left-section">
</div>
<div class="right-section">
<div class="lists">
<ul>
<li>
<h2>Information</h2>
</li>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/about">About Us</a>
</li>
<!--<li>
<a href="/reviews">Reviews</a>
</li>-->
<li>
<a href="/contact">Contact</a>
</li>
</ul>
<ul>
<li>
<h2>Contact</h2>
</li>
<li>
<a href="/contact">
New London
CT
06320
</a>
</li>
<li>
<a href="tel:860-860-3869">
T: (860) 860-3869
</a>
</li>
<li>
<a href="mailto:Animalpalacect@gmail.com">Click to Email</a>
</li>
</ul>
</div>
</div>
</div>
<div class="credit">
<span>Designed and Hand Coded by</span>
<a href="https://www.rrservicesolutions.com" target="_blank" rel="noopener">RR Service Solutions</a>
<span class="copyright"> Copyright 2025 - Present</span>
</div>
</footer>
<script src="/assets/js/main.js" defer></script>
</body>
</html>