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;
    }
    
    .bg-white {
    background-color: #f5f6f7; 
    }

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

    .py-24 {
    padding-top: 1rem; 
    margin-top:-50px;
    }

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

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

    .text-center {
    text-align: left; 
    }


    .text-base {
    font-size: 2rem; 
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
    margin-top: -50px;
    }

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

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

    .text-indigo-600 {
    color: #312e81; 
    }

    .mt-2 {
    margin-top: 0.5rem; 
}

    .text-4x1 {
    font-size: 2rem; 
    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; 
    }

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

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

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

    .blue-button {
    padding: 15px;
    background-color:#312e81; 
    color: white; 
    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; 
    }

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

    .hero-link:hover {
        color: #3730a3; 
    }

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

    /* 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; 
    }
    
    .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 Queries for Responsive Behavior */
    
    @media (max-width: 768px) {
    .margin-test {
        margin-left:0px;
        margin-top:30px; 
 
    }
    
    .flex-container {
        flex-direction: column; /* Stack flex items vertically */
    }
    
    .blue-button{
	    margin-right:4px;
    }
    
    .image-container {
        margin-left: 0;
        margin-top: 20px; 
    }   
}
       

		@media (max-width: 480px) {
    .margin-test {
        margin-left:0px; 
        margin-top:30px; 
        margin-bottom:-100px;

    }
    
    .flex-container {
        flex-direction: column; 
    }
    
    .blue-button{
	    margin-right:4px;
    }
    
    .image-container {
        margin-left: 0;
        margin-top: 20px; 
    }   
}

</style>
</head>

<body>
<!-- Container -->
<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">
    <!-- Content Column Left -->
    <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>  

        <!-- Content Column Left Buttons -->
        <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

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

    <!-- 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>
    
    .bg-cards-gray-900 {
    background:#1A0D3B;
    padding-bottom: 6rem; 
    border-radius:10px;
    }

    .heading-1 {
        font-family:"Poppins", sans-serif;
        text-align: left;
        font-size: 1.25 rem;
        line-height:1.75;
        color:#f5f6f7;
        text-align: center;
        font-weight:500;
    }

    .heading-2 {
        font-family:"Poppins", sans-serif;
        text-align: center;
        font-size: 2rem;
        font-weight:500; 
        color:#f5f6f7;
    }

    .card-column-subtitle {
        font-family:"Poppins", sans-serif;
        text-align:left;
        font-weight:600;               
    }
    

    .card-column-text {
        font-family:"Inter", sans-serif;
        text-align:left;
        line-height: 150%;
    }

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

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

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

    .sm\:text-4xl {
    font-size: 2.25rem; 
    }
    
    .card-text-white {
    color: #f5f6f7;
    font-weight:500px;
    }

    .text-lg {
    font-size: 1.125rem; /* 18px */
    }

    .flex {
    display: flex;
    }

    .flex-col {
    flex-direction: column;
    }

    .card-flex-auto {
    flex: auto;
    }
    
    .participant-management {
    margin-bottom:-50px;
    }

    .items-center {
    align-items: center;
    }

    .gap-x-3 {
    column-gap: 0.75rem; 
    }

    .cards-grid {
    display: grid;
    }

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

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

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

    .svg-icon {
    fill:#0e1d43;;
    }

    .w-6 {
    width: 3rem;
    }

    .h-6 {
    height: 3rem;
    }
    
    .margintop-zero{    
    margin-top:70px;
    }
    
    .margintop-one{    
    margin-top:20px;
    }
    
    .margintop-two{    
    margin-top:100px;
    }

    .learn-more {
    color: #f5f6f7; 
    font-weight: 600; 
    text-decoration: none;
    }

    .learn-more:hover {
    text-decoration: underline;
    }

    .card-list-item {
        list-style: none;
        margin-left: -50px;
        line-height: 150%;
    }

    /* Media Queries */ 

    @media (min-width: 640px) { /* sm breakpoint */
    .bg-gray-900 {
    padding-top: 8rem; /* sm:py-32 equivalent */
    padding-bottom: 8rem; /* sm:py-32 equivalent */
    }
}   

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

    @media (min-width: 1024px) { /* lg breakpoint */
    .lg\:card-grid-cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    }

    
</style>

 

</head>
<body>

    <div class="bg-cards-gray-900 py-24 sm:py-32">
    <div class="card-mx-auto card-max-w-7xl px-6 lg:px-8">
        <div class="mx-auto max-w-2xl lg:text-center">
        <h2 class="heading-1"> Boosting Your Project's Impact</h2>
        <p class="heading-2 tracking-tight m:text-4xl">Our goal is to transform every aspect of your project into actionable insights, ensuring a seamless and effective research process.</p>
        </div>
        <div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
        <dl class="cards-grid max-w-xl card-grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:card-grid-cols-4">
        
        <!-- Column One -->
            <div class="flex flex-col">
            <dt class="card-column-subtitle flex items-center gap-x-3 card-text-white"> 
            <!-- Icon -->
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-6 h-6 flex-none text-indigo-400">
                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
                </svg>
            <!-- Title -->
	            Participant Management
	            </dt>
            <!-- Description -->
	            <dd class="card-column-text mt-4 flex flex-auto flex-col card-text-white">
            <!-- Description List-->
                <ul class="card-flex-auto">
                    <li class="card-list-item"> βœ“ Streamlined consent form collection and storage. </li>

                    <li class="card-list-item">
                        βœ“ Comprehensive progress monitoring for each participant.
                    </li>

                    <li class="card-list-item">
                        βœ“ Integrated tools for efficient communication and follow-up.
                    </li>

                    <li class="card-list-item">
                        βœ“ Secure, HIPAA-compliant environment ensuring utmost data protection.
                    </li>
                </ul>
            <!--Button-->                
                <p class="margintop-zero">
                <a href="https://thelai.com/participant-management" class="learn-more">Learn more <span aria-hidden="true">β†’</span></a>
                </p>
            </dd>
        </div>

        <!-- Column Two -->
        <div class="flex flex-col">
            <dt class="card-column-subtitle flex items-center gap-x-3 card-text-white">
            <!-- 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 flex-none text-indigo-400" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" d="M10.125 2.25h-4.5c-.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.125v-9M10.125 2.25h.375a9 9 0 0 1 9 9v.375M10.125 2.25A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375M9 15l2.25 2.25L15 12" />
            </svg>
            <!-- Title -->
            Transcription & Translation
            </dt>
            <!-- Description -->
            <dd class="card-column-text mt-4 flex flex-auto flex-col card-text-white">
            <!-- Description List -->
          
              <ul class="card-flex-auto">
                <li class="card-list-item">
                    βœ“ Unmatched accuracy with a 99% guarantee.
                </li>

                <li class="card-list-item">
                    βœ“ Native, professional human transcriptionists and translators.
                </li>

                <li class="card-list-item">
                    βœ“ Expertise in translating intricate consent forms.
                </li>

                <li class="card-list-item">
                   βœ“ Audio files translated with precise context retention.
                </li>

               
                <li class="card-list-item">
                    βœ“ Seamless and secure process from start to finish.
                </li>
            </ul>
            <!--Button-->
                <p class="margintop-one">
                <a href="https://thelai.com/transcription" class="learn-more">Learn more <span aria-hidden="true">β†’</span></a>
                </p>
            </dd>
        </div>

        <!-- Column Three -->
        <div class="flex flex-col">
            <dt class="card-column-subtitle flex items-center gap-x-3 card-text-white">
        <!-- 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 flex-none text-indigo-400" aria-hidden="true">
                    <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>
            <!-- Title -->
            Security Data Encryption
            </dt>
            <!-- Description -->
            <dd class="card-column-text mt-4 flex flex-auto flex-col card-text-white">
            <br/>
            <p class="card-flex-auto">Our system employs strong multi-factor encryption through Amazon’s S3-managed encryption keys.
            <br/>
            <br/>
            Each file is encrypted with a unique key, also encrypted by a separate master key that rotates regularly.
            </p>
            <!-- Button -->
            <p class="margintop-two">
                <a href="https://thelai.com/security-confidentiality" class="learn-more">Learn more <span aria-hidden="true">β†’</span></a>
            </p>
            </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">  
    <!-- 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>    
    .cards-body {
		margin: 0;
		font-family:"Inter", sans-serif;    
		line-height: 1.6;
		box-sizing: border-box;
		}
			
    .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: #4c586b;
	}

/* Icon styles */

    .absolute {
    position: absolute;
    left: 0; 
    transform: translateX(-20%); 
    top: 0.5rem; 
	}

    .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="1.5"] {
    stroke-width: 1.5;
}


/* Responsive adjustments */

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

    .h-6, .w-6 {
        height: 1.25rem; 
        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>
    <!-- Cards Container -->
    <div class="cards-body 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">	
	<!-- Get Started Today Banner -->

	<!-- 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>  
	.banner-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; 
		border: none;
		background-color: #f5f6f7;
		margin-top: 10px;
		margin-bottom: 30px;		
		cursor: pointer;
		transition: background-color 0.3s ease; 
		}

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

        .banner-heading {
            font-size: 30px; 
        }

        .banner {
            font-size: 18px;
        }

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

    @media (max-width: 480px) {
		    .banner-container {
            padding: 50px;
            margin: 0; 
        }
        
        .banner-heading {
            font-size: 24px; 
        }

        .banner {
            font-size: 16px;
        }

        .free-account {
            font-size: 13px;
        }
    }
</style>

<body>
<!--Banner Container-->
	<div class="banner-container">
	<!--Banner Container Heading-->	
		<h1 class="banner-heading"> Get Started Today </h1>
		<!--Banner Container Text-->
		<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>
		<!--Banner Container Button-->
		<a href="https://thelai.typeform.com/to/emMB10?utm_medium=HCAB" 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">
    <!--New Gray Footer -->

    <!-- 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>    
      
        .CF-sitemap-section {
            background:#f5f6f7;
            color: #0e1d43;
            padding: 30px; 
            width: 100%;
            margin: 0 auto;
            font-family: 'Inter', sans-serif;
        }

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

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



				.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 */
}

.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: 15px;  
    font-family: 'Poppins', sans-serif;
    }


.CF-sitemap-column 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 a:hover {
    text-decoration: underline;
    color:#312e81;
    transform: translateY(-2px);
}

.CF-sitemap-column 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 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://landmarkmktemailimages.s3.amazonaws.com/Landmark_Logo.png" alt="Landmark Logo" class="CF-logo" width="100"></a>
           
        </div>

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