File: /home/barbeatleanalyti/public_html/beatleanalytics.com/application/views/template/contactemail.php
<!DOCTYPE html>
<head>
<title>beatle</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="<?php echo FRONT_ASSETS_BASE_URL;?>/template/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,600&display=swap" rel="stylesheet">
<style>
body{
width: 650px;
font-family: work-Sans, sans-serif;
background-color: #f6f7fb;
display: block;
margin:0 auto ;
padding-top:50px;
}
a{
text-decoration: none;
}
span {
font-size: 14px;
}
p {
font-size: 13px;
line-height: 1.7;
letter-spacing: 0.7px;
margin-top: 0;
}
.text-center{
text-align: center
}
h6 {
font-size: 16px;
margin: 0 0 18px 0;
}
.template-sosial {
display:flex ;
align-items:center ;
justify-content:center ;
}
.template-sosial li {
background-color:#eff1f2 ;
width:35px;
height:35px;
border-radius:50% ;
display:flex ;
align-items:center ;
justify-content:center ;
margin-right:15px;
}
.template-sosial li:last-child {
margin-right: 0 ;
}
.template-sosial li:hover {
background-color :#1c9dea;
}
.template-sosial li:hover a {
color:white ;
}
.template-sosial li a i {
font-size:14px;
}
ul.chat-icon {
display:flex ;
justify-content:center ;
padding-left:0 ;
}
ul.chat-icon li {
width:40px;
height:40px;
border:1px solid black ;
border-radius:50% ;
display:flex ;
align-items:center ;
justify-content:center ;
margin-right:10px;
}
ul.chat-icon li:last-child {
margin-right:0 ;
}
</style>
</head>
<table border="0" cellpadding="0" cellspacing="0" style="max-width:650px;border:1px solid #000;" rules="all" width="100%">
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF;border-color:#E5E5E5; border-style:solid; border-width:0 1px 1px 1px;" width="100%">
<tr>
<td align="center" valign="top" style="padding-bottom:20px">
<a href="#" target="_blank" style="text-decoration:none;">
<img class="img-fluid" src="<?php echo FRONT_ASSETS_BASE_URL;?>/template/img/logo.png" alt="" border="0" style=" display:block; width:165px; height:auto ;margin-top:50px"></a>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:5px;padding-left:20px;padding-right:20px;">
<h2 style="color:#000000; font-family:'Poppins', Helvetica, Arial, sans-serif; font-size:28px; font-weight:500; font-style:normal; letter-spacing:normal; line-height:36px; text-transform:none; text-align:center; padding:0; margin:0">Welcome To Beatle Analytics !</h2>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding-bottom:30px;padding-left:20px;padding-right:20px;">
<h4 class="text" style="
color: #000000;
font-family:'Poppins', Helvetica, Arial, sans-serif;
font-size:16px;
font-weight:500;
font-style:normal;
letter-spacing:normal;
line-height:24px;
text-transform:none;
text-align: left;
padding:0;
margin: 39px 64px 0 64px;
">
<span style="
font-weight: 600;
float: left;
width: 100px;
">Name : </span><span><?php echo $name; ?></span><br>
<span style="
font-weight: 600;
float: left;
width: 100px;
">Email : </span><span><?php echo $email; ?></span><br>
<span style="
font-weight: 600;
float: left;
width: 200px;
">Phone Number :</span> <span><?php echo $phone?></span><br>
<span style="
font-weight: 600;
float: left;
width: 200px;
">Comment :</span> <span><?php echo $comment?></span><br>
</h4>
</td>
</tr>
<tr>
<td class="containtTable" align="center" valign="top" style="padding-left:20px;padding-right:20px;">
<table>
<tr>
<td>
<ul class="chat-icon">
<li><a href="javascript:;" style="text-decoration: none;color:#000"><i class="fa fa-whatsapp"></i></a></li>
<li><a href="javascript:;" style="text-decoration: none;color:#000"><i class="fa fa-twitter"></i></a></li>
<li><a href="javascript:;" style="text-decoration: none;color:#000"><i class="fa fa-facebook"></i></a></li>
<li><a href="javascript:;" style="text-decoration: none;color:#000"><i class="fa fa-instagram"></i></a></li>
</ul>
</td>
</tr>
</table>
<table class="tableButton" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="top" style="padding-top:20px; padding-bottom:50px;">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="ctaButton" align="center" style="background-color:#1c9dea;padding:15px 35px;"><a class="text" href="http://beatleanalytics.com/" target="_blank" style="color:#FFFFFF; font-family:'Poppins', Helvetica, Arial, sans-serif; font-size:13px; font-weight:600; font-style:normal;letter-spacing:1px; line-height:20px; text-transform:uppercase; text-decoration:none; display:block">Go To WebSite</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>