sanchojaf · August 23, 2024 19:58
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New QRLynk Products</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            color: #333333;
            line-height: 1.6;
        }
        .container {
            width: 90%;
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f4f4f4;
            border-radius: 8px;
        }
        .header {
            text-align: center;
            margin-bottom: 20px;
        }
        .header img {
            width: 100px;
        }
        .product {
            margin-bottom: 20px;
        }
        .product img {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
            border-radius: 8px;
        }
        .button {
            display: inline-block;
            padding: 10px 15px;
            margin: 10px 0;
            background-color: #007bff;
            color: white;
            text-decoration: none;
            border-radius: 5px;
        }
        .footer {
            margin-top: 20px;
            text-align: center;
            font-size: 0.9em;
        }
    </style>
 </head>
 <body>
    <div class="container">
        <div class="header">
            <img src="https://via.placeholder.com/100" alt="QRLynk Logo">
            <h1>Exciting New QRLynk Products!</h1>
        </div>

        <p>Hi [Customer's Name],</p>

        <p>We hope you're enjoying your QRLynk product! We wanted to share some exciting news with you—based on feedback from valued customers like you, we’ve introduced two new products that could further enhance your experience.</p>

        <div class="product">
            <h2>Bigger Google Review Stand (5.12"x3.54")</h2>
            <img src="https://via.placeholder.com/500x300" alt="Bigger Google Review Stand">
            <p>We've expanded our popular Google Review Stand! The new stand offers a larger display area (5.12"x3.54"), providing an even more noticeable and effective way to encourage customer reviews. Perfect for increasing visibility on your countertop.</p>
            <a href="#" class="button">View on Amazon</a>
        </div>

        <div class="product">
            <h2>Multi-Platform Review Stickers</h2>
            <img src="https://via.placeholder.com/500x300" alt="Multi-Platform Review Stickers">
            <p>In addition to Google Reviews, we now offer a series of stickers that support Yelp, Trustpilot, and Tripadvisor. These versatile stickers are designed to make it easy for your customers to leave feedback on multiple platforms, helping you build a broader online presence.</p>
            <a href="#" class="button">View on Amazon</a>
        </div>

        <p>If you have any questions or need assistance, please don’t hesitate to reach out. Your feedback is invaluable to us, and we’re always here to help.</p>

        <p>Thank you for being a valued member of our QRLynk community!</p>

        <div class="footer">
            <p>Warm regards,<br>The QRLynk Team</p>
        </div>
    </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>New QRLynk Products</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	color: #333333;
	line-height: 1.6;
	}
	.container {
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
	padding: 20px;
	background-color: #f4f4f4;
	border-radius: 8px;
	}
	.header {
	text-align: center;
	margin-bottom: 20px;
	}
	.header img {
	width: 100px;
	}
	.product {
	margin-bottom: 20px;
	}
	.product img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	border-radius: 8px;
	}
	.button {
	display: inline-block;
	padding: 10px 15px;
	margin: 10px 0;
	background-color: #007bff;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	}
	.footer {
	margin-top: 20px;
	text-align: center;
	font-size: 0.9em;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<div class="header">
	<img src="https://via.placeholder.com/100" alt="QRLynk Logo">
	<h1>Exciting New QRLynk Products!</h1>
	</div>

	<p>Hi [Customer's Name],</p>

	<p>We hope you're enjoying your QRLynk product! We wanted to share some exciting news with you—based on feedback from valued customers like you, we’ve introduced two new products that could further enhance your experience.</p>

	<div class="product">
	<h2>Bigger Google Review Stand (5.12"x3.54")</h2>
	<img src="https://via.placeholder.com/500x300" alt="Bigger Google Review Stand">
	<p>We've expanded our popular Google Review Stand! The new stand offers a larger display area (5.12"x3.54"), providing an even more noticeable and effective way to encourage customer reviews. Perfect for increasing visibility on your countertop.</p>
	<a href="#" class="button">View on Amazon</a>
	</div>

	<div class="product">
	<h2>Multi-Platform Review Stickers</h2>
	<img src="https://via.placeholder.com/500x300" alt="Multi-Platform Review Stickers">
	<p>In addition to Google Reviews, we now offer a series of stickers that support Yelp, Trustpilot, and Tripadvisor. These versatile stickers are designed to make it easy for your customers to leave feedback on multiple platforms, helping you build a broader online presence.</p>
	<a href="#" class="button">View on Amazon</a>
	</div>

	<p>If you have any questions or need assistance, please don’t hesitate to reach out. Your feedback is invaluable to us, and we’re always here to help.</p>

	<p>Thank you for being a valued member of our QRLynk community!</p>

	<div class="footer">
	<p>Warm regards,<br>The QRLynk Team</p>
	</div>
	</div>
	</body>
	</html>