super-embed:
<!DOCTYPE html>
<!-- Participant Management 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: bold;
}
.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, .hero-section-learn-more {
padding: 10px 28px;
}
.hero-section-learn-more {
padding: 5px;
font-size:12px;
margin-top:5px;
}
.hero-section-content {
margin: 30px auto;
}
}
/* Very Small Devices */
@media (max-width: 360px) {
.hero-section-heading {g
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">Participant Management System: Streamlining Your Research Workflow</h1>
<p class="hero-section-paragraph">Transform Research Management: Streamline Processes, Secure Data, Minimize Errors, and Save Hours of Administrative Work</p>
<a href="https://thelai.com/participant-management-typeform" class="hero-section-cta-link"><strong>Start your Free Trial</strong></a>
<a href="https://thelai.com/participant-management-typeform" class="hero-section-learn-more">Boost Your Research Now →</a>
</div>
</div>
</section>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Blue Square Features 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>
.features-component {
margin-left:-100px;
margin-right:-90px;
padding: 20px;
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: 10px;
}
.content {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.column1, .column2 {
flex: 1;
}
.column1 {
margin-right: 5px;
}
.column2 img {
width: 100%;
height: auto;
display: block;
}
.image-features{
border-radius:10px;
max-width: 100%;
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{
padding:20px;
margin-top:20px;
margin-bottom:5px;
}
.feature-card-first p{
font-size:16px;
margin-left:40px;
}
.feature-card-first ul{
font-size:16px;
list-style:none;
}
.feature-card-first li{
margin-bottom:20px;
}
/* Media Queries */
@media (max-width: 768px) {
.features-component {
margin: 0 auto;
padding:5px;
}
.content {
flex-direction: column;
}
.column1 {
margin-right: 0;
}
.heading2-features {
font-size: 28px;
}
.paragraph-features, .feature-card-first p, .feature-card-first ul, .feature-card-first li {
font-size: 15px;
}
.column-2{
display:none;
}
.image-features{
width:50%;
}
}
</style>
<body>
<div class="features-component">
<div class="features-component-container">
<h2 class="heading2-features">Bid Farewell to Admin Hassles; Embrace Streamlined Research Excellence</h2>
<p class="paragraph-features">Effortless Research Mastery: Your All-in-One Secure Platform</p>
<div class="content">
<div class="column1">
<div class="feature-card-first">
<p>
Empowering Professional Researchers
<ul>
<li> <strong>✓ Comprehensive Research Tools:</strong> Experience precise participant management,
consent form tracking, and secure, accurate transcription and translation
services.
</li>
<li> <strong>✓ Efficient and Secure:</strong> Save valuable time with tools designed
to streamline your project from start to finish, ensuring your data is protected
throughout the process.
</li>
<li> <strong>✓ Real-Time Team Collaboration:</strong> Collaborate with your research team
in real time, avoiding the risks associated with insecure drives and emails.
</li>
</ul>
</p>
</div>
</div>
<div class="column2">
<img src="https://i.postimg.cc/Z55GD1tZ/Participant.gif" class="image-features" />
</div>
</div>
</div>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Participant Management Benefits -->
<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>
.participant-process {
font-family: 'Inter', sans-serif;
padding: 50px;
background:#f5f6f7;
}
.participant-timeline {
display: flex;
justify-content: space-evenly;
align-items: start;
flex-wrap: wrap;
gap: 15px;
}
.participant-step {
text-align: center;
flex: 1;
min-width: 220px;
max-heigth:300px;
}
.participant-svg {
width: 25px;
color: #0e1d43;
}
.participant-info h2 {
font-family: 'Poppins', sans-serif;
color: #0e1d43;
font-size: 17px;
font-weight:normal;
margin-bottom:15px;
text-align:left;
}
.participant-info p {
font-size:15px;
margin-top:5px;
text-align:left;
}
.participant-process-heading {
color: #0e1d43;
font-size:36px;
font-weight:normal;
font-family: 'Poppins', sans-serif;
margin-top:-15px;
}
.benefits-paragraph {
font-size:17px;
margin-bottom:25px;
text-align:center;
margin-top:-20px;
}
/* Small screens (phones, less than 768px) */
@media (max-width: 768px) {
.participant-timeline {
flex-direction: column;
}
.participant-step {
min-width: 80%;
max-width: 80%;
}
.participant-process {
padding: 20px;
margin-left: 0; /
margin-right: 0;
}
.participant-process-heading {
font-size: 28px;
}
.participant-info h2 {
font-size: 15px;
}
.participant-info p {
font-size: 13px;
}
.participant-svg {
width: 15px;
}
}
</style>
<body>
<div class="participant-process">
<div class="participant-header">
<h2 class="participant-process-heading">Key Advantages of Our Participant Management System</h2>
<p class="benefits-paragraph"> This tool not only secures and organizes your research data but also optimizes your resources in real time, enabling you to conduct more effective and efficient research. </p>
</div>
<div class="participant-timeline">
<div class="participant-step">
<div class="participant-info">
<h2>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-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>
Guaranteed Participant Confidentiality </h2>
<p>Protect participant identity with robust anonymization and secure data practices, crucial for maintaining ethical standards in your research.</p>
</div>
</div>
<div class="participant-step">
<div class="participant-info">
<h2>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-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>
Enhanced Compliance and Consent Management </h2>
<p>
Manage consent forms, transcriptions, recordings, and more with a secure, centralized repository that ensures full compliance with legal and regulatory standards.
</p>
</div>
</div>
<div class="participant-step">
<div class="participant-info">
<h2>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-svg">
<path d="M21 6.375c0 2.692-4.03 4.875-9 4.875S3 9.067 3 6.375 7.03 1.5 12 1.5s9 2.183 9 4.875Z" />
<path d="M12 12.75c2.685 0 5.19-.586 7.078-1.609a8.283 8.283 0 0 0 1.897-1.384c.016.121.025.244.025.368C21 12.817 16.97 15 12 15s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.285 8.285 0 0 0 1.897 1.384C6.809 12.164 9.315 12.75 12 12.75Z" />
<path d="M12 16.5c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 15.914 9.315 16.5 12 16.5Z" />
<path d="M12 20.25c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 19.664 9.315 20.25 12 20.25Z" />
</svg>
Efficient Data <br/> Management</h2>
<p>
Centralize participant documents and data in one secure location to reduce errors and duplication, simplifying access and analysis.
</p>
</div>
</div>
<div class="participant-step">
<div class="participant-info">
<h2>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-svg">
<path d="M18.75 12.75h1.5a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM12 6a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 6ZM12 18a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 18ZM3.75 6.75h1.5a.75.75 0 1 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM5.25 18.75h-1.5a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 1 0 1.5ZM3 12a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 3 12ZM9 3.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5ZM12.75 12a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0ZM9 15.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" />
</svg>
Detailed Participant Engagement Tracking</h2>
<p>
Track each stage of the participant's journey,
from recruitment to interview conclusion, ensuring
high engagement and retention.
</p>
</div>
</div>
</div>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Data Security Section -->
<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>
.content-section-two {
color: #f5f6f7;
padding: 50px;
padding-top: 5px;
font-family: "Inter", sans-serif;
margin-left:-120px;
margin-right:-90px;
font-size:17px;
background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
}
.content-section-two h1 {
margin-left: 20px;
font-family: "Poppins", sans-serif;
font-weight: normal;
font-size: 32px;
text-align:center;
}
.content-section-two h2 {
margin-left: 20px;
font-weight: normal;
text-align:center;
font-size:17px;
}
.columns-two {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.column-two {
width: 30%;
margin-left:20px;
padding:10px;
border-radius:10px;
}
.column-two h3 {
font-size:17px;
font-weight:semibold;
}
.data-icon-two{
width:35px;
}
/*Media queries */
@media (max-width: 1024px) {
.content-section-two {
padding: 30px;
margin-left: 0;
margin-right: 0;
}
.content-section-two h1 {
font-size: 28px;
}
.columns-two {
flex-direction: column;
}
.column-two{
width: 100%;
margin-left: 0;
}
}
@media (max-width: 768px) {
.content-section-two {
padding: 20px;
}
.content-section-two h1 {
font-size: 24px;
}
.content-section-two h2 {
font-size: 14px; /* Smaller text in smaller devices */
}
.column-two h3{
font-size: 14px;
}
}
@media (max-width: 480px) {
.content-section-two {
padding: 10px;
}
.content-section-two h1 {
font-size: 20px; /* Even smaller title for very small screens */
}
.content-section-two h2, .column-two h3 {
font-size: 12px; /* Smaller font size for all text elements */
}
}
</style>
<body>
<section class="content-section-two">
<h1>
Elevated Core Data Security
</h1>
<h2>
Build on Salesforce, -a cloud-based leader, our platform prioritizes security and reliability.
</h2>
<div class="columns-two">
<div class="column-two">
<h3>Data Security</h3>
<p>
Leveraging Salesforce's robust functionality, our commitment to data security is unwavering.
</p>
</div>
<div class="column-two">
<h3>Enhanced Security </h3>
<p>
Salesforce Shield reinforces our data protection with advanced tools like Platform Encryption, Event Monitoring, and Field Audit Trail.
</p>
</div>
<div class="column-two">
<h3>Trustworthy Environment</h3>
<p>
Adopting Salesforce Shield demonstrates our dedication to a secure and reliable platform, ensuring your data is handled with utmost care.
</p>
</div>
</div>
</section>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Secure participant Management -->
<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">
<style>
.management-process {
font-family: 'Inter', sans-serif;
background-color: #f5f6f7;
padding: 50px;
display: flex;
justify-content: space-between; /* Align the quote and timeline side by side */
align-items: start;
gap: 20px;
margin-left:-70px;
margin-right:-70px;
}
.management-timeline {
display: flex;
flex-direction: column; /* Stack the steps vertically */
width: 50%; /* Allocate half of the container width */
list-style: none; /* Remove list styling */
padding: 0;
text-align:left;
}
li {
margin-bottom:5px;
margin-top:10px;
}
.management-info p {
font-size: 15px;
}
.management-process-heading {
color: #0e1d43;
font-size: 36px;
font-weight: normal;
font-family: 'Poppins', sans-serif;
margin-bottom: 15px;
text-align:left;
}
.quote {
width: 50%;
font-size: 16px;
color: #0e1d43;
margin-right: 20px;
text-align:left;
}
.check-icon{
width:20px;
}
@media (max-width: 768px) {
.management-process {
display: none;
}
</style>
</head>
<body>
<div class="management-process">
<div class="quote">
<h2 class="management-process-heading">Enhance your research efficacy with secure participant management</h2>
<p>“…Written reminders effectively increased response rates, with the first reminder showing the largest impact…” <strong>Participation rates, response bias and response behaviours in the community survey of the Swiss Spinal Cord Injury Cohort Study (SwiSCI)</strong></p>
</div>
<ul class="management-timeline">
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.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>
<strong> Encrypted Consent Form Storage:</strong> Impeccable security for participant documentation.
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.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>
<strong>Insightful Participant Tracking:</strong> Real-time data for responsive study management.
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.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>
<strong>Proactive Retention Measures:</strong> Data-driven strategies to maintain participant engagement.
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.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>
<strong>Anonymity with Nicknames/IDs:</strong> Full confidentiality
for participant identity protection.
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.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>
<strong>Unified Participant Scheduling:</strong> Centralize logistics
for streamlined participant coordination.
</li>
</ul>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Security Key Features-->
<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>
.translation-process {
font-family: 'Inter', sans-serif;
background-color: #f5f6f7;
color: #0e1d43;
padding: 20px;
}
.timeline {
display: flex;
justify-content: space-evenly;
align-items: start;
flex-wrap: wrap;
gap: 15px;
}
.step {
background-color: #fff;
padding: 20px;
border-radius: 8px;
text-align: center;
flex: 1;
min-width: 220px;
max-heigth:300px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.translation-svg {
width: 30px;
color: #312e81;
}
.info h2 {
font-family: 'Poppins', sans-serif;
color: #312e81;
font-size: 17px;
font-weight:normal;
margin-bottom:15px;
}
.info p {
font-size:17px;
}
.translation-process-heading {
color: #0e1d43;
font-size:34px;
font-weight:normal;
font-family: 'Poppins', sans-serif;
}
</style>
<body>
<div class="translation-process">
<div class="translation-header">
<h2 class="translation-process-heading"> How does Salesforce Shield revolutionize data protection with its three unique key features? </h2>
</div>
<div class="timeline">
<div class="step">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="translation-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="info">
<h2>Platform Encryption </h2>
<p>
This robust encryption of sensitive data serves as our primary
line of defense, solidifying the foundation of our commitment
to data security, restrict unauthorized access,
and meet regulatory standards.
</p>
</div>
</div>
<div class="step">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="translation-svg">
<path fill-rule="evenodd" d="M12 1.5a.75.75 0 0 1 .75.75V4.5a.75.75 0 0 1-1.5 0V2.25A.75.75 0 0 1 12 1.5ZM5.636 4.136a.75.75 0 0 1 1.06 0l1.592 1.591a.75.75 0 0 1-1.061 1.06l-1.591-1.59a.75.75 0 0 1 0-1.061Zm12.728 0a.75.75 0 0 1 0 1.06l-1.591 1.592a.75.75 0 0 1-1.06-1.061l1.59-1.591a.75.75 0 0 1 1.061 0Zm-6.816 4.496a.75.75 0 0 1 .82.311l5.228 7.917a.75.75 0 0 1-.777 1.148l-2.097-.43 1.045 3.9a.75.75 0 0 1-1.45.388l-1.044-3.899-1.601 1.42a.75.75 0 0 1-1.247-.606l.569-9.47a.75.75 0 0 1 .554-.68ZM3 10.5a.75.75 0 0 1 .75-.75H6a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 10.5Zm14.25 0a.75.75 0 0 1 .75-.75h2.25a.75.75 0 0 1 0 1.5H18a.75.75 0 0 1-.75-.75Zm-8.962 3.712a.75.75 0 0 1 0 1.061l-1.591 1.591a.75.75 0 1 1-1.061-1.06l1.591-1.592a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
</svg>
<div class="info">
<h2>Event Monitoring </h2>
<p>
It tracks user interactions for transparency and accountability.
It aids in understanding data usage, detecting security threats,
and ensuring authorized access to sensitive information.
</p>
</div>
</div>
<div class="step">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="translation-svg">
<path fill-rule="evenodd" d="M5.625 1.5H9a3.75 3.75 0 0 1 3.75 3.75v1.875c0 1.036.84 1.875 1.875 1.875H16.5a3.75 3.75 0 0 1 3.75 3.75v7.875c0 1.035-.84 1.875-1.875 1.875H5.625a1.875 1.875 0 0 1-1.875-1.875V3.375c0-1.036.84-1.875 1.875-1.875ZM9.75 17.25a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0v-.75Zm2.25-3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75Zm3.75-1.5a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0v-5.25Z" clip-rule="evenodd" />
<path d="M14.25 5.25a5.23 5.23 0 0 0-1.279-3.434 9.768 9.768 0 0 1 6.963 6.963A5.23 5.23 0 0 0 16.5 7.5h-1.875a.375.375 0 0 1-.375-.375V5.25Z" />
</svg>
<div class="info">
<h2>Field Audit Trail</h2>
<p>
It offers a comprehensive audit capability to track changes, understand data trends, and maintain an immutable record for audit purposes, ensuring
you know the evolution of your data over time.</p>
</div>
</div>
</div>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- IRB Blue Banner -->
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>
.pm-hero {
background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
padding: 30px;
font-family: "Inter", sans-serif;
margin-left: -120px;
margin-right: -90px;
}
.subheading-container {
display: flex;
justify-content: space-between; /* Adjust as needed, can also use 'space-around' or 'flex-start' */
flex-wrap: wrap; /* Allows items to wrap onto the next line on smaller screens */
}
.pm-subheading {
color: #f5f6f7;
margin-bottom: 20px;
font-size: 17px;
text-align: left;
flex: 1; /* Each subheading will take equal width */
padding: 0 15px; /* Adds space between them */
}
.pm-heading {
margin-bottom: 10px;
font-family: "Poppins", sans-serif;
font-size: 36px;
font-weight: normal;
color: #f5f6f7;
text-align: center;
}
.pm-button {
background-color: #f5f6f7;
color: #0e1d43;
padding: 10px 20px;
text-decoration: none;
display: block;
border-radius: 50px;
border: none;
cursor: pointer;
margin: 20px auto 20px;
}
.pm-button:hover {
background-color: #f1f5f9;
}
.pm-link {
text-decoration: none;
color: #0e1d43;
}
.pm-link:hover {
color: #0e1d43;
}
.pm-subtitle {
color: #f5f6f7;
text-align:center;
margin-bottom:30px;
}
/* Media Queries */
@media (max-width: 768px) {
.subheading-container {
flex-direction: column;
}
.pm-heading {
font-size:
20px;
}
.pm-subheading {
font-size: 10px;
}
.pm-hero {
padding: 15px;
margin: 0;
}
}
</style>
</head>
<body>
<div class="pm-hero">
<h1 class="pm-heading">Navigate IRB Approval with Confidence and Ease</h1>
<p class="pm-subtitle"> Drawing on deep expertise, we provide support and ready-to-use materials to help researchers successfully navigate the IRB approval process. </p>
<div class="subheading-container">
<p class="pm-subheading">
<strong>
Expertly Prepared Documentation</strong><br/> <br/>Gain access to comprehensive, ready-to-use documentation developed by experienced professionals well-versed in IRB requirements.
</p>
<p class="pm-subheading">
<strong>
IRB-Approved Form Quality</strong><br/><br/> Our forms are meticulously crafted by seasoned researchers with extensive experience as IRB members, ensuring high standards and streamlined approval processes.
</p>
</div>
<button class="pm-button"> <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=CFPM" class="pm-link"> Secure Your Research Now </a> </button>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!--Pricing Cards PM 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">
<style>
.pricing-container{
font-family: 'Inter', sans-serif;
background-color: #f5f6f7;
color: #0e1d43;
line-height: 1.6;
padding:0px;
margin: 0;
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;
font-weight:normal;
}
.pricing-header {
text-align: center;
margin-bottom: 40px;
}
.pricing-plans {
display: flex;
justify-content: center;
gap: 20px;
}
.plan {
position: relative;
border: 2px solid #ccc;
border-radius: 8px;
padding: 20px;
width: 325px;
background-color: #fafaf9;
}
.basic-plan-heading {
margin-bottom:15px;
}
.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;
}
.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;
}
/* Media Queries for Responsive Design */
@media (max-width: 768px) {
.pricing-plans {
flex-direction: column;
align-items: center;
}
.plan {
width: 100%;
max-width: 600px;
}
.pricing-header h2 {
font-size: 28px; }
.plan-price {
font-size: 20px;
}
}
@media (max-width: 480px) {
.pricing-container {
padding: 10px;
padding: 0 10px;
}
}
</style>
</style>
</head>
<body>
<div class="pricing-container">
<div class="pricing-header">
<h2>Pricing Overview</h2>
<p>Transform Research Management: Streamline Processes, Secure Data, Minimize Errors, and Save Hours of Administrative Work </p>
</div>
<div class="pricing-plans">
<!-- Basic Plan -->
<div class="plan">
<h3>Basic</h3>
<h3> 1-19 </h3>
<h3> records per project</h3>
<p style="margin-bottom: 30px;">Discover the efficiency of our system.</p>
<p class="plan-price"><strong> Free </strong></p>
<a href="https://thelai.typeform.com/to/emMB10?utm_medium=PMF" class="btn">Start for Free</a>
<ul class="plan-features">
<li>Participant Tracking</li>
<li>Secure Consent Form and Document Storage</li>
<li>Data Encryption & HIPAA Compliance</li>
<li>IRB Assistance</a> </li>
</ul>
</div>
<!-- Essential Plan -->
<div class="plan highlighted">
<h3>Essential</h3>
<h3>20-49</h3>
<h3>records per project</h3>
<p style="margin-bottom: 30px;">Boost your research with our suite.</p>
<p class="plan-price"><strong>$1,499</strong> <span>/per project</span></p>
<a href="https://thelai.typeform.com/to/emMB10?utm_medium=PMF" class="btn">Start for Free</a>
<ul class="plan-features">
<li>Participant Tracking</li>
<li>Secure Consent Form and Document Storage</li>
<li>Data Encryption & HIPAA Compliance</li>
<li>IRB Assistance</a> </li>
<p> <strong> AND </strong> </p>
<li>Transcription preferential base rate </li>
<li>Preferential turnaround </li>
</ul>
</div>
<!-- Essential+ Plan -->
<div class="plan">
<h3>Essential +</h3>
<h3>50-99</h3>
<h3>records per project</h3>
<p style="margin-bottom: 30px;">Revolutionize your workflow impact.</p>
<p class="plan-price"><strong>$3,599</strong><span>/per project</span></p>
<a href="https://thelai.typeform.com/to/emMB10?utm_medium=PMF" class="btn">Start for Free</a>
<ul class="plan-features">
<li>Participant Tracking</li>
<li>Secure Consent Form and Document Storage</li>
<li>Data Encryption & HIPAA Compliance</li>
<li>IRB Assistance</a> </li>
<p> <strong> AND </strong> </p>
<li>Transcription preferential base rate </li>
<li>Preferential turnaround </li>
</ul>
</div>
<!-- Growth Plan -->
<div class="plan">
<h3>Growth</h3>
<h3>100+</h3>
<h3>records per project</h3>
<p style="margin-bottom: 30px;">Efficiently manage multi-language tasks.</p>
<p class="plan-price"><strong>$4,999</strong><span>/per project</span></p>
<a href="https://thelai.typeform.com/to/emMB10?utm_medium=PMF" class="btn">Start for Free</a>
<ul class="plan-features">
<li>Participant Tracking</li>
<li>Secure Consent Form and Document Storage</li>
<li>Data Encryption & HIPAA Compliance</li>
<li>IRB Assistance</a> </li>
<p> <strong> AND </strong> </p>
<li>Transcription preferential base rate </li>
<li>Preferential turnaround </li>
<li>Dedicated website for participant recruitment</li>
</ul>
</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: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
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 Managing your Study Participants
</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>
<!--Footer USA -->
<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>
.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>