<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
Do not amend those peices<br>
<div class="moz-signature">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,
initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous">
<!-- Line Icons -->
<link rel="stylesheet"
href="https://cdn.lineicons.com/1.0.1/LineIcons.min.css">
<style>
.body {
font-family: Trebuchet MS,sans-serif;
color: #333;
}
.container {
max-width: 500px;
margin-left: 10px;
}
.icon{
font-weight: bold;
color: #004b55;
}
.upper-row{
margin-top: 30px;
}
.logo{
max-width: 90px;
border-radius: 10px;
}
p {
font-size: 11px;
}
.name, .position, .address, .phone, .email, .social {
margin-bottom: 0;
}
.banner-image{
max-width: 100%;
margin-top: 20px;
}
.name{
font-size: 16px;
font-weight: 300;
color: #004b55;
}
.position span{
font-weight: bold;
color: #000;
}
.email a {
text-decoration: none;
}
.email a:hover {
text-decoration: none;
color: #004b55;
}
.social {
font-size: 28px;
}
.social a i.lni-github-original {
color: #000;
}
.social a i.lni-linkedin-original {
color: #0077B5;
}
.social a i.lni-medium {
color: #00abc6;
}
.social a i.lni-facebook-original {
color: #3C5A99;
}
.social a i.lni-twitter-original {
color: #1DA1F2;
}
.social a i.lni-reddit {
color: #FF4500;
}
.social a i.lni-slack {
color: #000;
}
.social a i.lni-stackoverflow {
color: #FF9900;
}
.social a:hover {
text-decoration: none;
}
.social a:hover i {
text-decoration: none;
color: #004b55;
}
</style>
<title></title>
<div class="container">
<div class="row upper-row">
<div class="col-sm-3"> <a href="https://imgbb.com/"><img
class="logo" src="https://i.ibb.co/9ZMk3LJ/mut-Copy.png"
alt="Mut-Con Logo" border="0"></a> </div>
<div class="col-sm-9">
<div class="row">
<p class="name"> Clement<span class="icon"></span> </p>
</div>
<div class="row">
<p class="position"> Head Advisor | <span class="icon">Mut-Con</span>
</p>
</div>
<div class="row">
<p class="address"> <span class="icon">A:</span> 222 Smit
Street, Braamfontein | Johannesburg, 2001 </p>
</div>
<div class="row">
<p class="phone"> <span class="icon">P:</span> +27 79 787
7136 | <span class="icon">C:</span> +27 65 839 6890 </p>
</div>
<div class="row">
<p class="email"> <span class="icon">E:</span> <a
href="mailto:clement@mut-con.co.za ">clement@mut-con.co.za
</a> | <span class="icon">W:</span> <a
href="https://mut-con.co.za">www.mut-con.co.za</a> | <span
class="icon">B:</span> <a
href="https://blog.mut-con.co.za">www.blog.mut-con.co.za</a>
</p>
</div>
<div class="row">
<p class="skype"> <span class="icon">Skype:</span>
cmuteto </p>
</div>
<div class="row">
<p class="social"> </p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12"> <a href="https://ibb.co/KKVywqM"><img
class="banner-image"
src="https://i.ibb.co/y4gsSyw/mut-con-banner.png"
alt="Mut-Con Email Banner" border="0"></a> </div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<MailScannerScript2773 script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></MailScannerScript2773>
<MailScannerScript2773 script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></MailScannerScript2773>
<MailScannerScript2773 script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></MailScannerScript2773>
</div>
</body>
</html>