File: /home/u435929562/domains/projectcop.com/public_html/radianttechguy/contact-email-template.php
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<style type="text/css">
body {
width: 100% !important;
min-width: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
Margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
border-collapse: collapse !important;
}
table,
tr,
td {
padding: 0;
vertical-align: top;
text-align: left;
}
html {
min-height: 100%;
background: #f0f0f0;
}
table.body {
background: #f0f0f0;
height: 100%;
width: 100%;
}
table.container {
background: #fefefe;
width: 580px;
margin: 0 auto;
Margin: 0 auto;
text-align: inherit;
}
table.row {
padding: 0;
width: 100%;
position: relative;
}
table.container table.row {
display: table;
}
td.columns,
td.column,
th.columns,
th.column {
margin: 0 auto;
Margin: 0 auto;
padding-left: 16px;
padding-bottom: 16px;
}
td.columns.last,
td.column.last,
th.columns.last,
th.column.last {
padding-right: 16px;
}
td.columns table,
td.column table,
th.columns table,
th.column table {
width: 100%;
}
td.large-1,
th.large-1 {
width: 32.33333px;
padding-left: 8px;
padding-right: 8px;
}
td.large-1.first,
th.large-1.first {
padding-left: 16px;
}
td.large-1.last,
th.large-1.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-1,
.collapse>tbody>tr>th.large-1 {
padding-right: 0;
padding-left: 0;
width: 48.33333px;
}
.collapse td.large-1.first,
.collapse th.large-1.first,
.collapse td.large-1.last,
.collapse th.large-1.last {
width: 56.33333px;
}
td.large-2,
th.large-2 {
width: 80.66667px;
padding-left: 8px;
padding-right: 8px;
}
td.large-2.first,
th.large-2.first {
padding-left: 16px;
}
td.large-2.last,
th.large-2.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-2,
.collapse>tbody>tr>th.large-2 {
padding-right: 0;
padding-left: 0;
width: 96.66667px;
}
.collapse td.large-2.first,
.collapse th.large-2.first,
.collapse td.large-2.last,
.collapse th.large-2.last {
width: 104.66667px;
}
td.large-3,
th.large-3 {
width: 129px;
padding-left: 8px;
padding-right: 8px;
}
td.large-3.first,
th.large-3.first {
padding-left: 16px;
}
td.large-3.last,
th.large-3.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-3,
.collapse>tbody>tr>th.large-3 {
padding-right: 0;
padding-left: 0;
width: 145px;
}
.collapse td.large-3.first,
.collapse th.large-3.first,
.collapse td.large-3.last,
.collapse th.large-3.last {
width: 153px;
}
td.large-4,
th.large-4 {
width: 177.33333px;
padding-left: 8px;
padding-right: 8px;
}
td.large-4.first,
th.large-4.first {
padding-left: 16px;
}
td.large-4.last,
th.large-4.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-4,
.collapse>tbody>tr>th.large-4 {
padding-right: 0;
padding-left: 0;
width: 193.33333px;
}
.collapse td.large-4.first,
.collapse th.large-4.first,
.collapse td.large-4.last,
.collapse th.large-4.last {
width: 201.33333px;
}
td.large-5,
th.large-5 {
width: 225.66667px;
padding-left: 8px;
padding-right: 8px;
}
td.large-5.first,
th.large-5.first {
padding-left: 16px;
}
td.large-5.last,
th.large-5.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-5,
.collapse>tbody>tr>th.large-5 {
padding-right: 0;
padding-left: 0;
width: 241.66667px;
}
.collapse td.large-5.first,
.collapse th.large-5.first,
.collapse td.large-5.last,
.collapse th.large-5.last {
width: 249.66667px;
}
td.large-6,
th.large-6 {
width: 274px;
padding-left: 8px;
padding-right: 8px;
}
td.large-6.first,
th.large-6.first {
padding-left: 16px;
}
td.large-6.last,
th.large-6.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-6,
.collapse>tbody>tr>th.large-6 {
padding-right: 0;
padding-left: 0;
width: 290px;
}
.collapse td.large-6.first,
.collapse th.large-6.first,
.collapse td.large-6.last,
.collapse th.large-6.last {
width: 298px;
}
td.large-7,
th.large-7 {
width: 322.33333px;
padding-left: 8px;
padding-right: 8px;
}
td.large-7.first,
th.large-7.first {
padding-left: 16px;
}
td.large-7.last,
th.large-7.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-7,
.collapse>tbody>tr>th.large-7 {
padding-right: 0;
padding-left: 0;
width: 338.33333px;
}
.collapse td.large-7.first,
.collapse th.large-7.first,
.collapse td.large-7.last,
.collapse th.large-7.last {
width: 346.33333px;
}
td.large-8,
th.large-8 {
width: 370.66667px;
padding-left: 8px;
padding-right: 8px;
}
td.large-8.first,
th.large-8.first {
padding-left: 16px;
}
td.large-8.last,
th.large-8.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-8,
.collapse>tbody>tr>th.large-8 {
padding-right: 0;
padding-left: 0;
width: 386.66667px;
}
.collapse td.large-8.first,
.collapse th.large-8.first,
.collapse td.large-8.last,
.collapse th.large-8.last {
width: 394.66667px;
}
td.large-9,
th.large-9 {
width: 419px;
padding-left: 8px;
padding-right: 8px;
}
td.large-9.first,
th.large-9.first {
padding-left: 16px;
}
td.large-9.last,
th.large-9.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-9,
.collapse>tbody>tr>th.large-9 {
padding-right: 0;
padding-left: 0;
width: 435px;
}
.collapse td.large-9.first,
.collapse th.large-9.first,
.collapse td.large-9.last,
.collapse th.large-9.last {
width: 443px;
}
td.large-10,
th.large-10 {
width: 467.33333px;
padding-left: 8px;
padding-right: 8px;
}
td.large-10.first,
th.large-10.first {
padding-left: 16px;
}
td.large-10.last,
th.large-10.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-10,
.collapse>tbody>tr>th.large-10 {
padding-right: 0;
padding-left: 0;
width: 483.33333px;
}
.collapse td.large-10.first,
.collapse th.large-10.first,
.collapse td.large-10.last,
.collapse th.large-10.last {
width: 491.33333px;
}
td.large-11,
th.large-11 {
width: 515.66667px;
padding-left: 8px;
padding-right: 8px;
}
td.large-11.first,
th.large-11.first {
padding-left: 16px;
}
td.large-11.last,
th.large-11.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-11,
.collapse>tbody>tr>th.large-11 {
padding-right: 0;
padding-left: 0;
width: 531.66667px;
}
.collapse td.large-11.first,
.collapse th.large-11.first,
.collapse td.large-11.last,
.collapse th.large-11.last {
width: 539.66667px;
}
td.large-12,
th.large-12 {
width: 564px;
padding-left: 8px;
padding-right: 8px;
}
td.large-12.first,
th.large-12.first {
padding-left: 16px;
}
td.large-12.last,
th.large-12.last {
padding-right: 16px;
}
.collapse>tbody>tr>td.large-12,
.collapse>tbody>tr>th.large-12 {
padding-right: 0;
padding-left: 0;
width: 580px;
}
.collapse td.large-12.first,
.collapse th.large-12.first,
.collapse td.large-12.last,
.collapse th.large-12.last {
width: 588px;
}
td.large-1 center,
th.large-1 center {
min-width: 0.33333px;
}
td.large-2 center,
th.large-2 center {
min-width: 48.66667px;
}
td.large-3 center,
th.large-3 center {
min-width: 97px;
}
td.large-4 center,
th.large-4 center {
min-width: 145.33333px;
}
td.large-5 center,
th.large-5 center {
min-width: 193.66667px;
}
td.large-6 center,
th.large-6 center {
min-width: 242px;
}
td.large-7 center,
th.large-7 center {
min-width: 290.33333px;
}
td.large-8 center,
th.large-8 center {
min-width: 338.66667px;
}
td.large-9 center,
th.large-9 center {
min-width: 387px;
}
</style>
</head>
<body>
<table class="body">
<tr>
<td class="center" align="center" valign="top">
<center data-parsed="">
<table class="container text-center">
<tbody>
<tr>
<td>
<!-- This container adds the gap at the top of the email -->
<table class="row grey">
<tbody>
<tr>
<th class="small-12 large-12 columns first last">
<table>
<tr>
<th>
 
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="container text-center">
<tbody>
<tr>
<td>
<table class="row show-for-large">
<tbody>
<tr>
<!-- Receipt Header. Hidden for mobile-->
<th class="small-12 large-4 columns first">
<b>Name : </b>
</th>
<td>
%name%
</td>
</tr>
<tr>
<!-- Receipt Header. Hidden for mobile-->
<th class="small-12 large-4 columns first">
<b>Email : </b>
</th>
<td>
%email%
</td>
</tr>
<tr>
<!-- Receipt Header. Hidden for mobile-->
<th class="small-12 large-4 columns first">
<b>Mobile Number : </b>
</th>
<td>
%mobile_no%
</td>
</tr>
<tr>
<!-- Receipt Header. Hidden for mobile-->
<th class="small-12 large-4 columns first">
<b>Message : </b>
</th>
<td>
%msg%
</td>
</tr>
</tbody>
</table>
<hr>
</td>
</tr>
</tbody>
</table> <!-- / End main email content -->
</center>
</td>
</tr>
</table>
</body>
</html>