<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<style>
			@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@400;500;600;700&display=swap'); 
			
			p, h1, h2, h3, h4, ol, li, ul, th, td, span, a {  
				font-family: 'Spartan', sans-serif;
				line-height: 1.5;
			}
		</style>
	</head>

	<body dir="ltr" style="margin: 0; background: aliceblue;">
		<table style="height: 100vh;background: #fff;border-spacing: 0;border: none;min-width: 650px;overflow: auto;max-width: 650px;margin: auto;">
			<thead>
				<tr>
					<td>
						<div style="max-width: 650px;margin: 0 auto;background: #fff;height: 100%;">
							<div style="height: 70px;display: flex;align-items: center;padding: .5rem 1rem;background: #ffff;">
								<img style="height: auto;width: 160px;" src="{{ asset("storage/images/".config('app.logo')) }}" alt="vAlexa">
							</div>
							<div style="background-image: url('/storage/images/newsletter_2_top_cover.jpg');background-position: center;background-size: cover;padding: 1rem;text-align: center;">
								<div style="margin: 1rem auto;font-size: 1.5rem;text-align: center;font-weight: 700;color: #fff;background: #00000014;padding: 1rem;backdrop-filter: blur(5px);max-width: 500px;width: 100%;" contenteditable="">
									Lorem ipsum dolor sit, amet consectetur adipisicing elit.
								</div>
								<div style="color: #fff;font-size: 1.3rem;text-align: center;font-weight: 500;max-width: 450px;margin: 1rem auto;" contenteditable="">
									Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit labore odit nesciunt autem dolorum
								</div>
							</div>
						</div>
					</td>
				</tr>		
			</thead>
			<tbody>
				<tr>
					<td>
						<div style="max-width: 650px;margin: 0 auto 1.5rem;background: #fff;height: 100%;" class="products">
							<div style="padding: 2rem 2rem 1rem;text-align: center;font-weight: 600;font-size: 1.6rem;color: #000;text-transform: capitalize;max-width: 500px;margin: auto;" contenteditable="">
								Trending items in sale of the month
							</div>

							<div style="padding: 0 1rem;display: flex;margin-bottom: 1rem;align-items: center;justify-content: center;">
								<a href="" class="item" style="background:aliceblue;min-height:298px;min-width:298px;box-sizing:border-box;margin-right:1rem;max-width:298px;max-height:298px;overflow:hidden;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>

								<div style="min-height:296px;min-width:296px;display: block;max-width:298px;max-height:298px;overflow:hidden;">
									<a href="" class="item" style="width:140px;height:140px;overflow:hidden;margin-right:1rem;margin-bottom:1rem;float: left;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
									<a href="" class="item" style="width:140px;height:140px;overflow:hidden;float: left;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
									<a href="" class="item" style="width:140px;height:140px;overflow:hidden;box-sizing:border-box;margin-right:1rem;float: left;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
									<a href="" class="item" style="width:140px;height:140px;overflow:hidden;box-sizing:border-box;float: left;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
								</div>
							</div>

							<div style="display: table;margin: auto;overflow:hidden;">
								<a href="" class="item" style="width:140px;height:140px;overflow:hidden;margin-right:1rem;float: left;display: block;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
								<a href="" class="item" style="width:140px;height:140px;overflow:hidden;margin-right:1rem;float: left;display: block;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
								<a href="" class="item" style="width:140px;height:140px;overflow:hidden;margin-right:1rem;float: left;display: block;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
								<a href="" class="item" style="width:140px;height:140px;overflow:hidden;float: left;display: block;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
							</div>
						</div>

						<div style="max-width: 650px;margin: 0 auto 1.5rem;background: #fff;height: 100%;" class="products">
							<div style="padding: 2rem 2rem 1rem;text-align: center;font-weight: 600;font-size: 1.6rem;color: #000;text-transform: capitalize;max-width: 500px;margin: auto;" contenteditable="">
								Lorem ipsum dolor sit amet, consectetur adipisicing elit quia corporis.
							</div>

							<div style="padding:0 1rem;display:flex;margin-bottom:1rem">
								<div style="box-sizing:border-box;margin-right:1rem;max-width:298px;height: 298px;width: 298px;;">
									<a href="" class="item" style="width: 298px;height: 298px;margin-bottom: 1rem;display: block;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
									<div style="width: 298px;display: flex;">
										<a href="" class="item" style="width: 140px;height: 140px;overflow: hidden;margin-right: 1rem;display: block;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
										<a href="" class="item" style="width: 140px;height: 140px;overflow: hidden;display: block;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
									</div>
								</div>

								<div style="max-width:298px;">
									<div style="width:298px;display:flex;float: left;">
										<a href="" class="item" style="width: 140px;height: 140px;overflow: hidden;margin-right: 1rem;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
										<a href="" class="item" style="width: 140px;height: 140px;overflow: hidden;margin-bottom: 1rem;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
									</div>
									<a href="" class="item" style="width:298px;height: 298px;float: left;background-image: url('/storage/covers/placeholder.webp');background-position: center;background-size: cover;"></a>
								</div>
							</div>
						</div>

						@if(config('app.subscriptions.enabled'))
						<div class="subscriptions" style="max-width: 650px;margin: 0 auto;height: 100%;background-image: url('/storage/images/newsletter_2_pricing_cover.jpg');background-size: cover;background-position: center;padding-bottom: 1rem;">
							<div style="padding: 2rem 2rem 1rem;text-align: center;font-weight: 600;font-size: 1.6rem;color: #fff;" contenteditable>
								Our Popular Subscription
							</div>

							<div class="items" style="padding: 0 1rem;display: flex;">
								<div class="item" style="margin: 0.5rem;max-width: 190px;background: #00000047;position: relative;width: 100%;">
									<div class="link" style="position: absolute;right: 1rem;top: 1rem; cursor:pointer;">
										<img src="/assets/images/link.webp" style="width: 20px;height: 20px;filter: invert(1);">
									</div>

									<div style="color: #ffb9b9;padding: 1rem 1rem .5rem;text-align: center;font-size: 1.2rem;font-weight: 600;" contenteditable>
										Premium membership
									</div>
									<div style="padding: 0 1rem 1rem;text-align: center;font-size: 1.3rem;font-weight: 600;color: #fff9f9;" contenteditable>
										USD 99.00/mo
									</div>
									<div style="padding: 0 1rem 1rem;color: #fff;text-align: center;">
										<div style="padding: .5rem 0;font-size: .9rem;border-bottom: 2px dashed #fff;display: table;margin: auto;" contenteditable>
											20 Downloads
										</div>
										<div style="padding: .5rem 0;font-size: .9rem;border-bottom: 2px dashed #fff;display: table;margin: auto;" contenteditable>
											Life time access
										</div>
										<div style="padding: .5rem 0;font-size: .9rem;border-bottom: 2px dashed #fff;display: table;margin: auto;" contenteditable>
											10% OFF for every purchase
										</div>
										<div style="padding: .5rem 0;font-size: .9rem;display: table;margin: auto;" contenteditable>
											Money back guarantee
										</div>
									</div>
									<a class="subscription-link" style="display: table;margin: auto;padding: .5rem 1rem;background: rgb(10 10 10 / 46%);color: #fff;font-weight: 600;margin-bottom: 1rem;text-decoration: none;" href="" contenteditable>{{ __('Get started') }}</a>
								</div>

								<div class="item" style="margin: 0.5rem;max-width: 190px;background: #00000047;position: relative;width: 100%;">
									<div class="link" style="position: absolute;right: 1rem;top: 1rem; cursor:pointer;">
										<img src="/assets/images/link.webp" style="width: 20px;height: 20px;filter: invert(1);">
									</div>

									<div style="color: #fffab9;padding: 1rem 1rem .5rem;text-align: center;font-size: 1.2rem;font-weight: 600;" contenteditable>
										Golden membership
									</div>
									<div style="padding: 0 1rem 1rem;text-align: center;font-size: 1.3rem;font-weight: 600;color: #fff9f9;" contenteditable>
										USD 450.00/mo
									</div>
									<div style="padding: 0 1rem 1rem;color: #fff;text-align: center;">
										<div style="padding: .5rem 0;font-size: .9rem;border-bottom: 2px dashed #fff;display: table;margin: auto;" contenteditable>
											Unlimited Downloads
										</div>
										<div style="padding: .5rem 0;font-size: .9rem;border-bottom: 2px dashed #fff;display: table;margin: auto;" contenteditable>
											Life time access
										</div>
										<div style="padding: .5rem 0;font-size: .9rem;border-bottom: 2px dashed #fff;display: table;margin: auto;" contenteditable>
											50% OFF for every purchase
										</div>
										<div style="padding: .5rem 0;font-size: .9rem;display: table;margin: auto;" contenteditable>
											Money back guarantee
										</div>
									</div>
									<a class="subscription-link" style="display: table;margin: auto;padding: .5rem 1rem;background: rgb(10 10 10 / 46%);color: #fff;font-weight: 600;margin-bottom: 1rem;text-decoration: none;" href="" contenteditable>{{ __('Get started') }}</a>
								</div>

								<div class="item" style="margin: 0.5rem;max-width: 190px;background: #00000047;position: relative;width: 100%;">
									<div class="link" style="position: absolute;right: 1rem;top: 1rem; cursor:pointer;">
										<img src="/assets/images/link.webp" style="width: 20px;height: 20px;filter: invert(1);">
									</div>

									<div style="color: #b9fdff;padding: 1rem 1rem .5rem;text-align: center;font-size: 1.2rem;font-weight: 600;" contenteditable>
										Ultimate membership
									</div>
									<div style="padding: 0 1rem 1rem;text-align: center;font-size: 1.3rem;font-weight: 600;color: #fff9f9;" contenteditable>
										USD 890.00/mo
									</div>
									<div style="padding: 0 1rem 1rem;color: #fff;text-align: center;">
										<div style="padding: .5rem 0;font-size: .9rem;border-bottom: 2px dashed #fff;display: table;margin: auto;" contenteditable>
											Unlimited Downloads
										</div>
										<div style="padding: .5rem 0;font-size: .9rem;border-bottom: 2px dashed #fff;display: table;margin: auto;" contenteditable>
											Life time access
										</div>
										<div style="padding: .5rem 0;font-size: .9rem;border-bottom: 2px dashed #fff;display: table;margin: auto;" contenteditable>
											70% OFF for every purchase
										</div>
										<div style="padding: .5rem 0;font-size: .9rem;display: table;margin: auto;" contenteditable>
											Money back guarantee
										</div>
									</div>
									<a class="subscription-link" style="display: table;margin: auto;padding: .5rem 1rem;background: rgb(10 10 10 / 46%);color: #fff;font-weight: 600;margin-bottom: 1rem;text-decoration: none;" href="" contenteditable>{{ __('Get started') }}</a>
								</div>
							</div>
						</div>
						@endif
					</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td>
						<div style="max-width: 650px;margin: 0 auto;background: #fff;height: 100%;padding: 3rem 0 0;">
							<div style="font-size: .8rem;color: #000000;max-width: 500px;margin: 0 auto 1rem; padding: 0 1rem;">
								This commercial email was sent to you by vAlexa digital market.
							</div>
							<div style="font-size: .8rem;max-width: 500px;margin: auto;color: #000;padding: 0 1rem;">
								You received this email because you registered, accepted an invitation, or have shopped from our digital market. And this is to let you be informed of our new discounts and offers. We respect and will protect well your privacy. If you don't want to receive our email or received in error, you can easily <a href="/">unsubscribe</a> from our newsletter.
							</div>
							<div style="padding: 1rem;font-size: .9rem;text-align: center;background: #ffffff;margin-top: 3rem;color: #000;border-top: 3px dashed aliceblue;">
								<div style="max-width: 450px;margin: auto;">Copyright © 2004-2022 VALEXA Digital Marketplace.</div>
								<div style="max-width: 450px;margin: auto;">All Rights Reserved.</div>
							</div>
						</div>
					</td>
				</tr>
			</tfoot>
		</table>
	
</body></html>