super-embed:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Header Hero -->
  <!-- Poppins & Inter Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
  
  <style>
  
  .margin-test{
	  margin-left:120px;
  	
  	margin-top:50px;
  	  }
    
     /* Base styling for the background, padding, and text alignment */
     .bg-white {
    background-color: #f5f6f7; /* Sets the background color to white */
    }

    .px-6 {
    padding-left: 1.5rem; /* 6 * 0.25 = 1.5rem */
    padding-right: 1.5rem;
    }

    .py-24 {
    padding-top: 1rem; /* 24 * 0.25 = 6rem */
    padding-bottom: 6rem;
    margin-top:-50px;
    }

    /* Responsive padding */
    @media (min-width: 640px) { /* sm: breakpoint */
    .sm\:py-32 {
        padding-top: 8rem; /* 32 * 0.25 = 8rem */
        padding-bottom: 8rem;
    }
}

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

    /* Centering and width control for the content container */
    .mx-auto {
    margin-left: auto;
    margin-right: auto;
    }

    .max-w-2xl {
    max-width: 42rem; /* Sets a maximum width for the content */
    }

    .text-center {
    text-align: left; /* Centers the text horizontally */
    }

/* Styling for the paragraphs and headings */
.text-base {
    font-size: 2rem; /* Base font size */
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
    margin-top: -50px;
  }

.font-semibold {
    font-weight: 600; /* Semi-bold font weight */
}

.leading-7 {
    line-height: 1.5rem; /* Line height */
}

.text-indigo-600 {
    color: #312e81; /* Sets the text color */
}

.mt-2 {
    margin-top: 0.5rem; /* Adds a top margin */
}

.text-4x1 {
    font-size: 2rem; /* 4xl font size */
    font-family:"Poppins", sans-serif;
    font-weight: 600;
    line-height: 1.2;  
    text-align:left; 
  
}

.unlock {
  font-size:1.5rem;
  margin-bottom:30px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.2;

}

.text-gray-900 {
    color: #0e1d43; /* Sets the text color to a dark shade */
}



.leading-8 {
    line-height: 2rem; /* Increased line height */
}

.text-gray-600 {
    color: #0e1d43; /* Sets the text color to a medium shade */
}

/* Additional utilities for tracking (letter-spacing) */
.tracking-tight {
    letter-spacing: -0.025em;
}

.blue-button {
    padding: 15px;
    background-color:#312e81; /* Blue shade */
    color: white; /* Text color */
    border: none;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    cursor: pointer;
    transition:0.3s ease;
        

    display: inline;
    margin-right: 8px;
  
}

.blue-button:hover {
    background-color: #3730a3; /* Darker blue on hover */
}

.hero-link {
  font-weight: 700;
  color:#0e1d43;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.hero-link:hover {
    color: #3730a3; /* Darker blue on hover */
}

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

/* Responsive adjustments or additional styles can be added as needed */

    /* Additional CSS for the two-column layout */
    .flex-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }

    .content, .image-container {
      flex: 1; /* Each takes up half the space */
    }
    
    .image-container {
      margin-left:50px;
    }
    
    

    .image-container img {
	    border: 1px solid #ffffff;
	    border-radius:10px;				   
      box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.2);
      max-width: 100%;
      
    }

    @media (max-width: 768px) { /* For smaller screens */
      .flex-container {
        flex-direction: column;
        text-align: center;
      }

      .image-container img {
      margin-top: 20px;
    }
    }
  </style>
</head>

<body>
  <div class="margin-test bg-white px-6 py-24 sm:py-32 lg:px-8">
    <div class="mx-auto max-w-4xl flex-container">
       <!-- Updated class to control overall max width and apply flex -->

      <!-- Content Column -->
      <div class="content text-center">
        <p class="text-base font-semibold leading-7 text-indigo-600">Landmark</p>
        <h2 class="mt-2 text-4x1 tracking-tight text-gray-900">Your Premier Choice for Research Support Excellence</h2>
        <p class="unlock mt-6 tracking-tight text-gray-600">Unlock your research potential with Landmark's advanced services.</p>   
        
        
          <button class="blue-button"> <a href="https://thelai.com/gfa" class="btn-link"><strong> Get a Free Account </strong></a> </button>
          <a  href="https://thelai.com/gfa" class="hero-link"> Learn More &#8594;</a>
      
      </div>

      <!-- Image Column -->
      <div class="image-container">
        <!-- Add your image inside the src attribute -->
        <img src="https://i.postimg.cc/9FF3vR5d/ux.png" alt="Descriptive Text of Image"  width="500">
      </div>

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

Maximize Impact, Minimize Hassle

โœ“ Effortlessly track participants.

โœ“ Secure consent forms.

โœ“ Convert your audio/video to text.

โœ“ Plus, get quick translations to globalize your study.

image

Our goal is to transform every aspect of your project into actionable insights, ensuring a seamless and effective research process.

image

Uncompromising Security: Expert-Approved Platform for Your Research Data

Experience peace of mind with our compliant platform, meticulously reviewed and endorsed by IRB experts, ensuring your research data remains confidential and protected at every step.

Master Your Participant Management: Track Every Step with Precision

โœ“ Streamlined consent form collection and storage.

โœ“ Comprehensive progress monitoring for each participant.

โœ“ Integrated tools for efficient communication and follow-up.

โœ“ Secure, HIPAA-compliant environment ensuring utmost data protection.

image

image

Precision Transcription Tailored to Your Research Needs

โœ“ Unmatched accuracy with a 99% guarantee.

โœ“ Native, professional human transcriptionists.

โœ“ Robust, secure file encryption.

โœ“ Seamless and secure process from start to finish.

โœ“ Seamless and secure process from start to finish.

Global Reach Translation: Bridging Research across Boundaries

โœ“ Expertise in translating intricate consent forms.

โœ“ Audio files translated with precise context retention.

โœ“ Native linguists ensuring true-to-source translations.

image

image

SSL Data Encryption

Our system employs strong multi-factor encryption through Amazonโ€™s S3-managed encryption keys.

Each file is encrypted with a unique key, also encrypted by a separate master key that rotates regularly.

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">
    
    <!-- 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>

  
	.container{
		background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
  	align-items: center;
  	text-align: center;
  	padding: 100px;
  	margin-left:-120px;
  	margin-right:-90px;
  	margin-top:10px;
  	margin-bottom:10px;
  	
	}

		.banner-heading{
			font-family: "Poppins", sans-serif;
			font-size: 40px;
			color: #f5f6f7;
			font-weight: 500;
			margin: 10px 0;
		}

		.banner{
			font-family: "Inter", sans-serif;
			font-size: 20px;
			color: #f5f6f7;
			font-weight: 300;
			margin: 10px 0;
			padding-bottom:20px;
		}

		.free-account {
		font-family: "Inter", sans-serif;
		font-size: 15px;
		color: #363637;
		font-weight: 500;
		text-decoration: none;
		padding: 10px 15px;
		border-radius: 13px; /* Adjust this value to control the border radius */
		border: none;
		background-color: #f5f6f7;
		margin-top: 10px;
		margin-bottom: 30px;
		
		cursor: pointer;
		transition: background-color 0.3s ease; /* Smooth transition for hover effect */
		}

		.free-account:hover {
		background-color: #e5e5e5;		
		}
		
		/* Media Queries */
    @media (max-width: 768px) {
        .container {
            padding: 50px;
            margin: 0; /* Adjusted margins for smaller screens */
        }

        .banner-heading {
            font-size: 30px; /* Smaller text for smaller screens */
        }

        .banner {
            font-size: 18px;
        }

        .free-account {
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .banner-heading {
            font-size: 24px; /* Even smaller text for mobile screens */
        }

        .banner {
            font-size: 16px;
        }

        .free-account {
            font-size: 13px;
        }
    }




</style>

<body>

	<div class="container">

	
		<h1 class="banner-heading"> Get Started Today </h1>
		<p class="banner"> Unlock the potential of your research with just a click. <br/> Get a Free Account now and take the first step towards  <br/> a more efficient and secure research journey.
		</p>

		<a href="https://thelai.com/gfa" class="free-account"> Get a Free Account </a>


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

super-embed:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <!------------ CARDS FEATURES-------------------->
  
  <!-- Inter Font -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">  

  <style>   

    /* General reset and utilities */
    
    
		* {
		    box-sizing: border-box;
     }

		body {
		    margin: 0;
		    font-family:"Inter", sans-serif;    
		    line-height: 1.6;
			}
			

	/* Background, padding, and max-width */
	
	.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;
	}

/* Adjustments for the dl layout */

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

.max-w-2xl {
    max-width: 42rem;
	}

.sm\:mt-20 {
    margin-top: 5rem;
	}

.lg\:mt-24 {
    margin-top: 6rem;
}

.lg\:max-w-4xl {
    max-width: 56rem;
	}

.grid {
    display: grid;
	}

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

.gap-x-8 {
    column-gap: 2rem;
	}

.gap-y-10 {
    row-gap: 2.5rem;
	}

.lg\:max-w-none {
    max-width: none;
	}

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

.lg\:gap-y-16 {
    row-gap: 4rem;
	}

/* Styling for the icons and text */

.relative {
    position: relative;
	}

.pl-16 {
    padding-left:2.5rem;
		}

.text-base-cards {
    font-size: 1rem;
}

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

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

.text-gray-900 {
    color: #0e1d43;
	}

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

/* Icon styles */

.absolute {
  position: absolute;
  left: 0; /* 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: #312e81;
	}

.h-10 {
    height: 2.5rem;
}

.w-10 {
    width: 2.5rem;
}

.align-left {
  text-align:left;
  transform: translateX(-20%); 
}

/* SVG icon adjustments */

.h-6 {
    height: 1.5rem;
}

.w-6 {
    width: 1.5rem;
}

.text-white {
    color: #fff;
}

/* Stroke width for icons */

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

/* Base styles included previously */

/* Responsive adjustments */

@media screen and (max-width: 1024px) {
    /* Reduce padding and margins for medium screens (e.g., tablets) */
    
    .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;
    }
  
    /* Adjust grid for smaller layouts */
    
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* Reduce the left padding for icons to align content nicely */
    .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) {

    /* Adjustments for small screens (e.g., smartphones) */
    .py-24, .py-32 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
  
    .px-6, .lg\:px-8 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
  
    /* Further reduce left padding for icons */
    .pl-16 {
        padding-left: 2rem;
    }
    
    .h-10, .w-10 {
        height: 1.75rem; /* Even smaller icons */
        width: 1.75rem;
    }

    .h-6, .w-6 {
        height: 1rem; /* Adjust icon size for smaller screens */
        width: 1rem;
    }


}

</style>
</head>

<body>
  <div class="bg-landmark-gray py-24 sm:py-32">    
      
      <div class="mx-auto max-w-2xl lg:max-w-4xl">

        <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16">
        
      <!-- Card 1 -->
          <div class="relative pl-16">
            <dt class="text-base-cards font-semibold leading-7 text-gray-900">
            
            <!-- Card Icon -->
              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z" />
                </svg>                          
              </div>
              
              <!-- Card Title -->
              Top quality services
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left text-base-cards leading-7 text-gray-600"> We have highly experienced professional transcribers, proofreaders, and translators.</dd>
          </div>
          

          <!-- Card 2 -->
          <div class="relative pl-16">
            <dt class="text-base-cards font-semibold leading-7 text-gray-900">
              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
              
                <!-- Card Icon -->
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672Zm-7.518-.267A8.25 8.25 0 1 1 20.25 10.5M8.288 14.212A5.25 5.25 0 1 1 17.25 10.5" />
                </svg>                                         
              </div>
              
              <!-- Card Title -->
              Confidence in every click
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> Our meticulously vetted workforce is dedicated to delivering excellence through our secure platform. </dd>
          </div>

          <!-- Card 3 -->
          <div class="relative pl-16">
            <dt class="text-base-cards font-semibold leading-7 text-gray-900">
              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
              
                <!-- Card Icon -->
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
                </svg>                                                        
              </div>
              
              <!-- Card Title -->
              Cutting-Edge Security
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> Our robust encryption technology ensures your information is safe with the highest level of security. </dd>
          </div>

          <!-- Card 4 -->
          <div class="relative pl-16">
            <dt class="text-base-cards font-semibold leading-7 text-gray-900">
              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
              
                <!-- Card Icon -->
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                </svg>                   
              </div>
              
              <!-- Card Title -->
              Transparent Pricing 
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> Gain peace of mind with our clear pricing structure โ€“ know your costs before uploading your files. </dd>
          </div>

          <!-- Card 5 -->
          <div class="relative pl-16">
            <dt class="text-base-cards font-semibold leading-7 text-gray-900">
              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
              
                <!-- Card Icon -->
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z" />
                </svg>                               
              </div>
              
              <!-- Card Title -->
              Fair compensation
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> We pride ourselves on guaranteeing our contractors honest and equitable remuneration. </dd>
          </div>

          <!-- Card 6 -->
          <div class="relative pl-16">
            <dt class="text-base-cards font-semibold leading-7 text-gray-900">
              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
              
                <!-- Card Icon -->
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z" />
                </svg>                         
              </div>
              
              <!-- Card Title -->
              Experienced Professionals

            </dt>
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> For transcription or translation services with Landmark, all participants are 18 years or older. </dd>
          </div>    
        </dl>
      </div>
      
    </div>
  </div>  
</body>
</html>                        

super-embed:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        :root {
            --Dark-to-Mid-Blue-Grad: radial-gradient(1390.52% 141.42% at 100% 100%, #2a2673 0%, #3b3990 100%);
            --Smooth-Rosolanc-Gradient: linear-gradient(42deg, rgba(181, 176, 216, 0.40) 8.34%, #FFF 97.45%);
            --text-white: #FFF;
            --main-dark-blue: #0e1d43;
            --main-mid-blue: #325c92;
            --accent-pink: #ac3c6e;
            --accent-lavender: #b5b0d8;
        }

        html, body {
            margin: 0;
            padding: 0;
            font-family: 'Roboto', sans-serif;
            width: 100%;
        }
        .CF-sitemap-section {
            background: var(--Dark-to-Mid-Blue-Grad);
            color: var(--text-white);
            padding: 30px; 
            width: 100%;
            margin: 0 auto;
        }

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

.CF-logo {
            max-width: 216px;
            display: block;
						padding-left: 10px;
        }

.CF-linkedin-icon {
            width: 32px;
            height: 32px;
            display: block;
        }

.CF-sitemap-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px;
    max-width: 100%;
    margin: 0;
}

.CF-sitemap-column {
    flex: 1 1 200px;
    margin: 10px;
}

.CF-sitemap-column h3 {
    margin-bottom: 20px;
		text-align: left;
}

.CF-sitemap-column a {
    color: var(--text-white);
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    transition: color 0.3s;
}

.CF-sitemap-column a:hover {
    text-decoration: underline;
    color: var(--Smooth-Rosolanc-Gradient);
    transform: translateY(-2px);
}

.CF-sitemap-column a:last-child {
    margin-bottom: 0;
}


.CF-footer-note-container {
    padding: 20px 10px;
    text-align: center;
    margin-top: 40px;
}

.CF-footer-note {
    color: var(--text-white);
    margin-top: 40px;
    padding: 0;
}

@media screen and (max-width: 1100px) {
    .CF-sitemap-column {
        width: 100%;
    }
}
    </style>
</head>
<body>
	
    <section class="CF-sitemap-section">
        <!-- Header with Logo and LinkedIn Icon -->
        <div class="CF-header-container">
            <a href='/'><img src="https://static-resources-super.s3.amazonaws.com/footerMidlARGE.png" alt="Landmark Logo" class="CF-logo"></a>
            <a href="https://www.linkedin.com/company/landmark-associates-inc-/" class="CF-linkedin-icon-link">
                <img src="https://static-resources-super.s3.amazonaws.com/linkedin.svg" alt="LinkedIn Icon" class="CF-linkedin-icon">
            </a>
        </div>

        <!-- Sitemap Columns -->
        <div class="CF-sitemap-container">
            <!-- Column 1 -->
            <div class="CF-sitemap-column">
                <h3>Using Landmark</h3>
                <a href="/terms-and-conditions/using-landmark-for-universitiesorganizations">Universities/Organizations</a>
                <a href="/our-customers">Our Customers</a>
                <a href="/transcription">Pricing</a>
                <a href="/available-languages">Available Languages</a>
                <a href="https://docs.thelai.com/">Help Center</a>
            </div>
            <!-- Column 2 -->
            <div class="CF-sitemap-column">
                <h3>Landmark</h3>
                <a href="/contractor">I'm a Transcriber/Translator</a>
                <a href="https://thelai.typeform.com/to/sJwCUe">Get a customized quote</a>
                <a href="https://docs.thelai.com/fdf4b7dd39cb446f93c9cd6fa85f6ed1">How to request a transcript</a>
                <a href="https://docs.thelai.com/ded190891d6148eab2a3554b18f20a15">Request an invoice</a>
                <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=PIE">Get in touch</a>
            </div>
            <!-- Column 3 -->
            <div class="CF-sitemap-column">
                <h3>Legal</h3>
                <a href="/privacy-policy">Privacy Policy</a>
                <a href="/terms-and-conditions">Terms and Conditions</a>
                <a href="/security-confidentiality">Security & Confidentiality</a>
            </div>
        </div>

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