Copysuper-embed:
<!DOCTYPE html>
<!-- Landing Page Hero NEW -->
<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>
.landing-hero-component {
padding: 50px;
font-family: Inter, sans-serif;
background-color:#f5f6f7;
color:#0e1d43;
margin-left:-100px;
margin-right:-90px;
}
.landing-hero-component-container {
margin: auto;
padding: 20px;
}
.landing-hero-content {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.landing-hero-column1, .landing-hero-column2 {
flex: 1;
}
.landing-hero-column1 {
margin-right: 5px;
}
.landing-hero-column2 img {
width: 100%;
height: auto;
display: block; /
}
.landing-hero-image{
border-radius:10px;
max-width: 85%;
box-shadow: 11px 13px 11px rgba(0, 0, 0, 0.4);
}
.landing-hero-heading2{
text-align:left;
font-size:42px;
font-weight:600;
font-family:Poppins, sans-serif;
margin-top:10px;
margin-bottom:10px;
}
.landing-hero-subheading{
text-align:left;
font-size:25px;
font-weight:normal;
font-family:Poppins, sans-serif;
margin-bottom:10px;
}
.landing-hero-paragrapgh{
text-align:left;
font-size:18px;
line-height:150%;
margin-bottom:60px;
}
.landing-hero-button {
padding:10px;
border-radius:50px;
color:#f5f6f7;
background-color:#312e81;
text-decoration:none;
font-size:17px;
display:inline-block;
margin-top:10px;
}
.landing-hero-button:hover {
background-color:#3730a3;
}
.landing-hero-link {
padding:20px;
color:#312e81;
text-decoration:none;
font-size:17px;
display:inline-block;
margin-top:10px;
font-weight:500;
}
.landing-hero-link:hover {
color:#3730a3;
}
.landing-hero-button-above {
padding:10px;
border-radius:50px;
background-color:#f5f6f7;
color:#0e1d43;
text-decoration:none;
font-size:16px;
display:inline-block;
margin-top:10px;
border:1px solid #4a5568;
}
.landing-hero-button-above:hover {
color:#4a5568;
}
@media screen and (max-width: 768px) {
.landing-hero-component{
padding: 5px;
margin:0 auto;
}
.landing-hero-content {
flex-direction: column;
}
.landing-hero-image-features{
margin-top:5px;
}
}
</style>
<body>
<div class="landing-hero-component">
<div class="landing-hero-component-container">
<div class="landing-hero-content">
<div class="landing-hero-column1">
<a href="https://thelai.com/landing-samir" class="landing-hero-button-above"> Access an exclusive 2-hour sample </a>
<h2 class="landing-hero-heading2">Save Time, Enhance Efficiency</h2>
<p class="landing-hero-subheading">Precision Transcription Services</p>
<p class="landing-hero-paragraph">Tailored for researchers.
Trust our human experts to deliver <br/> detailed, accurate transcriptions
that enhance your project’s <br/> efficiency</p>
<a href="https://thelai.com/landing-samir" class="landing-hero-button"> Claim your Sample </a>
<a href="https://thelai.com/landing-samir" class="landing-hero-link"> Get Started → </a>
</div>
<div class="landing-hero-column2">
<img src="https://i.postimg.cc/65xRJ3X3/landingpage.png" class="landing-hero-image" />
</div>
</div>
</div>
</div>
</body>
</html>
Copysuper-embed:
<!DOCTYPE html>
<!-- Landing Banner Blue-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<style>
.landing-banner {
font-family: 'Inter', sans-serif;
padding: 30px;
background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
color:#f5f6f7;
margin-left:-100px;
margin-right:-90px;
}
.landing-banner-line {
display: flex;
justify-content: space-between;
align-items: start;
flex-wrap: wrap;
margin-bottom:15px;
}
.banner-feature {
text-align: center;
flex: 1;
min-width: 220px;
max-heigth:300px;
}
.banner-svg {
width: 30px;
color:#f5f6f7;
}
.banner-info h2 {
font-family: 'Inter', sans-serif;
color:#f5f6f7;
font-size: 16px;
font-weight:normal;
margin-bottom:15px;
}
/* Mobile styles */
@media (max-width: 600px) {
.landing-banner {
padding: 20px;
margin-left: 0;
margin-right: 0;
}
.landing-banner-line {
flex-direction: column;
}
.banner-feature {
min-width: 100%; /* Make banner features full width */
margin-bottom: 10px;
}
.banner-info h2 {
font-size: 14px;
}
}
/* Tablet styles */
@media (min-width: 601px) and (max-width: 1024px) {
.banner-feature {
flex: 0 0 50%; /* Each feature takes up half the width */
}
.banner-info h2 {
font-size: 15px;
}
}
/* Desktop styles */
@media (min-width: 1025px) {
.landing-banner {
padding: 40px;
margin-left: -100px; /* Optionally adjust margins if needed */
margin-right: -90px;
}
.banner-feature {
flex: 0 0 20%; /* Adjust the width as necessary */
}
.banner-info h2 {
font-size: 18px; /* Larger text for desktop */
}
}
</style>
<body>
<div class="landing-banner">
<div class="landing-banner-line">
<div class="banner-feature">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
<path fill-rule="evenodd" d="M8.25 6.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM15.75 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM2.25 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM6.31 15.117A6.745 6.745 0 0 1 12 12a6.745 6.745 0 0 1 6.709 7.498.75.75 0 0 1-.372.568A12.696 12.696 0 0 1 12 21.75c-2.305 0-4.47-.612-6.337-1.684a.75.75 0 0 1-.372-.568 6.787 6.787 0 0 1 1.019-4.38Z" clip-rule="evenodd" />
<path d="M5.082 14.254a8.287 8.287 0 0 0-1.308 5.135 9.687 9.687 0 0 1-1.764-.44l-.115-.04a.563.563 0 0 1-.373-.487l-.01-.121a3.75 3.75 0 0 1 3.57-4.047ZM20.226 19.389a8.287 8.287 0 0 0-1.308-5.135 3.75 3.75 0 0 1 3.57 4.047l-.01.121a.563.563 0 0 1-.373.486l-.115.04c-.567.2-1.156.349-1.764.441Z" />
</svg>
<div class="banner-info">
<h2>100% Human US-Based<br/>Transcriptionists </h2>
</div>
</div>
<div class="banner-feature">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
<path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
</svg>
<div class="banner-info">
<h2>99% Accuracy<br/>Guarantee </h2>
</div>
</div>
<div class="banner-feature">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
<path fill-rule="evenodd" d="M7.502 6h7.128A3.375 3.375 0 0 1 18 9.375v9.375a3 3 0 0 0 3-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 0 0-.673-.05A3 3 0 0 0 15 1.5h-1.5a3 3 0 0 0-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6ZM13.5 3A1.5 1.5 0 0 0 12 4.5h4.5A1.5 1.5 0 0 0 15 3h-1.5Z" clip-rule="evenodd" />
<path fill-rule="evenodd" d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V9.375Zm9.586 4.594a.75.75 0 0 0-1.172-.938l-2.476 3.096-.908-.907a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.116-.062l3-3.75Z" clip-rule="evenodd" />
</svg>
<div class="banner-info">
<h2>Customized<br/>Formatting </h2>
</div>
</div>
<div class="banner-feature">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
<path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd" />
</svg>
<div class="banner-info">
<h2>Assured Data<br/>Security </h2>
</div>
</div>
<div class="banner-feature">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="banner-svg">
<path d="M12.75 12.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM7.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.25 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM9.75 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM10.5 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM12.75 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM14.25 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM16.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 12.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM16.5 13.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" />
<path fill-rule="evenodd" d="M6.75 2.25A.75.75 0 0 1 7.5 3v1.5h9V3A.75.75 0 0 1 18 3v1.5h.75a3 3 0 0 1 3 3v11.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H6V3a.75.75 0 0 1 .75-.75Zm13.5 9a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5Z" clip-rule="evenodd" />
</svg>
<div class="banner-info">
<h2>Same-Day and<br/>Next-Day services </h2>
</div>
</div>
</div>
</div>
</body>
</html>
Copysuper-embed:
<!DOCTYPE html>
<!-- Cards Features: "Everything you need to coordinate your project in one place"-->
<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;
padding-top: 6rem;
padding-bottom: 6rem;
}
.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 0 auto;
max-width: 1200px;
}
.features-card {
padding: 20px;
}
.features-heading{
text-align: center;
color: #0e1d43;
font-size: 36px;
font-family:"Poppins", sans-serif;
font-weight:normal;
margin-top:-40px;
}
.features-heading3{
text-align: center;
color: #0e1d43;
font-size: 30px;
font-family:"Poppins", sans-serif;
font-weight:normal;
margin-top:5px;
}
.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;
}
.card-icon {
width:30px;
background:#312e81;
color:#f5f6f7;
padding:5px;
border-radius:5px;
}
.card-info-paragraph{
line-height:150%;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.features-grid {
grid-template-columns: 1fr;
padding: 0 20px;
}
.features-heading {
font-size: 24px;
}
.features-paragraph {
font-size: 14px;
}
.features-img {
width: 100%;
max-width: 400px;
}
}
</style>
</head>
<body>
<div class="cards-body">
<div class="features-container">
<h3 class="features-heading"> Everything you need to coordinate your project in one place </h3>
<h3 class="features-heading3"> Tailored for Professional Research Teams </h3>
<p class="features-paragraph">
Landmark provides a flexible research platform designed for
universities, institutes, and government agencies,
featuring streamlined transcription, translation,
consent management, and participant tracking.
Our customizable solutions streamline projects
for a seamless research experience.
</p>
</div>
<div class="features-grid">
<!-- Card 1 -->
<div class="features-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
<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>
<strong> Data Security with Landmark </strong>
<p class="card-info-paragraph">
Landmark excels in partnering with IT teams and navigating IRB processes
to ensure the highest level of data security for your
sensitive information.
</p>
</div>
<!-- Card 2 -->
<div class="features-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
</svg>
<strong>Human Transcriptionists</strong>
<p class="card-info-paragraph">
Rely on Landmark’s expert transcriptionists for unmatched
accuracy and flexibility. Our experts customize
templates to meet your project's specific needs.
</p>
</div>
<!-- Card 3 -->
<div class="features-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
<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>
<strong>Collaborate in Real-Time</strong>
<p class="card-info-paragraph">
Collaborate with your team with a comprehensive project overview,
ensuring alignment and communication throughout the research process.
</p>
</div>
</div>
<div class="features-grid">
<!-- Card 1 -->
<div class="features-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
<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>
<strong> Streamlined Participant Management </strong>
<p class="card-info-paragraph">
Manage your research participants with simplified tracking,
communication, and data integration. Our platform enhances
project coordination at every step.
</p>
</div>
<!-- Card 2 -->
<div class="features-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.75 12-3-3m0 0-3 3m3-3v6m-1.5-15H5.625c-.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.125V11.25a9 9 0 0 0-9-9Z" />
</svg>
<strong> Universal Compatibility</strong>
<p class="card-info-paragraph">
Accepts all audio and video formats for smooth
transcription of any project. This facilitates
hassle-free data handling and boosts workflow efficiency.
</p>
</div>
<!-- Card 3 -->
<div class="features-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="card-icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z" />
</svg>
<strong>Security with Salesforce Shield</strong>
<p class="card-info-paragraph">
Salesforce Shield ensures top-tier data protection
with comprehensive monitoring, encryption, and
compliance, meeting the highest industry standards.
</p>
</div>
</div>
</div>
</body>
</html>
Copysuper-embed:
<!DOCTYPE html>
<!-- Landing Statistics-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<style>
.about-statistics {
font-family: 'Inter', sans-serif;
color: #f5f6f7;
background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
padding: 40px;
padding-bottom: 60px;
padding-left:60px;
padding-right:60px;
margin-left:-100px;
margin-right:-90px;
}
.statistics-heading{
font-family: 'Poppins', sans-serif;
text-align: left;
font-size: 36px;
font-weight: normal;
}
.statistics-cards {
display: flex;
justify-content: space-evenly;
align-items: start;
flex-wrap: wrap;
gap: 15px;
}
.stats-card {
background-color:rgba(246, 245, 245, 0.1);
padding: 20px;
border-radius: 8px;
text-align: center;
flex: 1;
width: 200px;
height:150px;
box-shadow: 6px 7px 15px rgba(0, 0, 0, 0.5);
}
.stats-info h2 {
font-family: 'Poppins', sans-serif;
font-size: 25px;
font-weight:600;
margin-bottom:15px;
}
.stats-info p {
font-size:16px;
}
.statistics-paragraph {
text-align:left;
font-size:18px;
line-height:150%;
margin-bottom:20px;
}
.stats-link {
text-align:center;
display:inline-block;
margin:0 auto;
color:#0e1d43;
background-color:#f5f6f7;
padding:20px;
text-decoration:none;
margin-top:40px;
border-radius:30px;
margin-left:500px;
transition:200ms ease-in-out;
font-size:17px;
}
.stats-link:hover{
background-color:#d8dcdf;
}
@media (max-width: 767px) {
.about-statistics {
padding: 20px;
margin-left: 0px;
margin-right: 0px;
}
.statistics-heading {
font-size: 28px;
}
.statistics-cards {
flex-direction: column;
align-items: center;
}
.stats-card {
width: 100%; /* Full width for better readability */
height: auto; /* Auto height for flexible content */
margin-bottom: 15px; /* Space between cards */
}
.stats-info h2 {
font-size: 22px;
}
.stats-info p {
font-size: 14px;
}
.stats-link{
margin-left:10px;
}
}
</style>
<body>
<div class="about-statistics">
<div class="statistics-header">
<h2 class="statistics-heading">
Trusted by thousands of researchers
</h2>
<p class="statistics-paragraph">
Landmark is trusted by researchers across the United States for its precision and reliability. </br> Tailored to meet the specific needs of professional research, our platform supports </br> universities, institutes, and government agencies in enhancing collaboration and achieving </br> groundbreaking results.
</p>
</div>
<div class="statistics-cards">
<div class="stats-card">
<div class="stats-info">
<h2> +7,065,685 </h2>
<p> minutes transcribed </p>
</div>
</div>
<div class="stats-card">
<div class="stats-info">
<h2> +5,000</h2>
<p>
researchers trust us
</p>
</div>
</div>
<div class="stats-card">
<div class="stats-info">
<h2>+499</h2>
<p>universities have used our services</p>
</div>
</div>
<div class="stats-card">
<div class="stats-info">
<h2>+25</h2>
<p>languages available for translation</p>
</div>
</div>
</div>
<div>
<a href="https://thelai.typeform.com/to/ALLjHAOO?utm_medium=LSR" class="stats-link"> Unlock Your University's Exclusive Rate </a>
</div>
</body>
</html>
Copysuper-embed:
<!DOCTYPE html>
<!-- Teams Landing -->
<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>
.teams-component {
margin-left:-100px;
margin-right:-90px;
padding: 50px;
font-family: Inter, sans-serif;
background: #f5f6f7;
color:#0e1d43;
}
.teams-component-container {
margin: auto;
padding: 20px;
}
.teams-content {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.teams-column1, .teams-column2 {
flex: 1;
}
.teams-column1 {
margin-right: 20px;
}
.teams-column2 img {
width: 100%;
height: auto;
display: block; /
}
.teams-image{
border-radius:8px;
max-width: 100%;
box-shadow: 9px 11px 9px rgba(0, 0, 0, 0.4);
}
.teams-h3 {
margin-top:-60px;
font-size:36px;
font-weight:normal;
font-family:Poppins, sans-serif;
text-align:center;
}
.teams-p {
margin-top:-30px;
font-size:17px;
text-align:center;
margin-bottom:30px;
}
.teams-card{
padding:20px;
margin-top:20px;
margin-bottom:5px;
}
.teams-list {
font-size:16px;
list-style:none;
margin-top:-40px;
}
.teams-list-item {
margin-bottom:15px;
line-height:150%;
}
.teams-icons {
width:15px;
}
/* Media query for tablets */
@media (max-width: 768px) {
.teams-content {
flex-direction: column;
}
.teams-column1, .teams-column2 {
margin-right: 0;
flex: none;
}
.teams-column2 img {
max-width: 100%;
margin-top:30px;
}
.teams-list {
margin-top:20px;
}
}
/* Media query for mobile devices */
@media (max-width: 480px) {
.teams-component {
margin-left: -10px; /* Adjust margins to fit smaller screens */
margin-right: -10px;
padding: 20px; /* Reduce padding for smaller screens */
}
.teams-heading2 {
font-size: 24px; /* Even smaller text for mobile screens */
}
.teams-security {
font-size: 16px; /* Adjust button font size for better readability */
padding: 8px; /* Adjust padding to make the button easier to tap */
}
}
</style>
<body>
<div class="teams-component">
<div class="teams-component-container">
<h3 class="teams-h3">Team Collaboration Features</h3>
<p class="teams-p">
Landmark provides the ultimate secure platform for team collaboration, rendering insecure online documents obsolete.
</p>
<div class="teams-content">
<div class="teams-column2">
<img src="https://landmarkmktemailimages.s3.amazonaws.com/teams.gif" class="teams-image" />
</div>
<div class="teams-column1">
<div class="teams-card">
<ul class="teams-list">
<li class="teams-list-item"> <strong>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
<path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
</svg>
Project Oversight:</strong> Provide every team member with a comprehensive overview of where the project stands at all times.</li>
<li class="teams-list-item"> <strong>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
<path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
</svg>
Real-Time Interaction:</strong> Facilitate seamless collaboration directly on the platform, allowing team members to work together in real time.</li>
<li class="teams-list-item"> <strong>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
<path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
</svg>
Integrated File Management:</strong> Streamline uploading and downloading of files, keeping all documents accessible and organized.</li>
<li class="teams-list-item"> <strong>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
<path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
</svg>
Centralized Participant Management:</strong> Efficiently manage all participant information from a single, secure location.</li>
<li class="teams-list-item"> <strong>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="teams-icons">
<path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd" />
</svg>
Compliance and Security:</strong> Maintain strict compliance and high security across all project activities.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Copysuper-embed:
<!DOCTYPE html>
<!-- Landing Final CTA -->
<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>
.cta-container{
background:linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
align-items: center;
text-align: center;
padding: 60px;
margin-left:-100px;
margin-right:-90px;
margin-top:10px;
margin-bottom:10px;
}
.cta-heading2{
font-family: "Poppins", sans-serif;
font-size: 34px;
color: #f5f6f7;
font-weight: normal;
margin: 10px 0;
}
.cta-heading{
font-family: "Poppins", sans-serif;
font-size: 36px;
color: #f5f6f7;
font-weight: normal;
margin: 10px 0;
}
.cta{
font-family: "Inter", sans-serif;
font-size: 17px;
color: #f5f6f7;
font-weight: 300;
margin: 10px 0;
padding-bottom:20px;
line-height:150%;
}
.cta-account {
font-family: "Inter", sans-serif;
font-size: 17px;
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;
}
.cta-account:hover {
background-color: #e5e5e5;
}
.cta-2 {
font-family: "Inter", sans-serif;
font-size: 17px;
color: #f5f6f7;
font-weight: 500;
text-decoration: none;
margin-top: 10px;
margin-bottom: 30px;
cursor: pointer;
margin-left:30px;
}
/* Media Queries */
@media (max-width: 768px) {
.cta-container {
padding: 50px;
margin: 0;
}
.cta-heading {
font-size: 30px;
}
.cta {
font-size: 18px;
}
.cta-account {
font-size: 7px;
padding:5px;
}
.cta-2 {
display:block;
}
}
@media (max-width: 480px) {
.cta-container {
padding: 50px;
margin: 0;
}
.cta-heading {
font-size: 24px;
}
.cta-heading2 {
font-size: 20px;
}
.cta {
font-size: 16px;
}
.cta-account {
font-size: 13px;
}
}
</style>
<body>
<div class="cta-container">
<h1 class="cta-heading"> Fast-Track Your Project </h1>
<h1 class="cta-heading2"> Activate Your Research Now! </h1>
<p class="cta">
Landmark stands as the premier partner for distinguished professionals,<br/>
with exclusive contracts and preferential rates for leading universities
across the US. <br/> Unlock your special rate today to enhance your project
capabilities.
</p>
<a href="https://thelai.com/landing-samir" class="cta-account"> Get Started </a>
<a href="https://thelai.com/landing-samir" class="cta-2"> Upload your sample today → </a>
</div>
</body>
</html>
Copysuper-embed:
<!DOCTYPE html>
<!-- Testimonials Landing -->
<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>
.testimonials-body {
padding: 20px;
background-color: #f5f6f7;
color:#0e1d43;
font-family: "Inter", sans-serif;
}
.testimonials-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.testimonials-h2{
font-size: 36px;
font-family: "Poppins", sans-serif;
font-weight: normal;
margin-top: -20px;
text-align: center;
}
.testimonials-h3{
font-size: 34px;
font-family: "Poppins", sans-serif;
font-weight: normal;
text-align: center;
}
.testimonial {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.large {
grid-column: span 2;
font-size: 17px;
padding: 15px;
}
.medium {
grid-column: span 1;
font-size: 14px;
padding: 5px;
padding-left:-15px;
}
.small {
grid-column: span 1;
font-size: 14px;
padding:5px;
padding-left:-15px;
}
figcaption {
color: #0e1d43;
margin-left:40px;
}
hr{
border-top:1px solid #f5f6f7;
}
/* Media Queries for Responsiveness */
@media (max-width: 768px) {
.testimonials-h2 {
font-size: 24px; /* Smaller font size for medium devices */
}
.testimonials-h3 {
font-size: 22px; /* Smaller font size for medium devices */
}
.medium, .small {
padding: 10px;
}
.large {
display: none;
}
.medium, .small {
font-size: 12px; /* Adjusted font size for readability */
}
figcaption {
margin-left: 20px; /* Smaller margin for figcaption */
}
}
</style>
<body>
<div class="testimonials-body">
<div class="testimonials-header">
<h2 class="testimonials-h2">
Empowering Research with Proven Success
</h2>
<h3 class="testimonials-h3">
Real Researchers, Real Success
</h3>
</div>
<div class="testimonials-container">
<div class="testimonial small">
<blockquote>
Thanks so much Monica. Everything looks great. It’s much easier now for me to keep track of the transcripts.
</blockquote>
<hr>
<figcaption>
- Researcher at the University of North Carolina, Chapel Hill
</figcaption>
</div>
<div class="testimonial large">
<blockquote>
Thanks so much to Landmark for the wonderful transcriptions-my colleague and I are very pleased with them! Your work has greatly assisted us in moving forward with data analysis and completion of our research project.
</blockquote>
<hr class="testimonials-line">
<figcaption>
- Rhonda, Professor at CSU Bakersfield
</figcaption>
</div>
<div class="testimonial small">
<blockquote>
The transcript looks great! I'll definitely keep Landmark in mind for future transcription needs.
</blockquote>
<hr>
<figcaption>
- Researcher at University of Arkansas for Medical Sciences
</figcaption>
</div>
<div class="testimonial medium">
<blockquote>
I've finished transcription for this particular project. I was very impressed with the service and will return to you for future transcriptions.
</blockquote>
<hr>
<figcaption>
- Researcher at Princeton University
</figcaption>
</div>
<div class="testimonial small">
<blockquote>
We have used Landmark many times in the past and they always do quality work very quickly. And great price!
<br/>
<br/>
</blockquote>
<hr>
<figcaption>
- Landmark's Customer Satisfaction Survey
</figcaption>
</div>
<div class="testimonial large">
<blockquote>
As a researcher engaged in qualitative research,
I needed to find a professional transcription service capable of
handling level 3 security data. I have been impressed with the quality
of the transcripts and the quick turnaround and responses.
</blockquote>
<hr>
<figcaption>
- Landmark's Customer Satisfaction Survey
</figcaption>
</div>
</div>
</div>
</body>
</html>