super-embed:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Header Hero -->
<!-- Poppins & 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>
.margin-test {
margin-left:120px;
margin-top:50px;
}
.bg-white {
background-color: #f5f6f7;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-24 {
padding-top: 1rem;
margin-top:-50px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.max-w-2xl {
max-width: 42rem;
}
.text-center {
text-align: left;
}
.text-base {
font-size: 2rem;
font-family: "Poppins", sans-serif;
margin-bottom: 20px;
margin-top: -50px;
}
.font-semibold {
font-weight: 600;
}
.leading-7 {
line-height: 1.5rem;
}
.text-indigo-600 {
color: #312e81;
}
.mt-2 {
margin-top: 0.5rem;
}
.text-4x1 {
font-size: 2rem;
font-family:"Poppins", sans-serif;
font-weight: 600;
line-height: 1.2;
text-align:left;
}
.unlock {
font-size:1.5rem;
margin-bottom:30px;
font-family: "Poppins", sans-serif;
font-weight: 600;
line-height: 1.2;
}
.text-gray-900 {
color: #0e1d43;
}
.leading-8 {
line-height: 2rem;
}
.text-gray-600 {
color: #0e1d43;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.blue-button {
padding: 15px;
background-color:#312e81;
color: white;
border: none;
border-radius: 15px;
font-size: 15px;
font-weight: 300;
font-family: "Inter", sans-serif;
cursor: pointer;
transition:0.3s ease;
display: inline;
margin-right: 8px;
}
.blue-button:hover {
background-color: #3730a3;
}
.hero-link {
font-weight: 700;
color:#0e1d43;
font-family: "Inter", sans-serif;
font-size: 15px;
text-decoration: none;
}
.hero-link:hover {
color: #3730a3;
}
.btn-link {
color:white;
text-decoration:none;
}
/* Additional CSS for the two-column layout */
.flex-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.content, .image-container {
flex: 1;
}
.image-container {
margin-left:50px;
}
.image-container img {
border: 1px solid #ffffff;
border-radius:10px;
box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.2);
max-width: 100%;
}
/* Media Queries for Responsive Behavior */
@media (max-width: 768px) {
.margin-test {
margin-left:0px;
margin-top:30px;
}
.flex-container {
flex-direction: column; /* Stack flex items vertically */
}
.blue-button{
margin-right:4px;
}
.image-container {
margin-left: 0;
margin-top: 20px;
}
}
@media (max-width: 480px) {
.margin-test {
margin-left:0px;
margin-top:30px;
margin-bottom:-100px;
}
.flex-container {
flex-direction: column;
}
.blue-button{
margin-right:4px;
}
.image-container {
margin-left: 0;
margin-top: 20px;
}
}
</style>
</head>
<body>
<!-- Container -->
<div class="margin-test bg-white px-6 py-24 sm:py-32 lg:px-8">
<div class="mx-auto max-w-4xl flex-container">
<!-- Content Column Left -->
<div class="content text-center">
<p class="text-base font-semibold leading-7 text-indigo-600">Landmark</p>
<h2 class="mt-2 text-4x1 tracking-tight text-gray-900">Your Premier Choice for Research Support Excellence</h2>
<p class="unlock mt-6 tracking-tight text-gray-600">Unlock your research potential with Landmark's advanced services.</p>
<!-- Content Column Left Buttons -->
<button class="blue-button"> <a href="https://thelai.com/gfa" class="btn-link"><strong> Get a Free Account </strong></a> </button>
<a href="https://thelai.com/gfa" class="hero-link"> Learn More →</a>
</div>
<!-- Image Column -->
<div class="image-container">
<!-- Add your image inside the src attribute -->
<img src="https://i.postimg.cc/9FF3vR5d/ux.png" alt="Descriptive Text of Image" width="500">
</div>
</div>
</div>
</body>
</html>
Maximize Impact, Minimize Hassle
β Effortlessly track participants.
β Secure consent forms.
β Convert your audio/video to text.
β Plus, get quick translations to globalize your study.
super-embed:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Home 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>
.bg-cards-gray-900 {
background:#1A0D3B;
padding-bottom: 6rem;
border-radius:10px;
}
.heading-1 {
font-family:"Poppins", sans-serif;
text-align: left;
font-size: 1.25 rem;
line-height:1.75;
color:#f5f6f7;
text-align: center;
font-weight:500;
}
.heading-2 {
font-family:"Poppins", sans-serif;
text-align: center;
font-size: 2rem;
font-weight:500;
color:#f5f6f7;
}
.card-column-subtitle {
font-family:"Poppins", sans-serif;
text-align:left;
font-weight:600;
}
.card-column-text {
font-family:"Inter", sans-serif;
text-align:left;
line-height: 150%;
}
.card-mx-auto {
margin-left: auto;
margin-right: auto;
}
.card-max-w-7xl {
max-width: 80rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:text-4xl {
font-size: 2.25rem;
}
.card-text-white {
color: #f5f6f7;
font-weight:500px;
}
.text-lg {
font-size: 1.125rem; /* 18px */
}
.flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
.card-flex-auto {
flex: auto;
}
.participant-management {
margin-bottom:-50px;
}
.items-center {
align-items: center;
}
.gap-x-3 {
column-gap: 0.75rem;
}
.cards-grid {
display: grid;
}
.card-grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.gap-x-8 {
column-gap: 2rem;
}
.gap-y-16 {
row-gap: 4rem;
}
.svg-icon {
fill:#0e1d43;;
}
.w-6 {
width: 3rem;
}
.h-6 {
height: 3rem;
}
.margintop-zero{
margin-top:70px;
}
.margintop-one{
margin-top:20px;
}
.margintop-two{
margin-top:100px;
}
.learn-more {
color: #f5f6f7;
font-weight: 600;
text-decoration: none;
}
.learn-more:hover {
text-decoration: underline;
}
.card-list-item {
list-style: none;
margin-left: -50px;
line-height: 150%;
}
/* Media Queries */
@media (min-width: 640px) { /* sm breakpoint */
.bg-gray-900 {
padding-top: 8rem; /* sm:py-32 equivalent */
padding-bottom: 8rem; /* sm:py-32 equivalent */
}
}
@media (min-width: 1024px) { /* lg breakpoint */
.lg\:px-8 {
padding-left: 2rem; /* 32px */
padding-right: 2rem; /* 32px */
}
}
@media (min-width: 1024px) { /* lg breakpoint */
.lg\:card-grid-cols-4 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
</style>
</head>
<body>
<div class="bg-cards-gray-900 py-24 sm:py-32">
<div class="card-mx-auto card-max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:text-center">
<h2 class="heading-1"> Boosting Your Project's Impact</h2>
<p class="heading-2 tracking-tight m:text-4xl">Our goal is to transform every aspect of your project into actionable insights, ensuring a seamless and effective research process.</p>
</div>
<div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
<dl class="cards-grid max-w-xl card-grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:card-grid-cols-4">
<!-- Column One -->
<div class="flex flex-col">
<dt class="card-column-subtitle flex items-center gap-x-3 card-text-white">
<!-- Icon -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-6 h-6 flex-none text-indigo-400">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
</svg>
<!-- Title -->
Participant Management
</dt>
<!-- Description -->
<dd class="card-column-text mt-4 flex flex-auto flex-col card-text-white">
<!-- Description List-->
<ul class="card-flex-auto">
<li class="card-list-item"> β Streamlined consent form collection and storage. </li>
<li class="card-list-item">
β Comprehensive progress monitoring for each participant.
</li>
<li class="card-list-item">
β Integrated tools for efficient communication and follow-up.
</li>
<li class="card-list-item">
β Secure, HIPAA-compliant environment ensuring utmost data protection.
</li>
</ul>
<!--Button-->
<p class="margintop-zero">
<a href="https://thelai.com/participant-management" class="learn-more">Learn more <span aria-hidden="true">β</span></a>
</p>
</dd>
</div>
<!-- Column Two -->
<div class="flex flex-col">
<dt class="card-column-subtitle flex items-center gap-x-3 card-text-white">
<!-- 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 flex-none text-indigo-400" aria-hidden="true">
<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>
<!-- Title -->
Transcription & Translation
</dt>
<!-- Description -->
<dd class="card-column-text mt-4 flex flex-auto flex-col card-text-white">
<!-- Description List -->
<ul class="card-flex-auto">
<li class="card-list-item">
β Unmatched accuracy with a 99% guarantee.
</li>
<li class="card-list-item">
β Native, professional human transcriptionists and translators.
</li>
<li class="card-list-item">
β Expertise in translating intricate consent forms.
</li>
<li class="card-list-item">
β Audio files translated with precise context retention.
</li>
<li class="card-list-item">
β Seamless and secure process from start to finish.
</li>
</ul>
<!--Button-->
<p class="margintop-one">
<a href="https://thelai.com/transcription" class="learn-more">Learn more <span aria-hidden="true">β</span></a>
</p>
</dd>
</div>
<!-- Column Three -->
<div class="flex flex-col">
<dt class="card-column-subtitle flex items-center gap-x-3 card-text-white">
<!-- 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 flex-none text-indigo-400" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
</svg>
<!-- Title -->
Security Data Encryption
</dt>
<!-- Description -->
<dd class="card-column-text mt-4 flex flex-auto flex-col card-text-white">
<br/>
<p class="card-flex-auto">Our system employs strong multi-factor encryption through Amazonβs S3-managed encryption keys.
<br/>
<br/>
Each file is encrypted with a unique key, also encrypted by a separate master key that rotates regularly.
</p>
<!-- Button -->
<p class="margintop-two">
<a href="https://thelai.com/security-confidentiality" class="learn-more">Learn more <span aria-hidden="true">β</span></a>
</p>
</dd>
</div>
</dl>
</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">
<!-- Cards Features-->
<!-- Inter Font -->
<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;
}
.bg-landmark-gray{
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-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;
}
/* 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;
}
}
</style>
</head>
<body>
<!-- Cards Container -->
<div class="cards-body bg-landmark-gray py-24 sm:py-32">
<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 font-semibold 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="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z" />
</svg>
</div>
<!-- Card Title -->
Top quality services
</dt>
<!-- Card Description -->
<dd class="align-left text-base-cards leading-7 text-gray-600"> We have highly experienced professional transcribers, proofreaders, and translators.</dd>
</div>
<!-- Card 2 -->
<div class="relative pl-16">
<dt class="text-base-cards font-semibold 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="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672Zm-7.518-.267A8.25 8.25 0 1 1 20.25 10.5M8.288 14.212A5.25 5.25 0 1 1 17.25 10.5" />
</svg>
</div>
<!-- Card Title -->
Confidence in every click
</dt>
<!-- Card Description -->
<dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> Our meticulously vetted workforce is dedicated to delivering excellence through our secure platform. </dd>
</div>
<!-- Card 3 -->
<div class="relative pl-16">
<dt class="text-base-cards font-semibold 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="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
</svg>
</div>
<!-- Card Title -->
Cutting-Edge Security
</dt>
<!-- Card Description -->
<dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> Our robust encryption technology ensures your information is safe with the highest level of security. </dd>
</div>
<!-- Card 4 -->
<div class="relative pl-16">
<dt class="text-base-cards font-semibold 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="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg>
</div>
<!-- Card Title -->
Transparent Pricing
</dt>
<!-- Card Description -->
<dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> Gain peace of mind with our clear pricing structure β know your costs before uploading your files. </dd>
</div>
<!-- Card 5 -->
<div class="relative pl-16">
<dt class="text-base-cards font-semibold 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="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z" />
</svg>
</div>
<!-- Card Title -->
Fair compensation
</dt>
<!-- Card Description -->
<dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> We pride ourselves on guaranteeing our contractors honest and equitable remuneration. </dd>
</div>
<!-- Card 6 -->
<div class="relative pl-16">
<dt class="text-base-cards font-semibold 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="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z" />
</svg>
</div>
<!-- Card Title -->
Experienced Professionals
</dt>
<!-- Card Description -->
<dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> For transcription or translation services with Landmark, all participants are 18 years or older. </dd>
</div>
</dl>
</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">
<!-- 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: 40px;
color: #f5f6f7;
font-weight: 500;
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: 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;
}
/* 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: 14px;
}
}
@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"> Get Started Today </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"> Get a Free Account </a>
</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 Gray Footer -->
<!-- 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>
.CF-sitemap-section {
background:#f5f6f7;
color: #0e1d43;
padding: 30px;
width: 100%;
margin: 0 auto;
font-family: 'Inter', sans-serif;
}
.CF-header-container {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0px;
}
.CF-logo {
display: block;
padding-left: 10px; }
.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 */
}
.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: 15px;
font-family: 'Poppins', sans-serif;
}
.CF-sitemap-column 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 a:hover {
text-decoration: underline;
color:#312e81;
transform: translateY(-2px);
}
.CF-sitemap-column 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 screen and (max-width: 1100px) {
.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://landmarkmktemailimages.s3.amazonaws.com/Landmark_Logo.png" alt="Landmark Logo" class="CF-logo" width="100"></a>
</div>
<!-- Sitemap Columns -->
<div class="CF-sitemap-container">
<!-- Column 0 -->
<div class="CF-sitemap-column-mission">
<p class="mission"> Assisting researchers worldwide in completing their research faster and deeper so they can make an impact that will change the world. </p>
</div>
<!-- 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="/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">
<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 -->
<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>