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

<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>
        .about-hero {
            background-color: #f5f6f7; /* landmark-gray-background */
            padding: 20px;
            text-align: center;
            font-family: "Poppins", 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;
            font-size:17px;
          
        }
        .about-button:hover {
            background-color: #3730a3; /* landmark-violet-hover */
        }
        
        .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"> Supporting Qualitative Researchers</h1>
    <p class="about-subheading">We are the premier partner for researchers who demand excellence and precision.<br/>Serving prestigious universities, dynamic government agencies, and dedicated nonprofit organizations.</p>
    <button class="about-button"> <a href="https://thelai.typeform.com/to/emMB10?utm_medium=SFT" class="about-link"> Start Your Free Trial </a> </button>

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

super-embed:
<!DOCTYPE html>
<!-- About Statistics-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>

<style>
    .about-statistics {
    font-family: 'Inter', sans-serif;
    color: #f5f6f7;
    background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
    padding: 40px;
    padding-bottom: 60px;
    padding-left:60px;
    padding-right:60px;
   	margin-left:-120px; 
   	margin-right:-90px; 
    }

    .statistics-heading{
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    }

.statistics-cards {
    display: flex;
    justify-content: space-evenly;
    align-items: start;
    flex-wrap: wrap;
    gap: 15px;
}

.stats-card {
    background-color:rgba(246, 245, 245, 0.1);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    flex: 1;
    width: 200px;
    height:150px;
    box-shadow: 6px 7px 15px rgba(0, 0, 0, 0.5);
    }


.stats-info h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight:600;
    margin-bottom:15px;
}

.stats-info p {
    font-size:16px;
} 
@media (max-width: 767px) {
    .about-statistics {
        padding: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .statistics-heading {
        font-size: 28px;
    }

    .statistics-cards {
        flex-direction: column;
        align-items: center;
    }

    .stats-card {
        width: 100%; /* Full width for better readability */
        height: auto; /* Auto height for flexible content */
        margin-bottom: 15px; /* Space between cards */
    }

    .stats-info h2 {
        font-size: 22px;
    }

    .stats-info p {
        font-size: 14px;
    }
}





</style>

<body>

<div class="about-statistics">
		<div class="statistics-header">
				<h2 class="statistics-heading">
                Reflecting Our Global Impact and Expertise
                </h2>
		</div>
<div class="statistics-cards">
    <div class="stats-card">
        <div class="stats-info">
            <h2> +7,065,685 </h2>
            <p> minutes transcribed </p>
        </div>
    </div>

    <div class="stats-card">
        <div class="stats-info">
            <h2> +5,000</h2>
            <p>
                researchers trust us
            </p>
        </div>
    </div>
    <div class="stats-card">
        <div class="stats-info">
            <h2>+499</h2>
            <p>universities have used our services</p>
        </div>
    </div>
    <div class="stats-card">
        <div class="stats-info">
            <h2>+25</h2>
            <p>languages available for translation</p>
        </div>
    </div>
</div>
</div>

</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- About Facts Three Column 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">
          
<style>
    .facts-container {
        background-color: #f5f6f7;
        font-family: "Inter", sans-serif; 
        padding: 20px; 
    }
    
    .facts-container-columns {
        display: flex; 
        justify-content: space-between; 
    }
    
    .fact-column {
        flex: 1; 
        padding: 10px; 
    }
    
    
    .facts-subheading {
		    margin-bottom: 15px;
        font-size: 18px;
        color: #312e81;
        font-family:"Poppins", sans-serif; 
        font-weight:500;
    }
    
    .facts-text {
        font-size: 16px;
        color: #3f474d;
        line-height: 1.5rem;
    }
    
    .facts-link {
    font-weight:600;
    color:#0e1d43;
    }
    
    .facts-link:hover {
    color:#312e81;
    }

    

    /* Media Queries */
    /* Tablets */
    @media (max-width: 768px) {
        .fact-column {
            flex: 1 1 50%; 
            padding: 10px;
        }
        .facts-container-columns {
            flex-wrap: wrap;
        }
        .facts-subheading-one, .facts-subheading {
            font-size: 16px; 
        }
        .facts-text {
            font-size: 14px;
        }
    }

    /* Phones */
    @media (max-width: 480px) {
        .fact-column {
            flex: 1 1 100%;
        }
        .facts-subheading-one, .facts-subheading {
            font-size: 15px; 
        }
        .facts-text {
            font-size: 13px;
        }
    }



</style>
</head>
<body>
<div class="facts-container">  
    <div class="facts-container-columns">
        <!-- Column 1 -->
        <div class="fact-column">
            <p class="facts-subheading">Over 37 years of experience and dedication in Transcription and Translation Services</p>
            <p class="facts-text">
                Since 1987, Landmark Associates, Inc. has been a leading provider of transcription and translation services, focusing on serving the qualitative research markets. <br>
                We take pride in delivering not only <strong> accurate and timely transcripts for our researchers but also comprehensive research support services </strong> designed to optimize efficiency and enhance the impact of their work.
            </p>
        </div>

        <!-- Column 2 -->
        <div class="fact-column">
            <p class="facts-subheading">We follow the Health Insurance Portability and Accountability Act of 1996 requirements</p>
            <p class="facts-text">
                Our commitment to compliance encompasses HIPAA requirements,
                 its subsequent amendments, and related legislation such as the Health 
                 Information Technology for Economic and Clinical Health (HITECH) Act. 
                 <br> This dedication <strong> ensures the protection and confidentiality
                  of personal health information, reflecting our rigorous standards for privacy and security.</strong>
                  <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=CFA" class="facts-link"> Request More Details Here </a>
            </p>
        </div>

        <!-- Column 3 -->
        <div class="fact-column">
            <p class="facts-subheading">Trusted by Over 5,000 Researchers Worldwide for Advanced Research Support</p>
            <p class="facts-text">
                Landmark significantly <strong> supports top universities in advancing
                research projects, </strong> collaborating with U.S. government 
                bodies and non-profits to facilitate groundbreaking discoveries.<br> 
                Here is a <a href="https://thelai.com/our-customers" class="facts-link"> list of universities
                we have worked with previously. </a> We have many open vendor agreements to simplify
                the billing and IRB approval.
            </p>
        </div>
    </div>
</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Features Icons About Blue-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>

<style>
    .participant-process {
    font-family: 'Inter', sans-serif;
    padding: 50px;
    background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
    color:#f5f6f7;
    margin-left:-100px;
    margin-right:-90px;
}

.participant-timeline {
    display: flex;
    justify-content: space-evenly;
    align-items: start;
    flex-wrap: wrap;
    gap:5px;
    margin-bottom:15px;
}

.participant-step {
    text-align: center;
    flex: 1;
    min-width: 220px;
    max-heigth:300px;
}

.participant-svg {
    width: 30px;
    color:#f5f6f7;
}

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

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

.participant-process-heading {
		color:#f5f6f7;
		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: 5x;
        margin-left: 0; 
        margin-right: 0;
        margin:0 auto;
       
    }

    .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">Your Premier Partner in Qualitative Research Excellence</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="M8.25 6.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM15.75 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM2.25 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM6.31 15.117A6.745 6.745 0 0 1 12 12a6.745 6.745 0 0 1 6.709 7.498.75.75 0 0 1-.372.568A12.696 12.696 0 0 1 12 21.75c-2.305 0-4.47-.612-6.337-1.684a.75.75 0 0 1-.372-.568 6.787 6.787 0 0 1 1.019-4.38Z" clip-rule="evenodd" />
			  <path d="M5.082 14.254a8.287 8.287 0 0 0-1.308 5.135 9.687 9.687 0 0 1-1.764-.44l-.115-.04a.563.563 0 0 1-.373-.487l-.01-.121a3.75 3.75 0 0 1 3.57-4.047ZM20.226 19.389a8.287 8.287 0 0 0-1.308-5.135 3.75 3.75 0 0 1 3.57 4.047l-.01.121a.563.563 0 0 1-.373.486l-.115.04c-.567.2-1.156.349-1.764.441Z" />
				</svg>

        <div class="participant-info">
            <h2>100% Human Transcriptionists </h2>
        </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="M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
				</svg>


        <div class="participant-info">
            <h2>99% Accuracy Guarantee </h2>
        </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="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM6.262 6.072a8.25 8.25 0 1 0 10.562-.766 4.5 4.5 0 0 1-1.318 1.357L14.25 7.5l.165.33a.809.809 0 0 1-1.086 1.085l-.604-.302a1.125 1.125 0 0 0-1.298.21l-.132.131c-.439.44-.439 1.152 0 1.591l.296.296c.256.257.622.374.98.314l1.17-.195c.323-.054.654.036.905.245l1.33 1.108c.32.267.46.694.358 1.1a8.7 8.7 0 0 1-2.288 4.04l-.723.724a1.125 1.125 0 0 1-1.298.21l-.153-.076a1.125 1.125 0 0 1-.622-1.006v-1.089c0-.298-.119-.585-.33-.796l-1.347-1.347a1.125 1.125 0 0 1-.21-1.298L9.75 12l-1.64-1.64a6 6 0 0 1-1.676-3.257l-.172-1.03Z" clip-rule="evenodd" />
				</svg>
			
        <div class="participant-info">
            <h2> US-Based Transcriptionists</h2>
        </div>
    </div>
</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="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>Customized Formatting </h2>
        </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="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="participant-info">
            <h2>Assured Data Security </h2>
        </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="M12.75 12.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM7.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.25 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM9.75 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM10.5 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM12.75 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM14.25 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM16.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 12.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM16.5 13.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" />
			  <path fill-rule="evenodd" d="M6.75 2.25A.75.75 0 0 1 7.5 3v1.5h9V3A.75.75 0 0 1 18 3v1.5h.75a3 3 0 0 1 3 3v11.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H6V3a.75.75 0 0 1 .75-.75Zm13.5 9a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5Z" clip-rule="evenodd" />
				</svg>

        <div class="participant-info">
            <h2>Same-Day and Next-Day services </h2>
        </div>
    </div>
</div>
</div>

</body>
</html>

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

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

</head>
<style>

.testimonials-body {
  padding: 20px;
  background-color: #f5f6f7; 
  color:#0e1d43;
  font-family: "Inter", sans-serif;
}
.testimonials-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}


.testimonials-h2{
  font-size: 36px;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  margin-top: -20px;
  text-align: center;
}

.testimonials-h3{
  font-size: 34px;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  text-align: center;
}

.testimonial {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.large {
  grid-column: span 2;
  font-size: 17px;
  padding: 15px;
}

.medium {
  grid-column: span 1;
  font-size: 14px;
  padding: 5px;
  padding-left:-15px;
}

.small {
  grid-column: span 1;
  font-size: 14px;
  padding:5px;
  padding-left:-15px;
  
}

figcaption {
  color: #0e1d43; 
  margin-left:40px;
}

hr{
border-top:1px solid #f5f6f7;
}

 /* Media Queries for Responsiveness */
  @media (max-width: 768px) {
    .testimonials-h2 {
      font-size: 24px; /* Smaller font size for medium devices */
    }

    .testimonials-h3 {
      font-size: 22px; /* Smaller font size for medium devices */
    }

    .medium, .small {
      padding: 10px; 
    }

    .large {
      display: none; 
    }

    .medium, .small {
      font-size: 12px; /* Adjusted font size for readability */
    }

    figcaption {
      margin-left: 20px; /* Smaller margin for figcaption */
    }
  }
</style>


<body>
<div class="testimonials-body">
  <div class="testimonials-header">
    <h2 class="testimonials-h2">
      Empowering Research with Proven Success
    </h2>
    <h3 class="testimonials-h3">
      Real Researchers, Real Success
    </h3>
  </div>

  <div class="testimonials-container">
  

    <div class="testimonial small">
        <blockquote>
          Thanks so much Monica. Everything looks great. It’s much easier now for me to keep track of the transcripts.
        </blockquote>
        <hr>
        <figcaption>
            - Researcher at the University of North Carolina, Chapel Hill
        </figcaption>
    </div>

    <div class="testimonial large">
      <blockquote>
        Thanks so much to Landmark for the wonderful transcriptions-my colleague and I are very pleased with them! Your work has greatly assisted us in moving forward with data analysis and completion of our research project.
      </blockquote>
      <hr class="testimonials-line">
      <figcaption>
        - Rhonda, Professor at CSU Bakersfield
      </figcaption>
  </div>

    <div class="testimonial small">
        <blockquote>
          The transcript looks great! I'll definitely keep Landmark in mind for future transcription needs.
        </blockquote>
        <hr>
        <figcaption>
          - Researcher at University of Arkansas for Medical Sciences
        </figcaption>
    </div>
    
    <div class="testimonial medium">
        <blockquote>
          I've finished transcription for this particular project. I was very impressed with the service and will return to you for future transcriptions.
        </blockquote>
        <hr>
        <figcaption>
            - Researcher at Princeton University
        </figcaption>
    </div>

    <div class="testimonial small">
      <blockquote>
        We have used Landmark many times in the past and they always do quality work very quickly. And great price!
        <br/>
        <br/>

      </blockquote>
      <hr>
      <figcaption>
        - Landmark's Customer Satisfaction Survey
      </figcaption>
  </div>

  <div class="testimonial large">
    <blockquote>
      As a researcher engaged in qualitative research,
       I needed to find a professional transcription service capable of 
       handling level 3 security data. I have been impressed with the quality
        of the transcripts and the quick turnaround and responses.

    </blockquote>
    <hr>
    <figcaption>
      - Landmark's Customer Satisfaction Survey
    </figcaption>
</div>




</div>
</div>

</body>
</html>

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

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

<!-- 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-cta {
            background-color: #f5f6f7;
            padding: 2px;
            text-align: center;
            font-family: "Inter", sans-serif;
        }
        
        .about-cta-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;
            font-size:17px;
          
        }
        .about-cta-button:hover {
            background-color: #3730a3; 
        }
        
        .about-cta-link {
        color:white;
        text-decoration:none;
        }
        
         .about-cta-link:hover {
        color:white;
        }

        
    </style>
</head>
<body>

<div class="about-cta">
   
    <button class="about-cta-button"> 
    <a href="https://thelai.typeform.com/to/ALLjHAOO?utm_medium=SSR" class="about-cta-link">
     Request Academic Benefits
     </a> 
     </button>

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

super-embed:
<!DOCTYPE html>
<!-- FAQS About Blue-->
<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:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&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>
        .faqs-container {
            color: #f5f6f7;
            padding: 30px;
            font-family: "Inter", sans-serif;
            background:linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
				    margin-left:-100px;
				    margin-right:-90px;
        }

        .faqs-main-title {
            margin-top: 20px;
            font-size: 36px;
            text-align: center;
            font-family: "Poppins", sans-serif;
            font-weight:normal;
        }

        .faqs-subtitle {
            font-size: 17px;
            margin-bottom: 10px;
            text-align: center;
            font-weight:normal;
        }
        
        .faqs-link {
        color:#f5f6f7;
        text-decoration:none;
        font-weight:600;
        }
        
        .faqs-link:hover{
        color:#3730a3;
        }

        .faqs-columns {
            display: flex;
            justify-content: space-between;
        }

        .faqs-column {
            flex: 1;
            padding: 10px;
            display: flex;
            flex-direction: column;
        }

        .faqs-column div {
            flex: 1;         }

        .faqs-column h3 {
            font-size: 17px;
            font-weight: 500;
        }

        .faqs-column p {
            font-size: 16px;
            color: #f5f6f7;
        }
        
        /* Media Queries for responsive design */

        @media (max-width: 1024px) {
        .faqs-container {
            margin-left: 0;
            margin-right: 0;
            padding: 10px;
        }

        .faqs-main-title, .faqs-subtitle {
            font-size: 28px; 
        }

        .faqs-column {
            padding: 5px;
        }

        .faqs-columns {
            flex-direction: column;
        }

        .faqs-column h3 {
            font-size: 16px;
        }

        .faqs-column p {
            font-size: 15px;
        }
    }

    /* Media Query for mobile devices */
    @media (max-width: 768px) {
        .faqs-main-title {
            font-size: 24px; 
        }

        .faqs-subtitle {
            font-size: 16px;
        }

        .faqs-columns {
            display: block;
        }

        .faqs-column {
            width: 100%; 
        }

        .faqs-column div {
            margin-bottom: 20px; 
        }

        .faqs-link:hover {
            color: #312e81; 
        }
    }

    </style>
</head>
<body>
    <div class="faqs-container">
        <h1 class="faqs-main-title">Frequently Asked Questions</h1>
        <h2 class="faqs-subtitle">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="faqs-link"> customer support team. </a></h2>
        <div class="faqs-columns">
            <!-- Column 1 -->
            <div class="faqs-column">
                 <div>
                    <h3>What kind of services does Landmark offer?</h3>
                    <p>
                    Landmark Associates offers a variety of services designed to support research studies and data management effectively. Here are the main types of services we provide:
                    <ul>
											<li>Participant Management</li>
											<li>Transcription</li>
											<li>Translation</li>
										</ul>
                   </p>
                </div>
                
                
                <div>
                    <h3>Where are your transcriptionists located?</h3>
                    <p>
                    Landmark Associates works with professional transcriptionists
                    based in the United States, each of whom has passed a rigorous 
                    selection process to ensure high accuracy in transcription services.
                    This approach ensures quality and reliability in handling sensitive
                    and complex material, aligning with industry standards and client
                    expectations.
                   </p>
                </div>
                
                
                
            </div>

            <!-- Column 2 -->
            <div class="faqs-column">
                <div>
                    <h3>What is the pricing structure for transcription services?</h3>
                    <p>
                    Landmark Associates charges for transcription services on a
                     per audio minute basis. If you are affiliated with a U.S.
                      university, be sure to inquire about preferential rates,
                       as Landmark has agreements in place with all top U.S. 
                       universities that may offer you a discounted rate.

                    </p>
                </div>
               
                
                <div>
                    <h3>Does Landmark offer student rates?</h3>
                    <p>
                    Yes, Landmark Associates offers student rates. 
                    Landmark prides itself on supporting academic researchers,
                     especially students who are making breakthroughs in their fields. 
                     If you are a student working on your dissertation or any academic
                      project, you are encouraged to contact our staff to inquire about
                       special rates designed to support your research needs. 
                       This support reflects Landmark's commitment to fostering 
                       academic success and contributing to innovative research.
                    </p>
                </div>
            </div>

            <!-- Column 3 -->
            <div class="faqs-column">
                <div>
                    <h3>Can you sign a Non-disclosure agreement?</h3>
                    <p>
                    Yes, Landmark Associates is willing to sign a 
                    non-disclosure agreement (NDA) to ensure the confidentiality
                     and security of your project. This commitment helps protect 
                     sensitive information and maintains the trust necessary 
                     for handling proprietary or confidential data.
                    </p>
                </div>
                <div>
                    <h3>
                    Can I track my participants on your platform?
                    </h3>
                    <p>
                    Yes, you can track your participants on Landmark Associates'
                     platform using the Participant Tracker. 
                     This tool is designed to manage and recruit participants 
                     for research studies effectively. It offers features 
                     such as participant IDs for anonymity, consent tracking,
                      scheduling and reminders, as well as data collection 
                      and management. The system ensures that all data handling
                       complies with privacy and security regulations, making it a
                        robust tool for overseeing the various aspects of participant
                         management in your research.
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- About Final CTA-->
<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: #f5f6f7;
            align-items: center;
            justify-content: space-evenly; 
            padding: 50px; 
            color:#0e1d43;
            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: 20px;
            font-weight: normal;
            margin: 0; 
            text-align: left;
            font-family: "Poppins", sans-serif;
        }

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

        .speak-contact:hover {
            background-color: #3730a3;
            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">
							We provide exceptional, timely, and transparent services, empowering researchers with reliable and sustainable solutions.            </h1>
        </div>
        <div class="contact-cta">
            <a href="https://thelai.typeform.com/to/emMB10?utm_medium=CAA" class="speak-contact" target="_blank">
                Start Accelerating your Research
            </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>