File: /var/www/vhost/disk-apps/demo-telemedicina.teky.com.co/resources/views/mails/pqrs.blade.php
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG />
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="x-apple-disable-message-reformatting" />
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i" rel="stylesheet" />
<!--<![endif]-->
<title>*|MC:SUBJECT|*</title>
<!--[if gte mso 9]>
<style type="text/css" media="all">
sup {
font-size: 100% !important;
}
</style>
<![endif]-->
<style type="text/css" media="screen">
/* Linked Styles */
body {
padding: 0 !important;
margin: 0 !important;
display: block !important;
min-width: 100% !important;
width: 100% !important;
background: #001f51;
-webkit-text-size-adjust: none;
}
a {
color: #000001;
text-decoration: none;
}
p {
padding: 0 !important;
margin: 0 !important;
}
img {
-ms-interpolation-mode: bicubic;
/* Allow smoother rendering of resized image in Internet Explorer */
}
.mcnPreviewText {
display: none !important;
}
.cke_editable,
.cke_editable a,
.cke_editable span,
.cke_editable a span {
color: #000001 !important;
}
/* Mobile styles */
@media only screen and (max-device-width: 480px),
only screen and (max-width: 480px) {
.mobile-shell {
width: 100% !important;
min-width: 100% !important;
}
.bg {
background-size: 100% auto !important;
-webkit-background-size: 100% auto !important;
}
.text-header,
.m-center {
text-align: center !important;
}
.center {
margin: 0 auto !important;
}
.container {
padding: 20px 10px !important;
}
.td {
width: 100% !important;
min-width: 100% !important;
}
.m-br-15 {
height: 15px !important;
}
.p30-15 {
padding: 30px 15px !important;
}
.p0-15-30 {
padding: 0px 15px 30px 15px !important;
}
.mpb30 {
padding-bottom: 30px !important;
}
.m-td,
.m-hide {
display: none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
}
.m-block {
display: block !important;
}
.fluid-img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.column,
.column-dir,
.column-top,
.column-empty,
.column-empty2,
.column-dir-top {
float: left !important;
width: 100% !important;
display: block !important;
}
.column-empty {
padding-bottom: 30px !important;
}
.column-empty2 {
padding-bottom: 10px !important;
}
.content-spacing {
width: 15px !important;
}
}
</style>
</head>
<body class="body"
style="padding:0 !important; margin:0 !important; display:block !important; min-width:100% !important; width:100% !important; background:#001f51; -webkit-text-size-adjust:none;">
<!--*|IF:MC_PREVIEW_TEXT|*-->
<!--[if !gte mso 9]><!-->
<span class="mcnPreviewText"
style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;">*|MC_PREVIEW_TEXT|*</span>
<!--<![endif]-->
<!--*|END:IF|*-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#001f51">
<tr>
<td align="center" valign="top">
<table width="650" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td container"
style="width:650px; min-width:650px; font-size:0pt; line-height:0pt; margin:0; font-weight:normal; padding:55px 0px;">
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="p30-15 tbrr" style="padding: 30px; border-radius:12px 12px 0px 0px;"
bgcolor="#ffffff">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" width="145"
style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;">
</th>
<th class="column-empty2" width="1"
style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;">
</th>
</tr>
</table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Hero Image -->
<div mc:repeatable="Select" mc:variant="Hero Image">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="fluid-img" style="font-size:0pt; line-height:0pt; text-align:left;">
<img src="https://lh3.googleusercontent.com/proxy/qMqYpN9lEKicgdzP-HQoJzRY1fujqqpBvj9Ewslp6RGtQtemG7fXcBhRWRILfELGsBqHrUYetBI-rI5CJdpcFoiYoXwSSRpO3IlYCPbEvycaXiUA31XrUehBYd3pgnGUM6sfNTsXuA"
border="0" width="650" height="366" mc:edit="image_2"
style="max-width:650px;" alt="" />
</td>
</tr>
</table>
</div>
<!-- END Hero Image -->
<!-- Intro -->
<div mc:repeatable="Select" mc:variant="Intro">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td style="padding-bottom: 10px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="p30-15" style="padding: 60px 30px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="h1 pb25"
style="color:#444444; font-family:'Merriweather', Georgia,serif; font-size:35px; line-height:42px; text-align:center; padding-bottom:25px;">
<div mc:edit="text_2">
{{ __('messages.mail_title_pqrs', ['username' => $data->name_user, 'document' => $data->document]) }}
</div>
</td>
</tr>
<tr>
<td class="text-center pb25"
style="color:#666666; font-family:Arial,sans-serif; font-size:16px; line-height:30px; text-align:center; padding-bottom:25px;">
<div mc:edit="text_3">
{{ $data->message }}
</div>
</td>
</tr>
<!-- Button -->
<tr mc:hideable>
<td align="center">
<table class="center" border="0" cellspacing="0"
cellpadding="0" style="text-align:center;">
</table>
</td>
</tr>
<!-- END Button -->
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- END Intro -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>