super-embed:
<!DOCTYPE html>
<html>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Available Languages Hero -->

<!-- Poppins -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Inter -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">

<head>
    <style>
        .about-hero {
            background-color: #f5f6f7; /* landmark-gray-background */
            padding: 20px;
            text-align: center;
            font-family: "Poppins", sans-serif;
        }
        .about-subheading {
            color: #0e1d43; 
            margin-botton:20px;
            font-size:17px;
        }
        .about-heading {
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-size:36px;
            font-weight:600;
            color: #0e1d43; 
        }
        .about-button {
            background-color: #312e81; 
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            display: inline-block;
            border-radius:50px;
            border:none;
            cursor: pointer;
            margin-bottom: 50px;
            margin-top:20px;
          
        }
        .about-button:hover {
            background-color: #3730a3; /* landmark-violet-hover */
        }
        
        .about-link {
        color:white;
        text-decoration:none;
        }
        
         .about-link:hover {
        color:white;
        }

        
        /* Responsive design adjustments */
        @media (max-width: 1024px) {
            
            .about-heading,
            .about-subheading {
                font-size: 90%; /* Slightly smaller text */
            }
        }
        
        @media (max-width: 768px) {
           
            .about-heading {
                font-size: 80%; /* Even smaller text for mobile */
            }
            .about-subheading {
                font-size: 75%;
            }
        }
    </style>
</head>
<body>

<div class="about-hero">
    <h1 class="about-heading"> Available languages for transcription and translation</h1>
    <p class="about-subheading">We transcribe and translate audio and documents in over 25 languages, including Spanish, French, Chinese, and more. However, our expertise resides in English and Spanish transcriptions and translations.</p>
    <button class="about-button"> <a href="https://thelai.typeform.com/to/nGbbhLD4?utm_medium=ATQ" class="about-link"> Request Translation Quote </a> </button>

</div>
</div>
</body>
</html>

super-embed: 

<!DOCTYPE html>
<!-- Available Languages Banner -->
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <!-- Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
</head>

<style>
	.free-container{
		background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
  	align-items: center;
  	text-align: center;
  	padding: 80px;
   	margin-top:10px; 
   	margin-bottom:5px;
   	margin-left:-120px; 
   	margin-right:-90px; 
	}

		.banner-heading{
			font-family: "Poppins", sans-serif;
			font-size: 36px;
			color: #f5f6f7;
			font-weight:normal;
			margin: 10px 0;
		}

		.banner{
			font-family: "Inter", sans-serif;
			font-size: 18px;
			color: #f5f6f7;
			font-weight: 300;
			margin: 10px 0;
			padding-bottom:20px;
			margin-bottom:10px;
		}

		.free-account {
		font-family: "Inter", sans-serif;
		font-size: 15px;
		color: #363637;
		font-weight: 500;
		text-decoration: none;
		padding: 10px 15px;
		border-radius: 13px; 
		border: none;
		background-color: #f5f6f7;
		margin-top: 10px;
		margin-bottom: 30px;
		
		cursor: pointer;
		transition: background-color 0.3s ease; 
		}

		.free-account:hover {
		background-color: #e5e5e5;		
		}
		
		.banner-link {
		color:#f5f6f7;
		}
		
	/* Media Queries */
    @media (max-width: 768px) {
        .free-container {
            padding: 50px;
            margin: 0; 
        }

        .banner-heading {
            font-size: 30px; 
        }

        .banner {
            font-size: 18px;
        }

        .free-account {
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .banner-heading {
            font-size: 24px;
        }

        .banner {
            font-size: 16px;
        }

        .free-account {
            font-size: 13px;
        }
    }
</style>

<body>

	<div class="free-container">
		<h1 class="banner-heading">  Expand Your Research Globally with Expert Translations </h1>
		<p class="banner"> 
		Master Over 25 Languages, Including Specialized Spanish Translations,
		to Elevate Your Research
		</p>
		<a href="https://thelai.typeform.com/to/nGbbhLD4?utm_medium=ATQ" class="free-account"> Get a Quote Today </a>
	</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Available Languages List -->
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Poppins -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

	
<!-- Inter -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
 
</head>
<style>

  .language-list-container {
    background-color: #f5f6f7;
    padding: 20px;
    color: #0e1d43;
    font-family: "Inter", sans-serif;
  }

  .list-container {
    display: flex;
    justify-content: space-around;   
}

.column {
    flex: 1;
    padding: 10px;
}

.languages-list-heading {
  font-family: "Poppins", sans-serif;
  font-size: 36px;
  font-weight: normal;
  text-align: center;

}

.column h3 {
    color: #312e81;
}

.column ul {
    list-style: none;
    padding: 0;
}

.column li {
    margin-bottom: 25px;
    padding: 10px;
    background-color: #edeff1;
    border-left: 2px solid #312e81;
}

@media (max-width: 768px) {
  .list-container {
    flex-direction: column;
    align-items: center;
  }

  .column {
    width: 90%; /* Makes column width adjust to the screen size */
    padding: 10px;
  }

  .languages-list-heading {
    font-size: 24px; /* Smaller heading on smaller screens */
  }

  .column li {
    font-size: 14px; /* Smaller text for list items */
  }
}

@media (max-width: 480px) {
  .languages-list-heading {
    font-size: 20px; /* Even smaller heading for very small screens */
  }

  .column li {
    padding: 8px;
    font-size: 12px; /* Smaller text to fit more content */
    margin-bottom: 15px;
  }
}


</style>
<body>
  <div class="language-list-container">
  <h1 class="languages-list-heading"> Our Languages </h1>
  <div class="list-container">
   
    <div class="column">
        <ul>
          <li>Afrikaans</li>
          <li>Albanian</li>
          <li>Amharic</li>
          <li>Arabic</li>
          <li>Armenian</li>

          <li>Assamese</li>
          <li>Asturian</li>
          <li>Azerbaijani</li>
          <li>Basque</li>
          <li>Belarusian</li>

          <li>Bengali</li>
          <li>Bosnian</li>
          <li>Bulgarian</li>
          <li>Burmese</li>
          <li>Cantonese</li>

          <li>Catalan</li>
          <li>Chinese</li>
          <li>Chechen</li>
          <li>Corsican</li>
          <li>Croatian</li>

          <li>Czech</li>
          <li>Danish</li>
          <li>Dari</li>
          <li>Dutch</li>
          <li>English</li>

          <li>Estonian</li>
          <li>Farsi</li>
          <li>Finnish</li>
          <li>Flemish</li>
          <li>French</li>

          <li>Fulani</li>
          <li>Galician</li>
          <li>Georgian</li>
          <li>German</li>
          <li>Greek</li>

          <li>Guarani</li>
          <li>Gujarati</li>
          <li>Haitian Creole</li>
          
        </ul>
    </div>
    <div class="column">
        <ul>
          <li>Hausa</li>
          <li>Hawaiian</li>
          <li>Hebrew</li>
          <li>Hindi</li>
          <li>Hmong</li>
          <li>Hungarian</li>
          <li>Icelandic</li>

          <li>Igbo</li>
          <li>Indonesian</li>
          <li>Italian</li>
          <li>Japanese</li>
          <li>Javanese</li>

          <li>K’iche</li>
          <li>Kannada</li>
          <li>Karen</li>
          <li>Kashmiri</li>
          <li>Kazakh</li>

          <li>Khmer</li>
          <li>Kinyarwanda</li>
          <li>Korean</li>
          <li>Kurdish</li>
          <li>Lao</li>

          <li>Latin</li>
          <li>Latvian</li>
          <li>Lithuanian</li>
          <li>Macedonian</li>
          <li>Malagasy</li>
          <li>Malay</li>

          <li>Malayalam</li>
          <li>Maltese</li>
          <li>Mandarin</li>
          <li>Marathi</li>
          <li>Mongolian</li>

          <li>Nepali</li>
          <li>Norwegian</li>
          <li>Oromo</li>
          <li>Pashto</li>
          <li>Polish</li>

          


        </ul>
    </div>
    <div class="column">
        <ul>
          <li>Portuguese</li>
          <li>Punjabi</li>
          <li>Quechua</li>
          <li>Romanian</li>
          <li>Russian</li>

          <li>Sanskrit</li>
          <li>Serbian</li>
          <li>Slovak</li>
          <li>Slovenian</li>
          <li>Somali</li>

          <li>Sotho</li>
          <li><strong>Spanish</strong></li>
          <li>Swahili</li>
          <li>Swedish</li>
          <li>Tagalog</li>

          <li>Tamil</li>
          <li>Telugu</li>
          <li>Thai</li>
          <li>Tibetan</li>
          <li>Tigrinya</li>

          <li>Turkish</li>
          <li>Telugu</li>
          <li>Thai</li>
          <li>Tibetan</li>
          <li>Tigrinya</li>

          <li>Turkish</li>
          <li>Ukrainian</li>
          <li>Urdu</li>
          <li>Uzbek</li>
          <li>Valencian</li>

          <li>Vietnamese</li>
          <li>Welsh</li>
          <li>Wolof</li>
          <li>Wu (e.g. Shanghainese)</li>
          <li>Yiddish</li>

          <li>Yoruba</li>
          <li>Yue (incl. Cantonese)</li>
        </ul>
    </div>
</div>
</div>

</body>
</html>

super-embed:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--New Footer USA -->

    <!-- Poppins -->
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
       
    <style>  
    
    .footer-container{
	   margin-right:-90px;
     margin-left:-100px;
    }
    
    
        .CF-sitemap-section {
            background:linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
            color:#312E81;
            padding: 30px; 
            font-family: 'Inter', sans-serif;
            border-top: 1px solid #b5bec4;
            border-bottom: 1px solid #b5bec4;
        }

				.CF-header-container {
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 0px;
        }

				.CF-logo {           
            display: block;
						margin:0 auto
						 }



				.CF-sitemap-container {
				    display: flex;
				    flex-wrap: wrap;
				    justify-content: center;
				    padding: 0;
				    max-width: 100%;
				    margin: 0;
						}
		
					.CF-sitemap-column {
			    flex: 1 1 150px; /* Reduced base size for flex items */
			    margin: 10px 5px; /* Adjusted margins to be more uniform */
			    padding-left:80px;
					}
					
					.CF-sitemap-column-one {
			    flex: 1 1 150px; 
			    margin: 10px 5px; 
			    padding-left: 120px;
					}
					
					.CF-sitemap-column-two {
			    flex: 1 1 150px; 
			    margin: 10px 5px; 
			    padding-left: 110px;
					}
					
					.CF-sitemap-column-mission {
					    flex: 1 1 150px; /* Adjust base size to match other columns for consistency */
					    margin-right:10px;
					    align-self: flex-start; /* Aligns the mission column at the start of the flex container */
					    margin-top:60px;
					}

				.mission {
				    font-weight: 400;
				    font-size: 18px;  
				    font-family: 'Poppins', sans-serif;
				    color: #0e1d43;
				    text-align:center;
				    }
				
				
				.CF-sitemap-column h3 {
				    margin-bottom: 15px;
						text-align: left;
				        font-family: 'Poppins', sans-serif;
				        font-weight: 500;
				        font-size:17px;
				}
				
				.CF-sitemap-column-one h3 {
				    margin-bottom: 15px;
						text-align: left;
				        font-family: 'Poppins', sans-serif;
				        font-weight: 500;
				        font-size:17px;
				}
				
				.CF-sitemap-column-two h3 {
				    margin-bottom: 15px;
						text-align: left;
				        font-family: 'Poppins', sans-serif;
				        font-weight: 500;
				        font-size:17px;
				}
				
				.CF-sitemap-column a {
				    color:#0e1d43;
				    text-decoration: none;
				    display: block;
				    margin-bottom: 10px;
				    transition: color 0.3s;
				}
				
				.CF-sitemap-column-one a {
				    color:#0e1d43;
				    text-decoration: none;
				    display: block;
				    margin-bottom: 10px;
				    transition: color 0.3s;
				}
				
				.CF-sitemap-column-two a {
				    color:#0e1d43;
				    text-decoration: none;
				    display: block;
				    margin-bottom: 10px;
				    transition: color 0.3s;
				}
				
				.CF-sitemap-column a:hover {
				    text-decoration: underline;
				    color:#312e81;
				    transform: translateY(-2px);
				}
				
				.CF-sitemap-column-one a:hover {
				    text-decoration: underline;
				    color:#312e81;
				    transform: translateY(-2px);
				}
				
				.CF-sitemap-column-two a:hover {
				    text-decoration: underline;
				    color:#312e81;
				    transform: translateY(-2px);
				}
				
				.CF-sitemap-column a:last-child {
				    margin-bottom: 0;
				}
				
				.CF-sitemap-column-one a:last-child {
				    margin-bottom: 0;
				}
				
				.CF-sitemap-column-two a:last-child {
				    margin-bottom: 0;
				}
				
				
				.CF-footer-note-container {
				    padding: 20px 10px;
				    text-align: center;
				    margin-top: 20px;
				}
				
				.CF-footer-note {
				    color:#0e1d43 ;
				    margin-top: 40px;
				    padding: 0;
				}
				
				/* Media Queries for Responsive Design */
				
		@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; 
        align-items: center; 
        padding:5px;
        margin:0 auto;
    }

     .CF-sitemap-column-one {
        margin: 5px 0;
				margin-left: -65px; 
    }
    
     .CF-sitemap-column-two {
        margin: 5px 0;
				margin-left: -55px;  
    }
    
    
    
    .CF-sitemap-column {
    margin:25px;
		margin-left: -25px; 
    }

    .mission {
       font-size:12px;
    }

    .CF-footer-note-container {
        padding: 20px 5px; 
    }

    .CF-footer-note {
        font-size: 9px; 
    }
}

    </style>
</head>
<body>
<div class="footer-container">
    <section class="CF-sitemap-section">
        <!-- Header with Logo and LinkedIn Icon -->
        <div class="CF-header-container">
            <a href='/' class="CF-logo"><img src="https://landmarkmktemailimages.s3.amazonaws.com/footerlogo.png" alt="Landmark Logo"  width="100"></a>
        </div>
        <!-- Sitemap Columns -->
        <div class="CF-sitemap-container">
		   
            <!-- Column 1 -->
            <div class="CF-sitemap-column-one">
                <h3>Using Landmark</h3>
                <a href="/terms-and-conditions/using-landmark-for-universitiesorganizations">Universities/Organizations</a>
                <a href="/our-customers">Our Customers</a>
                <a href="/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-two">
                <h3>Landmark</h3>
                <a href="https://docs.thelai.com/contractor-page">I'm a Transcriber/Translator</a>
                <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>
            <!-- 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>
        </div>
        <!-- Footer Note -->

             <!-- Column 0 -->
             <div class="CF-sitemap-column-mission">
                <p class="mission"> Assisting researchers worldwide in completing their research faster <br/> and deeper so they can make an impact that will change the world. </p>
            </div>

        <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>
   </div>
</body>
</html>