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

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Participant Management -->

<!-- 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>
        .pm-hero {
            background-color: #f5f6f7;
            padding: 20px;
            font-family: "Inter", sans-serif;
        }
        .pm-subheading {
            color: #0e1d43; 
            margin-botton:20px;
            font-size:17px;
            text-align: left;
            margin-bottom:20px;
        }
        .pm-heading {
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-size:36px;
            font-weight:normal;
            color: #0e1d43;
            text-align: left; 
        }
        .pm-button {
            background-color: #312e81; 
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            display: block;
            border-radius:50px;
            border:none;
            cursor: pointer;
            margin-bottom: 50px;
            margin-top:20px;
            margin:0 auto;
          
        }
        .pm-button:hover {
            background-color: #3730a3; 
        }
        
        .pm-link {
        color:white;
        text-decoration:none;
        }
        
         .pm-link:hover {
        color:white;
        }
        
         .check-icon{
		    width:20px;
		    }

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

<div class="pm-hero">
    <h1 class="pm-heading"> Proven Security, Trusted Process: Navigate IRB Approval with Confidence and Ease</h1>
    <p class="pm-subheading">
    <strong>
    <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>
    Expertly Prepared Documentation:</strong> Gain access to comprehensive, ready-to-use documentation developed by experienced professionals well-versed in IRB requirements.<br/>
		<strong>
		<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>
		IRB-Approved Form Quality:</strong> Our forms are meticulously crafted by seasoned researchers with extensive experience as IRB members, ensuring high standards and streamlined approval processes.</p>
    <button class="pm-button"> <a href="https://thelai.typeform.com/to/nGbbhLD4?utm_medium=PTRGQ" class="pm-link"> Begin Secure Research Now </a> </button>

</div>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<html>

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

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

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

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

<div class="about-hero">
    <h1 class="about-heading"> Elevate your work with our top-tier Spanish translation and transcription expertise</h1>
    <p class="about-subheading">Unlock precision translation and give your research a global resonance.</p>
    <button class="about-button"> <a href="https://thelai.typeform.com/to/nGbbhLD4?utm_medium=PTRGQ" class="about-link"> Get a Quote </a> </button>

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

We specialize in delivering top-tier translation and transcription services, with a keen focus on ensuring your documents excel in Spanish.

image

Specializing in top-tier translation and transcription services.
Focus on excelling your documents in Spanish.
Transforming content to unlock full potential in Spanish expression.
Experience excellence in our services.
Click to elevate your content globally!

super-embed:

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

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

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

<style>
			  .testimonial-container {
			  display: flex;
			  justify-content: space-evenly;
			  padding: 0 10px;
			  margin: 0 auto;
			  font-family: "Inter", sans-serif;
			  color:#0e1d43;
			  margin-bottom:10px;
			}
			
			.testimonial-one {
				border-radius:5px; 
			  padding: 20px;
			  text-align: left;
			  width: 350px; 
			  height: 200px; 
				background: #ffffff;
				border-radius: 20px;
				box-shadow: 0px 8px 8px rgba(63, 63, 65, 0.1);
				margin-bottom:10px;
			}
			
	
			
			.testimonial p {
			  margin-top:10px;
			  margin-bottom:10px; 
			  text-align:left;
			}
			
					cite {
					  display: inline;
					  margin-top: 10px;
					  font-weight: bold;
					  font-style: normal;
					  text-align:left;
					}
					
					.cite-container {
					  display: flex;
					  align-items: center; 
					  gap: 10px; 
					}
					
					.icon-test {
					  width:2rem; 
					}
					
					.testimonial-header h3 {
					  font-family: "Poppins", sans-serif;
					  text-align: center;
					  color:#0e1d43;
					  font-weight:100px;
					  font-size:32px;
					}
					
					.testimonial-header h2 {
					  font-family: "Poppins", sans-serif;
					  text-align: center;
					  color:#0e1d43;
					  font-weight:100px;
					  font-size:38px;
					}
	
	/* Media Queries */

/* For tablets and below (max-width: 768px) */
@media (max-width: 768px) {
  .testimonial-container {
    flex-direction: column;
    align-items: center;
  }

  .testimonial-one {
    width: 90%;
    font-size:90%;
  }
}

/* For small devices and below (max-width: 480px) */
@media (max-width: 480px) {
  .testimonial-header h3, .testimonial-header h2 {
    font-size: 24px; /* Smaller text for smaller screens */
  }

  .testimonial-one {
    padding: 15px; /* Slightly reduce padding for small devices */
  }
}	
					

</style>
<body>
  <div class="testimonial-header">
    <h3> Testimonials  </h3>
    <h2>  Empowering Research with Proven Success  </h2>
  </div>
	<div class="testimonial-container">
    <!-- Testimonial -->
    <div class="testimonial-one">      
      <p>
        I have 5-8 more patients then my research will be complete. Everything looks great so far. The website looks great.
      </p>
      <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
				 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				 </svg>		
      <cite>Researcher at Mayo Clinic </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
      <p>
        Looks great, thank you for all of your help and support. 
      </p>
      <br>
      <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
				 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				 </svg>		
      <cite> 
        Researcher at Washington University, St. Louis
      </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
      <p>The transcript looks great!  I'll definitely keep Landmark in mind for future transcription needs.
      </p>
      <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
			  <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				</svg>
	      <cite> Researcher at University of Arkansas for Medical Sciences</cite>
	    </div>
    </div>
  
  </div>
  
  <div class="testimonial-container"> 
    <!-- Testimonial -->
    <div class="testimonial-one">      
      <p>
      Thanks so much Monica. Everything looks great. It’s much easier now for me to keep track of the transcripts. 
      </p>
      <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
				 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				 </svg>		
      <cite>Researcher at the University of North Carolina, Chapel Hill </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
   <p>
   I've finished transcription for this particular project. 
   However, I was very impressed with the service and will 
   return to you for future transcriptions.
   </p> 
   <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
				 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				 </svg>		
      <cite> 
       Researcher at Princeton University
      </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
      <p>
      We have used Landmark many times in the past and 
      they always do quality work very quickly. And great price!
      </p> 
      <br>
         <br>
         <hr>
         <div class="cite-container">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
            <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
            </svg>		
         <cite> 
          Landmark's Customer Satisfaction Survey
         </cite>
         </div>
       </div>
  
  </div>
</body>
</html>

super-embed:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  <!-- Benefits -->
  
  <!-- 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"> 

  <!-- 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>   
   
		.new-benefits {
				box-sizing: border-box;
		    margin: 0;
		    font-family:"Inter", sans-serif;    
		    line-height: 1.6;
			}			

	
			.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: #0e1d43;
				}

			.cards-heading {
			    font-family:"Poppins", sans-serif;
			    font-weight: 600;
			    text-align: left;
			    color:#0e1d43;
			    font-size: 35px;
			    margin-bottom: 30px;
			}

			.list-features {
			            list-style: none;
			            padding: 0;
			            margin-bottom: 20px;
			        }
			
        .list-features li {
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
        }

        .list-features li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #312e81; /* Adjust the checkmark color */
        }

        .list-link {
            color:#0e1d43;
            text-decoration: underline;
        }

        .list-link:hover {
            color: #312e81;
            text-decoration: none;
        }

/* Icon styles */
			.absolute {
				font-size:4rem;
			  position: absolute;
			  left: 0; /* Keep it on the left edge */
			  transform: translateX(-20%); /* Move it to the left of the padding area */
			  top: 0.5rem; /* Adjust vertically to center with the title */
				}
			
			.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: #f5f6f7;
				}
			
			.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: #312e81;
				    margin-top: -10px;
				}

				
				[stroke-width="1.5"] {
				    stroke-width: 1.5;
				}


/* Responsive adjustments */
@media screen and (max-width: 1024px) {
     
    .py-24 {
        padding-top: 4rem; /* Reduced padding */
        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; /* Smaller icons */
        width: 2rem;
    }

    .h-6, .w-6 {
        height: 1.25rem; /* Adjust icon size */
        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>
  <div class="new-benefits bg-landmark-gray py-24 sm:py-32">  
        <div class="mx-auto max-w-2xl lg:max-w-4xl">
        <h2 class="cards-heading"> Benefits you get when working with Landmark</h2>
        <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="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.25m2.25 0H5.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>                                         
              </div>              
              <!-- Card Title -->
              Transcript Features
            </dt>
            <!-- Card Description -->
            <dd class="align-left text-base-cards leading-7 text-gray-600"> 
            <ul class="list-features">
                <li> All Audio and Video file formats  </li>
                <li> <a href="https://docs.thelai.com/what-is-the-difference-between-non-verbatim-and-strict-verbatim" class="list-link" target="_blank"> Strict Verbatim Language capture </a> </li>
                <li> <a href="https://docs.thelai.com/what-is-speaker-tracking" class="list-link" target="_blank">Speaker Tracking </a>  </li>
                <li> <a href="https://docs.thelai.com/what-are-timestamps" class="list-link" target="_blank">Time Stamps </a> </li>
                <li> <a href="https://docs.thelai.com/6bb614b2243b4854951c6956c27d8929" class="list-link" target="_blank">De-Identification of Participants </a></li>
                <li> Available Rush Turnaround  </li>
                <li> Custom Templates </li>            
            </ul>
            </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="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 -->
              Security and Confidentiality
            </dt>
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> 
                <ul class="list-features">
                    <li> API Capable </li>
                    <li> <a href="https://thelai.com/security-confidentiality" class="list-link" target="_blank"> Data Encryption </a> </li>
                    <li> 2FA Available </li>
                    <li> Fortune 500 Technology </li>
                    <li> IRB Assistance </li>
                    <li> Business Associates Agreement available (BAA) </li>                
                </ul>            
            </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="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
                </svg>                                           
              </div>
              <!-- Card Title -->
              Support
            </dt>
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600">
                <ul class="list-features">
                    <li> Designated Account Executive </li>
                    <li> Live support by Email & Chat </li>
                    <li> Customer Direct Phone Line </li>
                    <li> <a href="https://docs.thelai.com/" class="list-link" target="_blank"> Help Center
                   </a> 
                    </li>
                </ul>
            </dd>
          </div>
      </div>
    </div>
  </div>  
</body>
</html>                  

Our working process

💡
Step 1: Upload your project
image

Securely upload your file to our platform for top-tier encrypted protection, ensuring utmost data safety and confidentiality.

💡
Step 3: Professional translation
image

Our translator will promptly start working on your file with precision, ensuring high-quality and accurate translation.

💡
Step 2: Your perfect match
image

We carefully match your project with an ideal professional translator for accurate and culturally nuanced content.

💡
Step 4: Proof reading quality control
image

The document undergoes strict proofreading and quality control to ensure adherence to our 99% accuracy standard.

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

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

<style>
    
    .bg-white {
    background-color:#f5f6f7;
    font-family: "Inter", sans-serif;
    }

    .mx-auto {
    margin-right: auto;
    margin-left: auto;
    }

    .max-w-7xl {
    max-width: 112rem; 
    }

    .px-6 {
    padding-left: 1.5rem; 
    padding-right: 1.5rem; 
    }

    .py-24 {
    padding-top: 6rem; 
    padding-bottom: 6rem;
    }

    .blue-button {
    padding: 15px;
    background-color:#312e81; 
    border: none;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    cursor: pointer;
    transition:0.3s ease; 
    display: block;
    margin:0 auto;
    margin-bottom:20px;
    margin-top:10px;
    }

    .blue-button:hover {
    background-color: #3730a3; 
    }

    .btn-link{
    color:white;
    text-decoration:none;
    }

    .text-2xl {
    font-size: 1.5rem; 
    margin-top:10px;
    margin-left:-20px;
    }

    .font-bold {
    font-weight: bold;
    }

    .leading-10 {
    line-height: 2.5rem; 
    }

    .tracking-tight {
    letter-spacing: -0.025em; 
    }

    .text-gray-900 {
    color: #1a202c; 
    }

    .mt-2 {
        margin-left: -1px;
        margin-bottom:20px
    }

    .mt-4 {
    margin-top: 1rem;     
    }

    .text-base-faqs {
    font-size: 1rem; 
    text-align:center;
    }

    .leading-7 {
    line-height: 1.75rem; 
    }

    .text-gray-600 {
    color: #4a5568; 
    }

    .font-semibold {
    font-weight: 600; 
    }

    .text-indigo-500 {
        color:#0e1d43;
;
    }

    .text-indigo-600 {
    color: #0e1d43;
    text-decoration: none; 
    }

    .hover\:text-indigo-600:hover {
    text-decoration: underline;
    }

    @media (min-width: 1024px) { 
    .lg\:px-8 {
        padding-left: 2rem; 
        padding-right: 2rem; 
    }

    .lg\:py-40 {
        padding-top: 10rem; 
        padding-bottom: 10rem; 
    }

    .lg\:grid {
        display: grid;
    }

    .lg\:grid-columns-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:gap-8 {
        gap: 2rem;
    }

    .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    }
</style>
</head>
<body>

<div class="bg-white">
    <div class="mx-auto max-w-7xl px-6 py-24 lg:px-8 lg:py-40">        
        <div class="section-one">
            <h2 class="text-2xl font-bold leading-10 tracking-tight text-indigo-500">Frequently asked questions</h2>
            <p class="mt-4 text-base-faqs leading-7 text-gray-600">Can’t find the answer you’re looking for? Reach out to our <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=OCCF" class="font-semibold text-indigo-600 hover:text-indigo-500">customer support</a> team.</p>
            <button class="blue-button"> <a href="https://thelai.typeform.com/to/nGbbhLD4?utm_medium=PTRGQ" class="btn-link">Request a Quote</a></button>
        </div>

        <div class="lg:grid lg:grid-columns-2 lg:gap-8 mt-10">
            <!-- Column 1 -->
            <div>
                <!-- QA one -->
                <div class="lg:col-span-1">
                    <dt class="text-base font-semibold leading-7 text-indigo-500">How much do you charge for a translation service?</dt>
                    <dd class="mt-2 text-base leading-7 text-gray-600">All Professional Document Translations are priced per word. <a href="https://thelai.typeform.com/to/nGbbhLD4?utm_medium=PTRGQ" class="font-semibold text-indigo-600 hover:text-indigo-500"> Get a Quote Here </a></dd>
                </div>
                <!-- QA three -->
                <div class="lg:col-span-1">
                    <dt class="text-base font-semibold leading-7 text-indigo-500">How do you guarantee translation accuracy?</dt>
                    <dd class="mt-2 text-base leading-7 text-gray-600">Two different professional translators work on your file to review the accuracy.</dd>
                </div>
                 <!-- QA three -->
                <div class="lg:col-span-1">
                    <dt class="text-base font-semibold leading-7 text-indigo-500">What languages do you translate?</dt>
                    <dd class="mt-2 text-base leading-7 text-gray-600">We specialize in Spanish translations, but we can translate <a href="https://landmark-main-site.super.site/available-languages" class="font-semibold text-indigo-600 hover:text-indigo-500"> over 25 languages </a></dd>
                </div>
                
            </div>

            <!-- Column 2 -->
            <div>
		            <!-- QA two -->
                <div class="lg:col-span-1">
                    <dt class="text-base font-semibold leading-7 text-indigo-500">If I need a certificate, can you provide one?</dt>
                    <dd class="mt-2 text-base leading-7 text-gray-600">Yes, we can provide you with a Translation Certificate.</dd>
                </div>
                
                <!-- QA four -->
                <div class="lg:col-span-1">
                    <dt class="text-base font-semibold leading-7 text-indigo-500">Is Landmark secure?</dt>
                    <dd class="mt-2 text-base leading-7 text-gray-600">Yes. We believe security and privacy is a basic human right. That’s why security and privacy by Default are the guiding principles for us in everything we do as a company. Our system was designed based on the best practices of other leading technology firms and offers <a href="https://landmark-main-site.super.site/our-customers" class="font-semibold text-indigo-600 hover:text-indigo-500"> our clients </a> the best environment for their data.</dd>
                </div>
            </div>
        </div>
    </div>
</div>  
</body>
</html>

Experience unparalleled translation and transcription services tailored for excellence in Spanish. Elevate your content today.

super-embed:

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

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

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

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



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

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

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

    .mission {
       font-size:12px;
    }

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

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

				
    </style>
</head>
<body>
<div class="footer-container">
    <section class="CF-sitemap-section">
        <!-- Header with Logo and LinkedIn Icon -->
        <div class="CF-header-container">
            <a href='/' class="CF-logo"><img src="https://landmarkmktemailimages.s3.amazonaws.com/Landmark_Logo.png" alt="Landmark Logo"  width="100"></a>
        </div>
        <!-- Sitemap Columns -->
        <div class="CF-sitemap-container">
		   
            <!-- Column 1 -->
            <div class="CF-sitemap-column-one">
                <h3>Using Landmark</h3>
                <a href="/terms-and-conditions/using-landmark-for-universitiesorganizations">Universities/Organizations</a>
                <a href="/our-customers">Our Customers</a>
                <a href="/transcription">Pricing</a>
                <a href="/available-languages">Available Languages</a>
                <a href="https://docs.thelai.com/">Help Center</a>
            </div>
            <!-- Column 2 -->
            <div class="CF-sitemap-column-two">
                <h3>Landmark</h3>
                <a href="https://docs.thelai.com/contractor-page">I'm a Transcriber/Translator</a>
                <a href="https://thelai.typeform.com/to/sJwCUe">Get a customized quote</a>
                <a href="https://docs.thelai.com/fdf4b7dd39cb446f93c9cd6fa85f6ed1">How to request a transcript</a>
                <a href="https://docs.thelai.com/ded190891d6148eab2a3554b18f20a15">Request an invoice</a>
                <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=PIE">Get in touch</a>
            </div>
            <!-- Column 3 -->
            <div class="CF-sitemap-column">
                <h3>Legal</h3>
                <a href="/privacy-policy">Privacy Policy</a>
                <a href="/terms-and-conditions">Terms and Conditions</a>
                <a href="/security-confidentiality">Security & Confidentiality</a>
            </div>
        </div>
        <!-- Footer Note -->

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

        <div class="CF-footer-note-container">
		        <p class="CF-footer-note">2701 East Thomas Road, Suite H<br> 
						Phoenix, AZ 85016<br>
						(480) 922-1105<br> 
						©2009-2024 Landmark Associates, Inc. | All Rights Reserved</p>
        </div>
    </section>
   </div>
</body>
</html>

Participant Management Page

super-embed:
<!DOCTYPE html>

<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">
    <!-- Participant Management Hero -->
    <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 &#8594;</a>
            </div>
        </div>
    </section>
</body>
</html>

SECURITY

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>
		Uncompromising Data Security at Its Core: Elevating Data Security to New Heights
		</h1>
		<h2>
		Built 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>

BLUE SQUARE

super-embed:

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Blue Square Features -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

    <!-- Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
</head>
<style>
      .features-component {
        margin-left:-100px;
        margin-right:-90px;
        padding: 50px;
        font-family: Inter, sans-serif;
        background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
        color:#f5f6f7;
      }

        .features-component-container {
            margin: auto;
            padding: 20px;
        }

        .content {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }

        .column1, .column2 {
            flex: 1;
        }

        .column1 {
            margin-right: 20px;
        }

        .column2 img {
            width: 100%;
            height: auto;
            display: block; /
        }

        .image-features{
          border-radius:10px;
          max-width: 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;
        }
        
         .feature-card-first{
				padding:20px;
				margin-top:20px;
				margin-bottom:5px;
        }
        
        @media screen and (max-width: 768px) {
        .features-component {
    display:none;
       }
    
    }
</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> 
                    Utilized by Professional Researchers
                    <br/>
                    <br/>
                    Revolutionize your research with our integrated suite—where secure consent, participant tracking, and precise transcription meet. 
                    <br/>
                    <br/>
                    Reclaim countless hours with tools designed to streamline and safeguard your project from start to finish, freeing you to focus on the insights that matter. 
                </p>
                </div>
            </div>

            <div class="column2">
                <img src="https://i.postimg.cc/Z55GD1tZ/Participant.gif" class="image-features" />
            </div>
        </div>
    </div>
  </div>
</body>
</html>

STAGES Participant

super-embed:
<!DOCTYPE html>
<!-- Participant Journey -->
<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: 30px;
    color: #0e1d43;
}

.participant-info h2 {
    font-family: 'Poppins', sans-serif;
    color: #0e1d43;
    font-size: 18px;
    font-weight:normal;
    margin-bottom:15px;
}

.participant-info p {
    font-size:15px;
} 

.participant-process-heading {
		color: #0e1d43;
		font-size:36px;
		font-weight:normal;
		font-family: 'Poppins', sans-serif;
		margin-top:-15px;
		}
		
/* 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: 25px; 
    }
}

</style>

<body>

<div class="participant-process">
		<div class="participant-header">
				<h2 class="participant-process-heading">Participant Tracker Exploration: A journey with participant tracker</h2>
		</div>
<div class="participant-timeline">
    <div class="participant-step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-svg">
			  <path fill-rule="evenodd" d="M2.25 5.25a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3V15a3 3 0 0 1-3 3h-3v.257c0 .597.237 1.17.659 1.591l.621.622a.75.75 0 0 1-.53 1.28h-9a.75.75 0 0 1-.53-1.28l.621-.622a2.25 2.25 0 0 0 .659-1.59V18h-3a3 3 0 0 1-3-3V5.25Zm1.5 0v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5Z" clip-rule="evenodd" />
			  </svg>

        <div class="participant-info">
            <h2>Researcher Access </h2>
            <p>Access and create your <br/> new research project.</p>
        </div>
    </div>

    <div class="participant-step">
        <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>
        <div class="participant-info">
            <h2>Easy Project Setup </h2>
            <p>
            Enter and specify <br/>  your project details.
            </p>
        </div>
    </div>
    <div class="participant-step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-svg">
			  <path d="M5.25 6.375a4.125 4.125 0 1 1 8.25 0 4.125 4.125 0 0 1-8.25 0ZM2.25 19.125a7.125 7.125 0 0 1 14.25 0v.003l-.001.119a.75.75 0 0 1-.363.63 13.067 13.067 0 0 1-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 0 1-.364-.63l-.001-.122ZM18.75 7.5a.75.75 0 0 0-1.5 0v2.25H15a.75.75 0 0 0 0 1.5h2.25v2.25a.75.75 0 0 0 1.5 0v-2.25H21a.75.75 0 0 0 0-1.5h-2.25V7.5Z" />
				</svg>

        <div class="participant-info">
            <h2>Participant Addition</h2>
            <p>Effortlessly start <br/> adding participants.</p>
        </div>
    </div>
    <div class="participant-step">
        <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>

        <div class="participant-info">
            <h2>Participant Stages</h2>
            <p>Update participant's <br/>status in stages.</p>
        </div>
    </div>
</div>
</div>

</body>
</html>

RESTRUCTURE TWO

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: #f5f6f7;
        margin-right:-90px;
		    margin-left:-100px;
        background:linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
        padding:50px;
    }

    .management-timeline {
        display: flex;
        justify-content:space-evenly;
        align-items: start;
        gap: 5px;
    }

    .management-step {
        text-align: center;
        flex: 1 1 0%; 
        min-width: 220px; 
        max-height: 300px;
    }


    .management-info h2 {
        font-family: 'Poppins', sans-serif;
        color: #0e1d43;
        font-size: 16px;
        margin-bottom: 15px;
        text-align: center;
        font-weight:normal;
    }

    .management-info p {
        font-size: 15px;
        text-align: center;
    } 

    .management-process-heading {
        color: #0e1d43;
        font-size: 36px;
        font-family: 'Poppins', sans-serif;
        margin-top: -15px;
        font-weight:500;
    }
    
    
    .quote{
    margin-bottom:30px;
    }

    @media (max-width: 768px) {
        .management-timeline {
            flex-direction: column; 
        }

        .management-step {
            min-width: 80%;
            max-width: 80%;
        }

        .management-process {
            padding: 20px;
        }

        .management-process-heading {
            font-size: 28px;
        }

        .management-info h2, .management-info p {
            font-size: 15px;
        }

        .management-svg {
            width: 25px;
        }
    }
    
    
</style>
</head>
<body>
<div class="management-process">
    <div class="management-header">
        <h2 class="management-process-heading">Enhance your research efficacy with secure participant management</h2>
        <p class="quote">
         “…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>
    
    <div class="management-timeline">
        <div class="management-step">
            <div class="management-info">
                <h2>Encrypted Consent Form Storage</h2>
                <p>Impeccable security for participant documentation.</p>
            </div>
        </div>
        <div class="management-step">
            <div class="management-info">
                <h2>Insightful Participant <br/> Tracking</h2>
                <p>Real-time data for responsive study management.</p>
            </div>
        </div>
        <div class="management-step">
            <div class="management-info">
                <h2>Proactive Retention <br/> Measures</h2>
                <p>Data-driven strategies <br/> to maintain participant engagement.</p>
            </div>
        </div>
        <div class="management-step">
            <div class="management-info">
                <h2>Anonymity with Nicknames/IDs</h2>
                <p>Full confidentiality for <br/>participant identity protection.</p>
            </div>
        </div>
        <div class="management-step">
            <div class="management-info">
                <h2>Unified Participant <br/> Scheduling</h2>
                <p>Centralize logistics for <br/> streamlined participant coordination.</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Contact Container -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Poppins and Inter Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
    <style>  
        .contact-container {
            display: flex; 
            background-color: #312e81;
            align-items: center;
            justify-content: space-evenly; 
            padding: 50px; 
            color: #f5f6f7;
            margin-right:-90px;
				    margin-left:-100px;
        }

        .contact-header {
            flex: 1; 
            margin: 0 20px;  
			      margin-right: 190px; 
			      margin-left: 90px;
        }

        .contact-cta {
            flex: 0 0 auto; /* No crece ni se encoge, manteniendo el tamaño del contenido */
            margin: 0 10px; 
            margin-right:50px;
            
        }

        .contact-heading {
            font-size: 25px;
            font-weight: normal;
            margin: 0; 
            text-align: left;
            font-family: "Poppins", sans-serif;
        }

        .speak-contact {
            display: flex;
            align-items: center;
            font-size: 18px;
            font-weight: 500;
            text-decoration: none;
            cursor: pointer;
            transition: 0.3s ease;
            font-family: "Inter", sans-serif;
            background-color: #f5f6f7; 
            padding: 10px 20px;  /* Más equilibrado y adecuado para móviles */
            border-radius: 50px;
            text-decoration: none;
            color: #312e81;
        }

        .speak-contact:hover {
            color: #312e81;
            background-color: #edeff1;        
        }

        .contact-icon {
            margin-right: 8px; 
            width: 35px;
            color:#312e81;
        }

        /* Responsive Adjustments */
        @media (max-width: 992px) {
            .contact-container {
                flex-direction: column; /* Stack vertically on smaller screens */
                padding: 40px; 
            }

            .contact-header, .contact-cta {
                margin: 10px 0; /* Adjust margins for vertical layout */
            }

            .speak-contact {
                padding: 10px 15px; /* Smaller padding for smaller screens */
                font-size: 16px;
                justify-content: center; /* Center items within button */
            }
        }

        @media (max-width: 768px) {
            .contact-heading {
                font-size: 22px; /* Reduce font size for very small devices */
                text-align: center;
            }

            .speak-contact {
                font-size: 15px; /* Further reduce font size for clarity */
                padding: 8px 12px; /* Reduce padding */
            }
        }
    </style>
</head>
<body>
    <div class="contact-container">
        <div class="contact-header">  
            <h1 class="contact-heading">
                Initiate Your Consultation on Innovative Research Tools
            </h1>
        </div>
        <div class="contact-cta">
            <a href="https://calendly.com/monica-landmark/introduction?month=2024-04" class="speak-contact" target="_blank">
                
                Schedule a call
            </a>
        </div>
    </div>
</body>
</html>