<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Atlantic Power and Light – Brochure</title>
		<style>
			body {
				margin: 24px;
				background: #fff;
				font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
				color: #1f2937;
			}
			
			.page {
				max-width: 900px;
				margin: 0 auto 24px;
			}
				
			img {
				width: 100%;
				height: auto;
				display: block;
			}
			
			/* Download link styling */
			.download-link {
			  display: inline-flex;
			  align-items: center;
			  gap: 8px;
			  font-size: 1.1rem;
			  text-decoration: none;
			  color: #2563eb;
			  transition: color 0.2s ease;
			}
			.download-link:hover { color: #1d4ed8; }
			.download-link span { text-decoration: underline; }
			.download-link img { width: 24px; height: 24px; }
		
			.link-row {
			  display: flex;
			  justify-content: space-between;
			  align-items: center;
			  max-width: 900px;
			  margin: 24px auto;
			  gap: 24px;
			}

			.qr-code {
			  text-align: center;
			}

			.qr-code img {
			  width: 100px;
			  height: auto;
			}

			.qr-code p {
			  font-size: 0.8rem;
			  color: #4b5563;
			  margin: 4px 0 0;
			}		
			
			/* Contact card */
			.contact-card {
			  max-width: 900px;
			  margin: 32px auto;
			  padding: 16px;
			  border: 1px solid #e5e7eb;
			  border-radius: 8px;
			  background: #f9fafb;
			}
			.contact-card h2 {
			  margin-top: 0;
			  font-size: 1.25rem;
			  color: #111827;
			}
			.contact-card p {
			  margin: 4px 0;
			}
			.contact-card a {
			  color: #2563eb;
			  text-decoration: none;
			}
			.contact-card a:hover {
			  text-decoration: underline;
			}
			
			.clearfix {
			  clear: both;
			}

			/* Print optimization */
			@media print {
			  body { margin: 0; }
			  .page { margin: 0 0 12mm; }
			  .download-link { display: none; } /* hide download link on print */
			  .contact-card { page-break-before: always; }
			}
		</style>
	</head>
	<body>
		<!-- Brochure pages -->
		<div class="page"><img src="/APL Brochure/Page 1.jpg" alt="Brochure Page 1"></div>
		<div class="page"><img src="/APL Brochure/Page 2.jpg" alt="Brochure Page 2"></div>

		<div class="link-row">
			<!-- Download link -->
			<a href="/APL Brochure/APL Brochure - 2025.pdf" class="download-link" download>
				<img src="https://upload.wikimedia.org/wikipedia/commons/8/87/PDF_file_icon.svg" alt="PDF icon" />
				<span>Download PDF</span>
			</a>

			<!-- Optional QR code linking to PDF -->
			<div class="qr-code">
				<img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=https://office.atlanticpandl.com/APL Brochure/APL Brochure 2025.pdf" alt="QR code to download brochure PDF">
				<p>Scan to download brochure</p>
			</div>
		</div>

		<div class="clearfix"></div>

		<!-- Contact card -->
		<div class="contact-card">
			<h2>Contact Us</h2>
			<p>📞 (443) 231-5309</p>
			<p>✉️ 
				<a href="mailto:cpeddicord@atlanticpandl.com">cpeddicord@atlanticpandl.com</a>, 
				<a href="mailto:kpeddicord@atlanticpandl.com">kpeddicord@atlanticpandl.com</a>
			</p>
			<p>
				📍 9717 Pulaski Hwy, Baltimore, MD 21220
				<a href="https://www.google.com/maps/place/9717+Pulaski+Hwy,+Baltimore,+MD+21220" target="_blank">   View on Google Maps</a>
			</p>
		</div>
	</body>
</html>