<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width"> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="x-apple-disable-message-reformatting">

	<title>Contact us inquiry from legal.com</title>
	<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
	<style>
		html,
		body {
			margin: 0 auto !important;
			padding: 0 !important;
			height: 100% !important;
			width: 100% !important;
			background: #f1f1f1;
		}
		* {
			-ms-text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%;
		}
		div[style*="margin: 16px 0"] {
			margin: 0 !important;
		}
		table,
		td {
			mso-table-lspace: 0pt !important;
			mso-table-rspace: 0pt !important;
		}
		table {
			border-spacing: 0 !important;
			border-collapse: collapse !important;
			table-layout: fixed !important;
			margin: 0 auto !important;
		}
		img {
			-ms-interpolation-mode:bicubic;
		}
		a {
			text-decoration: none;
		}
		*[x-apple-data-detectors],
		.unstyle-auto-detected-links *,
		@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
			u ~ div .email-container {
				min-width: 320px !important;
			}
		}
		@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
			u ~ div .email-container {
				min-width: 375px !important;
			}
		}
		@media only screen and (min-device-width: 414px) {
			u ~ div .email-container {
				min-width: 414px !important;
			}
		}

	</style>
	<style>

	</style>
</head>



<body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly;">
	<center style="width: 100%; background-color: #f1f1f1;">
		<div style="max-width:700px; margin: 0 auto;" class="email-container">
			<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: auto; background-color: #fff;">
				<tr style="background-color: #2b4c65; text-align: center;">
					<td style="vertical-align: middle; padding: 40px 30px 30px;">
					<img src="{{ url('/') }}/img/email/mail-icon.png" style="max-width: 100%; height: auto; vertical-align: middle;"> <b style="color: #fff; font-size: 32px;">Contact Us</b>
					</td>
				</tr>
				<tr>
					<td>
						<img src="{{ url('/') }}/img/email/verification-header-bg-a.png" style="max-width: 100%; height: auto; vertical-align: middle;">
					</td>
				</tr>
				<tr style="text-align: center; vertical-align: middle; background-color: #fff;">
					<td style="padding: 40px 40px 110px;">
						<p style="margin: 0;color: #555966; font-family: Plus Jakarta Sans; font-size: 22px;font-style: normal;font-weight: 400; line-height: 32px; letter-spacing: -0.22px;">
							<h1 style="font-size: 28px; font-weight: bold; text-align: left">Request Information</h1>
							<p style="font-size: 22px; text-align: left">First name: {{ $request->first_name }}</p>
							<p style="font-size: 22px; text-align: left">Last name: {{ $request->last_name }}</p>
							<p style="font-size: 22px; text-align: left">Contact method: {{ $request->contact }}</p>
							<p style="font-size: 22px; text-align: left">Zip code: {{ $request->zip }} </p>
							<p style="font-size: 22px; text-align: left">Request: {{ $request->summary }} </p>
							<br>
						</td>
					</tr>
					<tr style="background-color: #1B3344; text-align: center;">
						<td style="padding:16px 0 0;">
							<a href="#" style="display: block; padding-bottom: 24px;"><img src="{{ url('/') }}/img/email/v-Logo.png" style="max-width: 100%; height: auto; vertical-align: middle;"></a>
						</td>
					</tr>
					<tr style="background-color: #1B3344; text-align: center;">
						<td style="padding-bottom: 16px;">
							<a href="https://www.facebook.com/profile.php?id=61554817588502"><img src="{{ url('/') }}/img/email/v-f-facebook.png" style="width: 32px; height:32px; margin-right: 10px;  vertical-align: middle;"></a>
							<a href="https://www.linkedin.com/company/legal-com/about/"><img src="{{ url('/') }}/img/email/v-f-linkedin.png" style="width: 32px; height:32px; margin-right: 10px;  vertical-align: middle;"></a>
							<a href="#"><img src="{{ url('/') }}/img/email/v-f-twitter.png" style="width: 32px; height:32px;  margin-right: 10px; vertical-align: middle;"></a>
							<a href="#"><img src="{{ url('/') }}/img/email/v-f-youtube.png" style="width: 32px; height:32px;  vertical-align: middle;"></a>
						</td>
					</tr>
					<tr style="background-color: #152C3D; text-align: center;">
						<td style="padding:16px 0;">
							<p style="margin: 0; color: #FFF; font-family: Plus Jakarta Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;">© {{ date('Y') }} <a href="#" style="color: #FFF;">Legal.com</a></p>
						</td>
					</tr>
				</table>
			</div>
		</center>
	</body>
	</html>
