image

super-embed:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        :root {
    --Dark-to-Mid-Blue-Grad: radial-gradient(1390.52% 141.42% at 100% 100%, #0E1D43 0%, #325C92 100%);
    --Smooth-Rosolanc-Gradient: linear-gradient(42deg, rgba(181, 176, 216, 0.40) 8.34%, #FFF 97.45%);
    --text-white: #FFF;
    --main-dark-blue: #0e1d43;
    --main-mid-blue: #325c92;
    --accent-pink: #ac3c6e;
    --accent-lavender: #b5b0d8;
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.CF-sitemap-section {
    background: var(--Dark-to-Mid-Blue-Grad);
    color: var(--text-white);
    padding: 30px;
    border-radius: 16px;
}

.CF-header-container {
            margin-bottom: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 0px; /* This padding ensures the logo and LinkedIn icon aren't touching the screen edges */
        }

.CF-logo {
            max-width: 216px;
            display: block;
        }

.CF-linkedin-icon {
            width: 32px;
            height: 32px;
            display: block;
        }

.CF-sitemap-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 10px;
    max-width: 90%;
    margin: auto;
}

.CF-sitemap-column {
    flex: 1 1 200px;
    margin: 10px;
}

.CF-sitemap-column h3 {
    margin-bottom: 32px;
		text-align: left; /* Left align the h3 headers */
}

.CF-sitemap-column a {
    color: var(--text-white);
    text-decoration: none;
    display: block;
    margin-bottom: 24px;
    transition: color 0.3s;
}

.CF-sitemap-column a:hover {
    text-decoration: underline;
    color: var(--Smooth-Rosolanc-Gradient);
    transform: translateY(-2px);
}

.CF-sitemap-column a:last-child {
    margin-bottom: 0;
}

.CF-footer-note-container {
    padding: 20px 10px;
    text-align: center;
    margin-top: 40px;
}

.CF-footer-note {
    color: var(--text-white);
    margin-top: 40px;
    padding: 0;
}

@media screen and (max-width: 600px) {
    .CF-sitemap-column {
        width: 100%;
    }
}
    </style>
</head>
<body>
    <section class="CF-sitemap-section">
        <!-- Header with Logo and LinkedIn Icon -->
        <div class="CF-header-container">
            <a href='/'><img src="https://static-resources-super.s3.amazonaws.com/footerMidlARGE.png" alt="Landmark Logo" class="CF-logo"></a>
            <a href="https://www.linkedin.com/company/landmark-associates-inc-/" class="CF-linkedin-icon-link">
                <img src="https://static-resources-super.s3.amazonaws.com/linkedin.svg" alt="LinkedIn Icon" class="CF-linkedin-icon">
            </a>
        </div>

        <!-- Sitemap Columns -->
        <div class="CF-sitemap-container">
            <!-- Column 1 -->
            <div class="CF-sitemap-column">
                <h3>Using Landmark</h3>
                <a href="/terms-and-conditions/using-landmark-for-universitiesorganizations">Universities/Organizations</a>
                <a href="/pricing/transcription">Pricing</a>
                <a href="/available-languages">Available Languages</a>
                <a href="https://docs.thelai.com/">Help Center</a>
            </div>
            <!-- Column 2 -->
            <div class="CF-sitemap-column">
                <h3>Landmark</h3>
                <a href="/contractor">I'm a Transcriber/Translator</a>
                <a href="/our-customers">Our Customers</a>
                <a href="/serving-the-community">Serving the Community</a>
            </div>
            <!-- Column 3 -->
            <div class="CF-sitemap-column">
                <h3>Legal</h3>
                <a href="/privacy-policy">Privacy Policy</a>
                <a href="/terms-and-conditions">Terms and Conditions</a>
                <a href="/security-confidentiality">Security & Confidentiality</a>
            </div>
            <!-- Column 4 -->
            <div class="CF-sitemap-column">
                <h3>Handy Links</h3>
                <a href="https://thelai.typeform.com/to/sJwCUe">Get a customized quote</a>
                <a href="https://docs.thelai.com/fdf4b7dd39cb446f93c9cd6fa85f6ed1">How to request a transcript</a>
                <a href="https://docs.thelai.com/ded190891d6148eab2a3554b18f20a15">Request an invoice</a>
                <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=PIE">Get in touch</a>
            </div>
        </div>

        <!-- Footer Note -->
        <div class="CF-footer-note-container">
		        <p class="CF-footer-note">2701 East Thomas Road, Suite H<br> 
						Phoenix, AZ 85016<br>
						(480) 922-1105<br> 
						©2009-2024 Landmark Associates, Inc. | All Rights Reserved</p>
        </div>
    </section>
</body>
</html>