super-embed:
<!DOCTYPE html>
<!-- Join Our Team Hero AU -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Poppins -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<style>
.hero-section {
margin-top: 50px;
margin-bottom:50px;
font-family: "Poppins", sans-serif;
color: #0e1d43;
}
.hero-section-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}
.hero-section-content {
margin-bottom: 40px;
}
.hero-section-heading {
font-size: 50px;
color: #0e1d43;
margin-bottom: 20px;
font-weight: 600;
margin-left:50px;
margin-right:50px;
}
.hero-section-paragraph {
font-size: 1.10rem;
color: #0e1d43;
margin-bottom: 30px;
}
.hero-section-cta-link {
display: inline-block;
padding: 10px 30px;
border-radius: 50px;
text-decoration: none;
transition: 0.3s;
margin-right: 8px;
font-weight: normal;
}
.hero-section-cta-link {
background-color: #312e81;
color: #f6f7f7;
border: 1px solid #312e81;
}
.hero-section-cta-link:hover {
background-color: #3730a3;
border: 1px solid #3730a3;
}
/* Media Queries for Responsive Design */
@media (max-width: 992px) and (min-width: 769px) {
.hero-section-heading {
font-size: 2.2rem;
}
.hero-section-paragraph {
font-size: 1rem;
}
.hero-section-cta-link, {
padding: 10px 28px;
}
.hero-section-content {
margin: 30px auto;
}
}
/* Very Small Devices */
@media (max-width: 360px) {
.hero-section-heading {
font-size: 1.4rem;
}
.hero-section-paragraph {
font-size: 0.85rem;
}
.hero-section-content {
margin: 20px auto;
}
}
</style>
</head>
<body>
<section class="hero-section">
<div class="hero-section-container">
<div class="hero-section-content">
<h1 class="hero-section-heading">Join Our Team</h1>
<p class="hero-section-paragraph">Become a transcriptionist, proofer, or translator while working from home.</p>
<a href="https://thelai.typeform.com/to/r6DVMs" class="hero-section-cta-link">
<strong>Apply Now</strong>
</a>
</div>
</div>
</section>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Join Our Team Benefits AU -->
<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>
.benefits{
padding: 20px;
font-family:"Inter", sans-serif;
background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
color:#f4f4f4;
}
.benefits-content {
display: flex;
align-items: center;
justify-content: space-evenly;
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
}
benefits-list-item {
margin: 10px 0;
padding: 30px;
margin-top:10px:
margin-right:20px;
}
.benefits-heading{
text-align: left;
font-family: 'Poppins', sans-serif;
font-size:36px;
font-weight:normal;
text-align:center;
}
.benefit-title{
padding-top:-30px;
margin-left:5px;
margin-bottom:10px;
margin-top:20px;
text-align:center;
font-size:18px;
}
.benefit-p {
text-align:center;
margin-bottom:30px;
}
/* Media Queries for Responsive Design */
@media only screen and (max-width: 768px) {
.benefits {
padding: 20px;
font-size: 14px;
margin:0 auto;
}
.benefits-heading {
font-size: 24px;
}
.benefits-content {
flex-direction: column;
padding: 0 10px;
}
.benefits-list-item {
padding: 15px;
}
.benefit-p {
margin-bottom:5px;
}
}
</style>
</head>
<body>
<section class="benefits">
<h2 class="benefits-heading">Discover the Advantages of Joining Our Team</h2>
<div class="benefits-content">
<div class="benefits-list-item">
<p class="benefit-title">
<strong>Flexible Work Schedule</strong></p>
<p class="benefit-p">
Control your schedule<br/> and work location.
</p>
</div>
<div class="benefits-list-item">
<p class="benefit-title">
<strong>Fair Compensation</strong> </p>
<p class="benefit-p">
Vendors are compensated <br/>by audio file length.
</p>
</div>
<div class="benefits-list-item">
<p class="benefit-title">
<strong>Interesting Topics</strong> </p>
<p class="benefit-p">
We specialize in research projects. <br/>
We'll send work tailored to your interests.
</p>
</div>
</div>
</section>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Work with us NEW AU-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<!-- 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>
.work-contractor {
color: #0e1d43;
line-height: 1.6;
font-family: 'Inter', sans-serif;
background-color: #f5f6f7;
font-size:15px;
}
.work-mail-link{
color: #312e81;
}
.work-procedure h2 {
font-family: 'Poppins', sans-serif;
font-weight: normal;
font-size: 36px;
}
.work-card-procedure {
display: inline-block;
vertical-align: top; /* Align them at the top */
width: 30%; /* Adjust width to fit side by side within container */
padding: 10px;
border-radius: 20px;
margin: 1%; /* Slight margin for separation */
box-shadow: 3px -2px 20px rgba(0, 4, 23, 0.2);
}
.work-card-procedure-one {
display: inline-block;
vertical-align: top; /* Align them at the top */
width: 30%; /* Adjust width to fit side by side within container */
padding: 10px;
border-radius: 20px;
margin: 1%; /* Slight margin for separation */
margin-left:140px;
margin-right:120px;
box-shadow: 3px -2px 20px rgba(0, 4, 23, 0.2);
}
.work-begin {
font-size: 36px;
font-weight: normal;
text-align: center;
}
.work-procedure-paragraph {
font-size: 20px;
margin-bottom: 10px;
text-align: center;
}
.work-procedure {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.work-contractor {
margin: 10px;
}
.work-procedure h2, .second-cta h2 {
font-size: 28px;
}
.work-begin, .work-procedure-paragraph {
font-size: 24px;
}
}
@media (max-width: 480px) {
.work-contractor {
margin: 5px;
}
.work-procedure h2, .second-cta h2 {
font-size: 24px;
}
.work-begin, .work-procedure-paragraph {
font-size: 20px;
}
.work-card-procedure {
width: 90%; /* Full width on smaller screens */
margin-left: 15px;
padding: 5px;
}
.work-card-procedure-one {
width: 90%; /* Full width on smaller screens */
margin-left: 15px;
padding: 5px;
margin-right:0;
}
}
</style>
</head>
<body>
<div class="work-contractor">
<main>
<section class="work-procedure">
<h2 class="work-begin">Begin working with us in just 2 easy steps</h2>
<p class="work-procedure-paragraph">
Please follow the steps below. We will contact you promptly once completed.
<div class="work-card-procedure-one">
<h3><strong>1. Take the Test</strong></h3>
<p>
Complete the transcription test by
downloading the required documents and audio
files from the provided links.
</p>
<ul>
<li><a href="https://static-resources-super.s3.amazonaws.com/Landmark++-+Test+Instructions+US.pdf" class="work-mail-link">01. Instructions</a></li>
<li><a href="https://static-resources-super.s3.amazonaws.com/Test+US+March+2022.mp3" class="work-mail-link">02. Audio Test</a></li>
<li><a href="https://styleguide.thelai.com/landmarks-standard-template" class="work-mail-link">03. Landmark Template</a></li>
</ul>
</div>
<div class="work-card-procedure">
<h3><strong>2. Answer our questionnaire</strong></h3>
<p>
Fill out a short questionnaire about your experience,
past clients, equipment, and availability.
Also, upload your test for our evaluation.
</p>
<br/>
<p>
<a href="https://form.typeform.com/to/LIHHam?typeform-medium=embed-snippet" class="work-mail-link">Contractors Intake Form ▸</a>
</p>
<br/>
</div>
</section>
</main>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- CTA-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
</head>
<!-- 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>
.cta-container {
color: #0e1d43;
font-family: 'Inter', sans-serif;
background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
color: #f5f6f7;
font-size:15px;
padding:10px;
}
.second-cta h2 {
font-family: 'Poppins', sans-serif;
font-weight: normal;
font-size:36px;
}
.second-cta{
text-align:center;
margin-bottom:100px;
margin-top:100px;
}
.second-cta-p {
margin-bottom:50px;
font-size:18px;
}
.apply-button{
background-color: #f5f6f7;
color:#312e81;
padding: 10px;
text-decoration: none;
border-radius:10px;
text-align: center;
margin-top:50px;
font-size:17px;
}
.apply-button:hover {
color:#3730a3;
}
/* For tablets and devices with width less than 768px */
@media (max-width: 768px) {
.contractor {
margin: 10px; /* Reducing side margins */
}
.procedure h2, .second-cta h2 {
font-size: 28px; /* Adjusting heading sizes for smaller screens */
}
.begin, .procedure-paragraph {
font-size: 24px; /* Adjust text sizes for readability */
}
.apply-button {
padding: 10px; /* Adjust button padding */
margin-top: 100px; /* Reduce margin above the button */
}
}
/* For smartphones and devices with width less than 480px */
@media (max-width: 480px) {
.contractor {
margin: 5px; /* Further reduce side margins */
}
.procedure h2, .second-cta h2 {
font-size: 24px; /* Further adjust heading sizes for smaller screens */
}
.begin, .procedure-paragraph {
font-size: 20px; /* Further adjust text sizes for readability */
}
.card-procedure {
margin-left: 0; /* Remove left margin */
padding: 5px; /* Reduce padding */
}
.apply-button {
font-size: 14px; /* Reduce font size */
padding: 8px; /* Adjust padding */
margin-top: 50px; /* Reduce margin */
}
}
</style>
<body>
<div class="cta-container">
<section class="second-cta">
<h2>Join Landmark's Team.</h2>
<p class="second-cta-p">Thank you for being interested in working with Landmark Associates.</p>
<a href="https://thelai.typeform.com/to/r6DVMs?typeform-source=docs.landmarktranscription.com.au" class="apply-button"> Request more Info</a>
</section>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Testimonials Transcriptors AU-->
<meta charset="UTF-8">
<meta name="viewport" content="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">
<!-- Poppins -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<style>
.testimonial-container {
display: flex;
justify-content: space-evenly;
padding: 0 10px;
margin: 0 auto;
font-family: "Inter", sans-serif;
color:#0e1d43;
margin-bottom:10px;
}
.testimonial-one {
border-radius:5px;
padding: 20px;
text-align: left;
width: 350px;
height: 300px;
background: #ffffff;
border-radius: 20px;
box-shadow: 0px 8px 8px rgba(63, 63, 65, 0.1);
margin-bottom:10px;
margin-right:-150px;
}
.testimonial-two {
border-radius:5px;
padding: 20px;
text-align: left;
width: 350px;
height: 300px;
background: #ffffff;
border-radius: 20px;
box-shadow: 0px 8px 8px rgba(63, 63, 65, 0.1);
margin-bottom:10px;
}
.testimonial p {
margin-top:10px;
margin-bottom:10px;
text-align:left;
}
cite {
display: inline;
margin-top: 10px;
font-weight: bold;
font-style: normal;
text-align:left;
}
.cite-container {
display: flex;
align-items: center;
gap: 10px;
}
.icon-test {
width:2rem;
}
.testimonial-h2 {
font-family: "Poppins", sans-serif;
text-align: center;
color:#0e1d43;
font-weight:normal;
font-size:36px;
}
/* Media Queries */
/* For tablets and below (max-width: 768px) */
@media (max-width: 768px) {
.testimonial-container {
flex-direction: column;
align-items: center;
}
.testimonial-one {
width: 90%;
font-size:90%;
margin-left:-150px;
}
}
}
}
/* For small devices and below (max-width: 480px) */
@media (max-width: 480px) {
.testimonial-header h3, .testimonial-header h2 {
font-size: 24px; /* Smaller text for smaller screens */
}
.testimonial-one {
padding: 15px; /* Slightly reduce padding for small devices */
}
}
@media (min-width: 1000px) {
.testimonial-one {
margin: 5px; /* Apply a 5px margin around each testimonial */
}
}
@media (min-width: 1025px) {
.testimonial-one {
margin: 5px; /* Apply a 5px margin around each testimonial */
}
}
</style>
<body>
<div class="testimonial-header">
<h3 class="testimonial-h2"> Hear from our team: Testimonials and Reviews </h3>
</div>
<div class="testimonial-container">
<!-- Testimonial -->
<div class="testimonial-two">
<p>
Working with you has been a truly enjoyable experience for me. I feel very comfortable in this environment, and I genuinely relish the work I do here.
</p>
<br>
<br>
<br>
<br>
<hr>
<div class="cite-container">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<cite>
Gail, Transcriptionist
</cite>
</div>
</div>
<!-- Testimonial -->
<div class="testimonial-one">
<p>
Landmark has done a great job setting up an efficient process. Navigating through assignments, setting up my availability, and managing invoicing is straightforward and user-friendly. Additionally, the staff's readiness to assist and resolve any questions I have is commendable.
</p>
<hr>
<div class="cite-container">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<cite>Nancy, Transcriptionist </cite>
</div>
</div>
<!-- Testimonial -->
<div class="testimonial-two">
<p>
Landmark is flexible, turnaround times are manageable, is educational and fun, interesting too.
</p>
<br>
<br>
<br>
<br>
<br>
<hr>
<div class="cite-container">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<cite>
Emily, Transcriptionist
</cite>
</div>
</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- Disclaimer AU -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
</head>
<!-- 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>
.contractor {
color: #0e1d43;
line-height: 1.6;
font-family: 'Inter', sans-serif;
background-color: #edeff1;
font-size:15px;
padding:30px;
}
.mail-link{
color:#312e81
}
.procedure h2 {
font-family: 'Poppins', sans-serif;
font-weight: normal;
font-size:36px;
}
.card-procedure{
padding:10px;
border-radius:20px;
margin-left: 10px;
box-shadow: 3px -2px 20px rgba(0, 4, 23, 0.2);
margin-bottom:10px;
}
.begin {
font-size: 36px;
font-weight: normal;
text-align:center;
}
.procedure-paragraph{
font-size:20px;
margin-bottom:10px;
text-align:center;
}
.procedure{
margin-bottom:20px;
}
/* For tablets and devices with width less than 768px */
@media (max-width: 768px) {
.contractor {
margin: 10px; /* Reducing side margins */
}
.procedure h2, .second-cta h2 {
font-size: 28px; /* Adjusting heading sizes for smaller screens */
}
.begin, .procedure-paragraph {
font-size: 24px; /* Adjust text sizes for readability */
}
.apply-button {
padding: 10px; /* Adjust button padding */
margin-top: 100px; /* Reduce margin above the button */
}
}
/* For smartphones and devices with width less than 480px */
@media (max-width: 480px) {
.contractor {
margin: 5px; /* Further reduce side margins */
}
.procedure h2, .second-cta h2 {
font-size: 24px; /* Further adjust heading sizes for smaller screens */
}
.begin, .procedure-paragraph {
font-size: 20px; /* Further adjust text sizes for readability */
}
.card-procedure {
margin-left: 0; /* Remove left margin */
padding: 5px; /* Reduce padding */
}
.apply-button {
font-size: 14px; /* Reduce font size */
padding: 8px; /* Adjust padding */
margin-top: 50px; /* Reduce margin */
}
}
</style>
<body>
<div class="contractor">
<main>
<section class="disclaimer">
<p> Please be aware that our staff will only contact you via email addresses ending in
our domain (@landmarktranscription.com.au) and will never request you to fill out forms on websites other than our official site.
To avoid falling into traps, please use only our official links. If you have any questions or concerns, feel free to reach out to us through our official chat service or by emailing <a href="mailto:landmarksupport@landmarktranscription.com.au." class="mail-link">landmarksupport@landmarktranscription.com.au</a></p>
</section>
</main>
</div>
</body>
</html>
