super-embed:
<!DOCTYPE html>
<!-- Homepage Hero -->
<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">
<style>
.hero-section {
margin-top: 50px;
font-family: "Poppins", sans-serif;
color: #0e1d43;
}
.hero-section-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}
.hero-section-content {
margin-bottom: 40px;
}
.hero-section-heading {
font-size: 2.5rem;
color: #0e1d43;
margin-bottom: 20px;
font-weight: 600;
margin-left:50px;
margin-right:50px;
}
.hero-section-paragraph {
font-size: 1.10rem;
color: #0e1d43;
margin-bottom: 30px;
}
.hero-section-cta-link, .hero-section-learn-more {
display: inline-block;
padding: 10px 30px;
border-radius: 50px;
text-decoration: none;
transition: 0.3s;
margin-right: 8px;
font-weight: 600;
}
.hero-section-cta-link {
background-color: #312e81;
color: #f6f7f7;
border: 1px solid #312e81;
}
.hero-section-cta-link:hover {
background-color: #3730a3;
border: 1px solid #3730a3;
}
.hero-section-learn-more {
background-color: transparent;
color: #0e1d43;
border: 1px solid #b5bec4;
border-radius: 50px;
}
.hero-section-learn-more:hover {
border: 1px solid #d8dcdf;
}
/* Media Queries for Responsive Design */
@media (max-width: 768px) {
.hero-section-heading {
font-size: 2.2rem;
}
.hero-section-paragraph {
font-size: 1rem;
}
.hero-section-cta-link {
padding: 10px;
font-size:18px;
}
.hero-section-learn-more {
padding: 5px;
font-size:18px;
margin-top:10px;
}
.hero-section-content {
margin: 30px auto;
}
}
/* Very Small Devices */
@media (max-width: 360px) {
.hero-section-heading {
font-size: 1.4rem;
}
.hero-section-paragraph {
font-size: 0.85rem;
}
.hero-section-content {
margin: 20px auto;
}
}
/* General Responsive Adjustments */
.hero-section-container {
width: 100%;
max-width: 1200px;
padding: 0 10px;
}
.hero-section-content {
padding: 0px 10px;
}
</style>
</head>
<body>
<section class="hero-section">
<div class="hero-section-container">
<div class="hero-section-content">
<h1 class="hero-section-heading">Landmark: Your Premier Choice </br> for Research Support Excellence</h1>
<p class="hero-section-paragraph">Unlock your research potential with Landmark's advanced services.</p>
<a href="https://thelai.com/gfa" class="hero-section-cta-link"><strong>Get a Free Account</strong></a>
<a href="https://thelai.com/gfa" class="hero-section-learn-more">Start Accelerating Your Research →</a>
</div>
</div>
</section>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Blue Square Features -->
<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>
.features-component {
margin-left:-100px;
margin-right:-90px;
padding: 50px;
font-family: Inter, sans-serif;
background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
color:#f5f6f7;
}
.features-component-container {
margin: auto;
padding: 20px;
}
.content {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.column1, .column2 {
flex: 1;
}
.column1 {
margin-right: 20px;
}
.column2 img {
width: 100%;
height: auto;
display: block; /
}
.image-features{
border-radius:10px;
max-width: 85%;
box-shadow: 11px 13px 11px rgba(0, 0, 0, 0.4);
}
.heading2-features{
text-align:center;
font-size:36px;
font-weight:normal;
font-family:Poppins, sans-serif;
}
.paragraph-features{
text-align:center;
margin-bottom:50px;
font-size:17px;
}
.feature-card-first{
border-radius: 10px;
padding:20px;
background: rgba(218, 222, 234, 0.1);
margin-right:-40px;
margin-top:20px;
margin-bottom:5px;
}
.feature-one-card{
border-radius: 10px;
padding:20px;
background: rgba(218, 222, 234, 0.1);
margin-right:-40px;
margin-bottom:5px;
}
.feature-card-first p{
font-size:17px;
}
.feature-one-card p{
font-size:17px;
}
.feature-title{
font-weight:600;
margin-bottom:10px;
font-family:Inter, sans-serif;
font-size:17px;
}
@media screen and (max-width: 768px) {
.features-component{
padding: 5px;
margin:0 auto;
}
.content {
flex-direction: column;
}
.image-features{
margin-top:5px;
}
}
</style>
<body>
<div class="features-component">
<div class="features-component-container">
<h2 class="heading2-features">Everything you need to run your study</h2>
<p class="paragraph-features">Your Comprehensive, All-in-One Research Platform</p>
<div class="content">
<div class="column1">
<div class="feature-card-first">
<p class="feature-title"> Projects </p>
<p> Our platform streamlines project management,
enabling you to easily organize, track,
and oversee all your research activities in one centralized location. </p>
</div>
<div class="feature-one-card">
<p class="feature-title"> Folders</p>
<p> Keep your research data, documents, and resources neatly organized with our intuitive folder system. Access everything you need with just a few clicks. </p>
</div>
<div class="feature-one-card">
<p class="feature-title"> Participants </p>
<p> Recruit, engage, and manage participants with ease. Our tools support ethical practices, ensuring informed consent, privacy, and a seamless experience for all involved. </p>
</div>
<div class="feature-one-card">
<p class="feature-title"> Transcription and Translation </p>
<p> Easily transcribe audio and video files, and translate content into multiple languages. Our platform helps your research go faster and stay organized. </p>
</div>
</div>
<div class="column2">
<img src="https://landmarkmktemailimages.s3.amazonaws.com/dashboard-her.png" class="image-features" />
</div>
</div>
</div>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Cards Features-->
<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">
<style>
.cards-body {
margin: 0;
font-family:"Inter", sans-serif;
line-height: 1.6;
box-sizing: border-box;
padding-top:-50px;
background-color: #f5f6f7;
}
.py-24 {
padding-top: 6rem; /* 24*0.25 = 6rem */
padding-bottom: 6rem;
}
.py-32 {
padding-top: 8rem; /* 32*0.25 = 8rem */
padding-bottom: 8rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.max-w-7xl {
max-width: 80rem; /* Example max-width, adjust as needed */
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.max-w-2xl {
max-width: 42rem;
}
.sm\:mt-20 {
margin-top: 5rem;
}
.lg\:mt-24 {
margin-top: 6rem;
}
.lg\:max-w-4xl {
max-width: 56rem;
}
.grid {
display: grid;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.gap-x-8 {
column-gap: 2rem;
}
.gap-y-10 {
row-gap: 2.5rem;
}
.lg\:max-w-none {
max-width: none;
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:gap-y-16 {
row-gap: 4rem;
}
/* Styling for the icons and text */
.relative {
position: relative;
}
.pl-16 {
padding-left:2.5rem;
}
.text-base-cards {
font-size: 1rem;
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.leading-7 {
line-height: 1.75rem;
}
.text-gray-900 {
color: #0e1d43;
}
.text-gray-600 {
color: #4c586b;
}
/* Icon styles */
.absolute {
position: absolute;
left: 0;
transform: translateX(-20%);
top: 0.5rem;
}
.left-0 {
left: 0;
}
.top-0 {
top: 0;
}
.flex {
display: flex;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.rounded-lg {
border-radius: 0.5rem;
}
.bg-landmark-purple {
background-color: #312e81;
}
.h-10 {
height: 2.5rem;
}
.w-10 {
width: 2.5rem;
}
.align-left {
text-align:left;
transform: translateX(-20%);
}
/* SVG icon adjustments */
.h-6 {
height: 1.5rem;
}
.w-6 {
width: 1.5rem;
}
.text-white {
color: #fff;
}
[stroke-width="1.5"] {
stroke-width: 1.5;
}
.features-heading{
text-align: center;
color: #0e1d43;
font-size: 36px;
font-family:"Poppins", sans-serif;
font-weight:normal;
margin-top:-40px;
}
.features-paragraph{
text-align: center;
color: #0e1d43;
margin-bottom:40px;
font-size:17px;
}
.features-img {
border-radius:10px;
display: block;
margin: 0 auto;
}
.features-img-container {
border-radius:10px;
display: block;
margin: 0 auto;
margin-top:30px;
}
/* Responsive adjustments */
@media screen and (max-width: 1024px) {
.py-24 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-32 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.px-6 {
padding-left: 1rem;
padding-right: 1rem;
}
.lg\:px-8 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.pl-16 {
padding-left: 2rem;
}
.h-10, .w-10 {
height: 2rem;
width: 2rem;
}
.h-6, .w-6 {
height: 1.25rem;
width: 1.25rem;
}
}
@media screen and (max-width: 768px) {
.py-24, .py-32 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.px-6, .lg\:px-8 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.pl-16 {
padding-left: 2rem;
}
.h-10, .w-10 {
height: 1.75rem;
width: 1.75rem;
}
.h-6, .w-6 {
height: 1rem;
width: 1rem;
}
.features-img-container {
display:none;
}
}
</style>
</head>
<body>
<!-- Cards Container -->
<div class="cards-body py-24 sm:py-32">
<div class="features-container">
<h3 class="features-heading"> Boosting your Research Impact </h3>
<p class="features-paragraph">
Our goal is to transform every aspect of your study into actionable insights, ensuring a seamless and effective research process.
</p>
</div>
<div class="mx-auto max-w-2xl lg:max-w-4xl">
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16">
<!-- Card 1 -->
<div class="relative pl-16">
<dt class="text-base-cards leading-7 text-gray-900">
<!-- Card Icon -->
<div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
</svg>
</div>
<!-- Card Title -->
Participant Management
</dt>
<!-- Card Description -->
<dd class="align-left mt-2 text-base-cards leading-7 text-gray-600">
Streamlined consent, comprehensive participant progress monitoring, efficient communication tools, and secure, HIPAA-compliant data protection.
</dd>
</div>
<!-- Card 2 -->
<div class="relative pl-16">
<dt class="text-base-cards leading-7 text-gray-900">
<div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
<!-- Card Icon -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.125 2.25h-4.5c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125v-9M10.125 2.25h.375a9 9 0 0 1 9 9v.375M10.125 2.25A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375M9 15l2.25 2.25L15 12" />
</svg>
</div>
<!-- Card Title -->
Transcription & Translation
</dt>
<!-- Card Description -->
<dd class="align-left mt-2 text-base-cards leading-7 text-gray-600">
Unmatched 99% accuracy, professional transcription and translation by experts, precise context retention in audio translations, and a seamless, secure process throughout.
</dd>
</div>
<!-- Card 3 -->
<div class="relative pl-16">
<dt class="text-base-cards leading-7 text-gray-900">
<div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
<!-- Card Icon -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" />
</svg>
</div>
<!-- Card Title -->
Project Management
</dt>
<!-- Card Description -->
<dd class="align-left mt-2 text-base-cards leading-7 text-gray-600">
Manage your research projects with our streamlined tools
for planning, real-time collaboration, and customizable workflows.
Monitor progress, manage risks, and ensure compliance effortlessly.
</dd>
</div>
</div>
<div class="features-img-container">
<img src="https://landmarkmktemailimages.s3.amazonaws.com/boosting-features.png" width="800" class="features-img"/>
</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">
<!-- Get Started Today Banner -->
<!-- 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>
.banner-container{
background:linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
align-items: center;
text-align: center;
padding: 100px;
margin-left:-120px;
margin-right:-90px;
margin-top:10px;
margin-bottom:10px;
}
.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: 20px;
color: #f5f6f7;
font-weight: 300;
margin: 10px 0;
padding-bottom:20px;
}
.free-account {
font-family: "Inter", sans-serif;
font-size: 15px;
color: #363637;
font-weight: 500;
text-decoration: none;
padding: 10px 15px;
border-radius: 50px;
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;
}
/* Media Queries */
@media (max-width: 768px) {
.banner-container {
padding: 50px;
margin: 0;
}
.banner-heading {
font-size: 30px;
}
.banner {
font-size: 18px;
}
.free-account {
font-size: 7px;
padding:5px;
}
}
@media (max-width: 480px) {
.banner-container {
padding: 50px;
margin: 0;
}
.banner-heading {
font-size: 24px;
}
.banner {
font-size: 16px;
}
.free-account {
font-size: 13px;
}
}
</style>
<body>
<!--Banner Container-->
<div class="banner-container">
<!--Banner Container Heading-->
<h1 class="banner-heading"> Access your Exclusive University Rate </h1>
<!--Banner Container Text-->
<p class="banner">
Unlock the potential of your research with just a click.
<br/> Get a Free Account now and take the first step towards
<br/> a more efficient and secure research journey.
</p>
<!--Banner Container Button-->
<a href="https://thelai.typeform.com/to/emMB10?utm_medium=HCAB" class="free-account"> Start Accelerating Your Research </a>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<!-- Testimonials-->
<!-- 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">
<!-- 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">
</head>
<style>
.testimonial-container {
display: flex;
justify-content: space-evenly;
padding: 0 10px;
margin: 0 auto;
font-family: "Inter", sans-serif;
color:#0e1d43;
margin-bottom:10px;
}
.testimonial-one {
border-radius:5px;
padding: 20px;
text-align: left;
width: 350px;
height: 250px;
background: #ffffff;
border-radius: 20px;
box-shadow: 0px 8px 8px rgba(63, 63, 65, 0.1);
margin-bottom:10px;
}
.testimonial p {
margin-top:10px;
margin-bottom:10px;
text-align:left;
}
cite {
display: inline;
margin-top: 10px;
font-weight: bold;
font-style: normal;
text-align:left;
}
.cite-container {
display: flex;
align-items: center;
gap: 10px;
}
.icon-test {
width:2rem;
}
.testimonial-h2 {
font-family: "Poppins", sans-serif;
text-align: center;
color:#0e1d43;
font-weight:normal;
font-size:36px;
}
.testimonial-h3 {
font-family: "Poppins", sans-serif;
text-align: center;
color:#0e1d43;
font-weight:normal;
font-size:32px;
}
/* Media Queries */
/* For tablets and below (max-width: 768px) */
@media (max-width: 768px) {
.testimonial-container {
flex-direction: column;
align-items: center;
}
.testimonial-one {
width: 90%;
font-size:90%;
}
}
/* For small devices and below (max-width: 480px) */
@media (max-width: 480px) {
.testimonial-header h3, .testimonial-header h2 {
font-size: 24px; /* Smaller text for smaller screens */
}
.testimonial-one {
padding: 15px; /* Slightly reduce padding for small devices */
}
}
@media (min-width: 1000px) {
.testimonial-one {
margin: 5px; /* Apply a 5px margin around each testimonial */
}
}
@media (min-width: 1025px) {
.testimonial-one {
margin: 5px; /* Apply a 5px margin around each testimonial */
}
}
</style>
<body>
<div class="testimonial-header">
<h2 class="testimonial-h2"> Empowering your Study with Proven Success </h2>
<h3 class="testimonial-h3"> Real Researchers, Real Success </h3>
</div>
<div class="testimonial-container">
<!-- Testimonial -->
<div class="testimonial-one">
<p>
I have 5-8 more patients then my research will be complete. Everything looks great so far. The website looks great.
</p>
<br>
<br>
<hr>
<div class="cite-container">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<cite>Researcher at Mayo Clinic </cite>
</div>
</div>
<!-- Testimonial -->
<div class="testimonial-one">
<p>
Looks great, thank you for all of your help and support.
</p>
<br>
<br>
<br>
<br>
<hr>
<div class="cite-container">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<cite>
Researcher at Washington University, St. Louis
</cite>
</div>
</div>
<!-- Testimonial -->
<div class="testimonial-one">
<p>The transcript looks great! I'll definitely keep Landmark in mind for future transcription needs.
</p>
<br>
<br>
<br>
<hr>
<div class="cite-container">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<cite> Researcher at University of Arkansas for Medical Sciences</cite>
</div>
</div>
</div>
<div class="testimonial-container">
<!-- Testimonial -->
<div class="testimonial-one">
<p>
Thanks so much Monica. Everything looks great. It’s much easier now for me to keep track of the transcripts.
</p>
<br>
<br>
<br>
<hr>
<div class="cite-container">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<cite>Researcher at the University of North Carolina, Chapel Hill </cite>
</div>
</div>
<!-- Testimonial -->
<div class="testimonial-one">
<p>
I've finished transcription for this particular project.
However, I was very impressed with the service and will
return to you for future transcriptions.
</p>
<br>
<br>
<hr>
<div class="cite-container">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<cite>
Researcher at Princeton University
</cite>
</div>
</div>
<!-- Testimonial -->
<div class="testimonial-one">
<p>
We have used Landmark many times in the past and
they always do quality work very quickly. And great price!
</p>
<br>
<br>
<br>
<hr>
<div class="cite-container">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<cite>
Landmark's Customer Satisfaction Survey
</cite>
</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">
<!--Pricing Cards-->
<!-- 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">
<style>
.pricing-body {
font-family: 'Inter', sans-serif;
background-color: #312e81;
color:#f5f6f7;
line-height: 1.6;
padding: 30px;
margin-left:-130px;
margin-right:-92px;
padding-bottom:60px;
padding-top:60px;
}
.pricing-container {
max-width: 1200px;
margin: auto;
padding: 0 20px;
}
.pricing-header h2 {
font-size: 36px;
text-align: center;
margin-bottom: 20px;
font-family:'Poppins', sans-serif;
color:#f5f6f7;
font-weight:normal;
}
.pricing-header {
text-align: center;
margin-bottom: 40px;
color:#f5f6f7;
}
.pricing-plans {
display: flex;
justify-content: center;
gap: 20px;
}
.plan {
position: relative;
border-radius: 20px;
padding: 20px;
width: 325px;
background-color: #fafaf9;
color:#0e1d43;
}
.plan.highlighted {
border-color: #312e81;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
background-color: #fafaf9;
}
.plan-header {
text-align: center;
margin-bottom: 20px;
}
.plan-price {
font-size: 24px;
color: #1e293b;
margin-bottom: 20px;
text-align: center;
}
.plan-price span {
font-size: 50%;
color: #4a4a4a;
}
.plan-features {
list-style: none;
padding: 0;
margin-bottom: 20px;
}
.plan-features li {
margin-bottom: 10px;
padding-left: 20px;
position: relative;
text-align:left;
}
.plan-features li::before {
content: '✓';
position: absolute;
left: 0;
color: #312e81;
}
.btn {
display: block;
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
background-color: #312e81;
color: white;
text-align: center;
cursor: pointer;
text-decoration: none;
}
.btn:hover {
background-color: #3730a3;
}
/* Most Popular Tag */
.tag-most-popular {
position: absolute;
top: 7px;
right: 7px;
background-color: #3730a3;
color: white;
padding: 5px 15px;
border-radius: 15px;
font-size: 0.80em;
font-weight: bold;
}
/* Media Queries for Responsive Design */
@media (max-width: 768px) {
.pricing-body {
display: none;
}
}
@media (max-width: 480px) {
.pricing-container {
padding: 0 10px;
padding: 10px;
}
}
</style>
</head>
<body>
<div class="pricing-body">
<div class="pricing-container">
<div class="pricing-header">
<h2> Transcription Pricing Overview</h2>
<p>Unmatched accuracy with a 99% guarantee. Native, professional human transcriptionists.</p>
</div>
<div class="pricing-plans">
<!-- Standard Plan -->
<div class="plan">
<h3>Standard - English Only</h3>
<p style="margin-bottom: 30px;">For projects with one-on-one interviews or with single speakers.</p>
<p style="margin-bottom: 30px;">Starting at:</p>
<p class="plan-price"><strong>$1.89</strong> <span>/per audio minute</span></p>
<a href="https://thelai.typeform.com/to/sJwCUe?utm_medium=URH" class="btn"> Check University Rate</a>
<ul class="plan-features">
<li> <a href="https://thelai.com/our-customers"> Registered Vendor </a> </li>
<li>99% Accuracy or more</li>
<li>Speaker Tracking</li>
<li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1"> Standard Capture </a> </li>
<li>Standard Turnaround Time<br/>(3-5 business days)</li>
<li>Enterprise-grade security</li>
<li>HIPAA Trained Staff</li>
<li>PHRP Trained Staff</li>
<li>All formats accepted</li>
</ul>
</div>
<!-- Plus Plan -->
<div class="plan highlighted">
<h3>Plus - English Only</h3>
<div class="tag-most-popular">Most popular</div>
<p style="margin-bottom: 20px;">For projects with group interviews/focus groups with over three speakers.</p>
<p style="margin-bottom: 20px;">Starting at:</p>
<p class="plan-price"><strong>$2.69</strong> <span>/per audio minute</span></p>
<a href="https://thelai.typeform.com/to/sJwCUe?utm_medium=GSRH" class="btn">Get a Special Rate</a>
<ul class="plan-features">
<li>Group interviews</li>
<li>Focus groups</li>
<li> <a href="https://docs.thelai.com/what-are-timestamps"> Time stamps </a> </li>
<li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1"> Verbatim Capture </a> </li>
<li>Available rush turnaround*</li>
<li>Guard Duty</li>
<li>SSL Data Encryption</li>
<li>Tailored support</li>
</ul>
</div>
<!-- Premium Plan -->
<div class="plan">
<h3>Premium - All languages</h3>
<p style="margin-bottom: 30px;">Managing multi-language projects or complex data capture.</p>
<p style="margin-bottom: 30px;">Check all available languages </p>
<p class="plan-price"><strong>Custom pricing</strong>*</p>
<a href="/available-languages" class="btn">Available languages</a>
<ul class="plan-features">
<li>Over 25 languages</li>
<li><strong>Specializing in Spanish</strong></li>
<li>Professional transcribers and translators</li>
<li>Understanding of dialects</li>
<li>Translation certificate</li>
<li>Database management</li>
</ul>
</div>
</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">
<!-- FAQ Section -->
<!-- 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">
<style>
.faq-bg-white {
background-color:#f5f6f7;
font-family: "Inter", sans-serif;
padding-top:-20px;
padding-bottom:-20px;
margin-bottom:-30px;
}
.faq-mx-auto {
margin-right: auto;
margin-left: auto;
}
.faq-max-w-7xl {
max-width: 112rem;
}
.faq-px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.faq-py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.faq-blue-button {
padding: 15px;
background-color:#312e81;
border: none;
border-radius: 15px;
font-size: 15px;
font-weight: 300;
font-family: "Inter", sans-serif;
cursor: pointer;
transition:0.3s ease;
display: block;
margin:0 auto;
margin-bottom:20px;
margin-top:10px;
}
.faq-blue-button:hover {
background-color: #3730a3;
}
.faq-btn-link{
color:white;
text-decoration:none;
}
.faq-text-2xl {
font-size: 1.5rem;
margin-top:10px;
margin-left:-20px;
}
.faq-font-bold {
font-weight: bold;
}
.faq-leading-10 {
line-height: 2.5rem;
}
.faq-tracking-tight {
letter-spacing: -0.025em;
}
.faq-text-gray-900 {
color: #1a202c;
}
.faq-mt-2 {
margin-left: -1px;
margin-bottom:20px
}
.faq-mt-4 {
margin-top: 1rem;
}
.faq-text-base-faqs {
font-size: 1rem;
text-align:center;
}
.faq-leading-7 {
line-height: 1.75rem;
}
.faq-text-gray-600 {
color: #4a5568;
}
.faq-font-semibold {
font-weight: 600;
}
.faq-text-indigo-500 {
color:#312e81;
}
.faq-text-indigo-600 {
color: #0e1d43;
text-decoration: none;
}
.faq-hover\:text-indigo-600:hover {
text-decoration: underline;
}
.faq-title{
text-align: center;
margin-bottom:10px;
font-family: "Poppins", sans-serif;
font-weight:normal;
font-size:36px;
padding-top:-40px;
}
.faq-contact{
margin-bottom:50px;
}
.faq-link {
color: #312e81;
text-decoration:none;
}
.faq-link:hover {
color: #3730a3;
}
@media (min-width: 1024px) {
.faq-lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.faq-lg\:py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.faq-lg\:grid {
display: grid;
}
.faq-lg\:grid-columns-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.faq-lg\:gap-8 {
gap: 2rem;
}
.faq-lg\:col-span-1 {
grid-column: span 1 / span 1;
}
}
</style>
</head>
<body>
<div class="faq-bg-white">
<div class="faq-mx-auto faq-max-w-7xl faq-px-6 faq-py-24 faq-lg:px-8 faq-lg:py-40">
<div class="faq-section-one">
<h2 class="faq-title faq-text-2xl faq-font-bold faq-leading-10 faq-tracking-tight faq-text-indigo-500">Frequently asked questions</h2>
<p class="faq-contact faq-mt-4 faq-text-base-faqs faq-leading-7 faq-text-gray-600">Can’t find the answer you’re looking for? Reach out to our <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=OCCF" class="faq-link">customer support</a> team.</p>
</div>
<div class="faq-lg:grid faq-lg:grid-columns-3 faq-lg:gap-8 faq-mt-10">
<!-- Column -->
<div>
<!-- QA -->
<div class="faq-lg:col-span-1">
<dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500"> What does Landmark Associates do?</dt>
<dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Landmark Associates specializes in participant recruitment and management for research, offering a comprehensive platform. This platform simplifies participant management, enhances data security, and ensures compliance with privacy regulations.</dd>
</div>
<!-- QA -->
<div class="faq-lg:col-span-1">
<dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">Can Landmark's services be customized for my research needs?</dt>
<dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Yes, our Participant Tracker is highly customizable to fit the unique requirements of different research studies, offering flexibility in data handling, scheduling, and consent management.</dd>
</div>
</div>
<!-- Column -->
<div>
<!-- QA-->
<div class="faq-lg:col-span-1">
<dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">How does Participant Tracker improve research management?</dt>
<dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Participant Tracker streamlines recruitment, scheduling, consent tracking, and data management, making research projects more efficient and compliant with data protection regulations.</dd>
</div>
<!-- QA -->
<div class="faq-lg:col-span-1">
<dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">How does Landmark ensure compliance with regulations like HIPAA?</dt>
<dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Our system is designed to adhere to HIPAA and other regulatory standards, featuring secure health information handling, consent tracking, and up-to-date compliance practices.</dd>
</div>
</div>
<!-- Column -->
<div>
<!-- QA -->
<div class="faq-lg:col-span-1">
<dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">What data security measures does Landmark implement?</dt>
<dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Our services incorporate advanced data protection, including encryption and secure data protocols, ensuring participant information is safeguarded and compliant with regulations like HIPAA.</a></dd>
</div>
<!-- QA -->
<div class="faq-lg:col-span-1">
<dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">How can I learn more or start using Landmark's services?</dt>
<dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">For detailed information and to start using our services, visit <a href="https://https://thelai.com/participant-management" class="faq-link"> our participant management page.</a> Our team is also available for personalized consultations to address your research needs.</dd>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Contact Container -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Poppins and Inter Fonts -->
<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">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
<style>
.contact-container {
display: flex;
background-color: #312e81;
align-items: center;
justify-content: space-evenly;
padding: 50px;
color: #f5f6f7;
margin-right:-90px;
margin-left:-100px;
}
.contact-header {
flex: 1;
margin: 0 20px;
margin-right: 190px;
margin-left: 90px;
}
.contact-cta {
flex: 0 0 auto; /* No crece ni se encoge, manteniendo el tamaño del contenido */
margin: 0 10px;
margin-right:50px;
}
.contact-heading {
font-size: 25px;
font-weight: normal;
margin: 0;
text-align: left;
font-family: "Poppins", sans-serif;
}
.speak-contact {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 500;
text-decoration: none;
cursor: pointer;
transition: 0.3s ease;
font-family: "Inter", sans-serif;
background-color: #f5f6f7;
padding: 10px 20px; /* Más equilibrado y adecuado para móviles */
border-radius: 50px;
text-decoration: none;
color: #312e81;
}
.speak-contact:hover {
color: #312e81;
background-color: #edeff1;
}
.contact-icon {
margin-right: 8px;
width: 35px;
color:#312e81;
}
/* Media Queries */
@media (max-width: 768px) {
.contact-container {
flex-direction: column;
padding: 20px;
margin-right: 0;
margin-left: 0;
}
.contact-header, .contact-cta {
margin: 10px;
}
.contact-heading {
font-size: 20px;
}
.speak-contact {
font-size: 16px;
padding: 8px 16px;
}
}
</style>
</head>
<body>
<div class="contact-container">
<div class="contact-header">
<h1 class="contact-heading">
Initiate Your Consultation on Innovative Research Tools
</h1>
</div>
<div class="contact-cta">
<a href="https://calendly.com/monica-landmark/introduction?month=2024-04" class="speak-contact" target="_blank">
Schedule a call
</a>
</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/Landmark_Logo.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>