بهم ریختن قالب ایمیل هنگام دریافت

kaboom · دی 93

سلام خسته نباشید دوستان

من این قالب ایمیل رو نوشتم وقتی ایمیلش می کنم قالب بهم میریزه

ممنون میشم اشتباهاتشو بگین مشکل از چیه

دوستان اگر کسی هم با هزینه اینکارو انجام میده هیچ مشکلی نداره

فقط خواهش می کنم حل بشه مشکل امروز

فایل اصلی رو هم پیوست کردم


<html>
<head>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href='http://fonts.googleapis.com/css?family=Droid+Arabic+Kufi:400,600' rel='stylesheet' type='text/css'>
  <style type="text/css">
.middle {
width: 923px;
margin: 0 auto;
position: relative;
}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form, ul, li {
margin: 0;
padding: 0;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #999999
}
img {
border: none
}
body {
font-family: tahoma;
font-size: 11px;
text-align: left;
color: #000;
margin: 0;
padding: 0;
line-height: 17px;
direction: ltr;
}
input[type=submit] {
cursor: pointer;
}
</style>
</head>
<body>
<div style="width: 923px;margin: 0 auto;position: relative;"">
  <div style=" background: url(http://www.technodeals.sg/email/image/header.png) no-repeat; width: 923px;height: 485px;">
    <div style="background: url(http://www.technodeals.sg/email/image/logo2.png) no-repeat;width: 100px;height: 100px;float: left;margin: 90px 0 0 190px;"></div>
    <h2 style="font-size: 44px;color: #000000;float: left;margin: 98px 0 0 40px;font-weight: normal;">MoneyMo<span style="font-size: 25px;color: #ffffff;word-spacing: 30px;">(QMT)</span></h2>
    <br>
    <p style="font-size: 70px;color: #FFFFFF;margin-left: -260px;margin-top: 160px;float: left;position: relative;">& </p>
    <p style="float: left;margin: 130px 0 0 -200px;line-height: 27px;font-size: 20px;"> Quick Money Transfer App <br>
	  Portal for Money Changers<br>
	  Remit Offices</p>
    <p style="float: left;color: #FFFFFF;margin: 220px 0 0 -290px;text-align: justify;font-size: 13px;width: 287px;height: 180px;" > MoneyMo is a professional end to end software & application developed & tailored specially for Money changers to receive fund transfer orders directly from their customers smart phone without having them to travel long journey to their office.</p>

  </div>
  <!--Header-->
  <div style="float: left;width: 500px;height: 500px;">

    <!--Left-->
    <div style="background: url(image/monet.png) no-repeat;width: 266px;height: 113px;float: left;position: relative;left: 90px;top: -110px;"></div>
    <p style="text-align: center;position: relative;float: left;left: 80px;color: #3c3c3c;font-size: 15px;font-family: Helvetica Regular, tahoma, arial;line-height: 20px;"> Sign up now and Get a FREE iPad mini <span style="color: #FF0004;">Limited time</span> only!<br>
	  We manage all aspects of the PIC & iSpring application <br>
	  process for you free!</p>
    <div style="background: url(http://www.technodeals.sg/email/image/mac.png) no-repeat;width: 394px;height: 318px;position: relative;left: 70px;top: 80px"></div>
    <h3 style=" position:relative; top:120px; left:102px; color:#00204f; font-weight:normal; font-size:15px;">Transaction Types</h3>
    <div style=" position: relative;top: 140px;left: 100px;direction: ltr;float: left;text-align: left;height: 20px;"><!--Transaction-->

	  <div style="float:left;">
	  <ul>
	    <li style="list-style: none;color: #3c3c3c;line-height: 25px;">
		  <p>- Bill Payments</p>
	    </li>
	    <li style="list-style: none;color: #3c3c3c;line-height: 25px;">
		  <p>- Self Collection </p>
	    </li>
	    <li style="list-style: none;color: #3c3c3c;line-height: 25px;">
		  <p>- Door to Door</p>
	    </li>
	    </div>
	  </ul>
	  <div style="float:right; position:relative;left:70px;">
	    <ul>
		  <li style="list-style: none;color: #3c3c3c;line-height: 25px;">- Bank to Bank</li>
		  <li style="list-style: none;color: #3c3c3c;line-height: 25px;">- Wester Union ( Optional )</li>
		  <li style="list-style: none;color: #3c3c3c;line-height: 25px;">- Wester Union ( Optional )</li>
	    </ul>
	  </div>
    </div>
    <!--Transaction-->
  </div>
  <!--Left-->
  <div style="float: right;width: 300px;height: 600px;border: 2px solid #eae4f1;margin: 10px 30px 0 0;">
    <h3 style=" color: #FF0004;font-weight: normal;text-align: center;margin: 0 auto;position: relative;top: 20px;">Call us today</h3>
    <p style="padding:40px 0 0 10px;">Peyman : 97577740<br>
	  Jerline   : 91199558</p>
    <p style="float:right; margin:-34px 10px 0 0;color: #3c3c3c ">Techno Deals PTE LTD<br>
	  info@Technodeals.sg<br>
	  www.moneymo.sg</p>
    <div style=" background: url(http://www.technodeals.sg/email/image/ipad.png) no-repeat center;width: 152px;height: 226px;margin: 0 auto;position: relative;top: 40px;"></div>
    <div style=" background: url(http://www.technodeals.sg/email/image/technologo.png) no-repeat center;width: 128px;height: 67px;margin: 0 auto;position: relative;top: 70px;"></div>
    <h2 style="color: #0d5b79;font-weight: normal;text-align: center;margin: 0 auto;position: relative;top: 90px;">Private Label App</h2>
    <p align="center" style="margin-top:100px; color:#494949;">MoneyMo app will be customized <br>
	  with your logo and content.</p>
  </div>
  <!--Right-->
  <h3 style="background: url(http://www.technodeals.sg/email/image/star.png) left no-repeat;display: table;position: relative;top: 108px;padding-left: 24px;font-weight: normal;font-size: 19px;color:#00204f;">Features</h3>
  <div style="background-color: #eae4f0;width: 100%;height: 150px;display: table;position: relative;top: 20px;">
    <div style=" float:left;">
	  <ul style="margin-top: 20px;margin-left: 74px;">
	    <li style=" background: url(http://www.technodeals.sg/email/image/liststyle.png) left no-repeat;padding-left: 10px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Multi Banks</li>
	    <li style=" background: url(http://www.technodeals.sg/email/image/liststyle.png) left no-repeat;padding-left: 10px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Multi Currincies</li>
	    <li style=" background: url(http://www.technodeals.sg/email/image/liststyle.png) left no-repeat;padding-left: 10px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Multi Countries</li>
	    <li style=" background: url(http://www.technodeals.sg/email/image/liststyle.png) left no-repeat;padding-left: 10px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Multi Beneficiares </li>
	  </ul>
    </div>
    <div style="float:left;">
	  <ul style=" margin-top: 20px;margin-left: 74px;">
	    <li style=" background: url(http://www.technodeals.sg/email/image/liststyle.png) left no-repeat;padding-left: 15px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">
		  <p >Programmable Transaction type and limits</p>
	    </li>
	    <li style=" background: url(image/liststyle.png) left no-repeat;padding-left: 15px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Automatic notifications to both senders and receivers</li>
	    <li style=" background: url(image/liststyle.png) left no-repeat;padding-left: 15px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Many other useful and convenient features</li>
	    <li style=" background: url(image/liststyle.png) left no-repeat;padding-left: 15px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Reports for both customers and the money changers</li>
	  </ul>
    </div>
    <div style="float:right">
	  <ul style=" margin-top: 20px;margin-left: 74px;">
	   <li style=" background: url(http://www.technodeals.sg/email/image/liststyle.png) left no-repeat;padding-left: 15px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Multi Banks</li>
	    <li style=" background: url(http://www.technodeals.sg/email/image/liststyle.png) left no-repeat;padding-left: 15px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Multi Currincies</li>
	    <li style=" background: url(http://www.technodeals.sg/email/image/liststyle.png) left no-repeat;padding-left: 15px;margin-left: 10px;list-style: none;margin: 15px 73px 10px 2px;">Multi Countries</li>
	  </ul>
    </div>
    <!--float right-->
  </div>
  <!--features-->
  <div class="special"> <!--special-->
    <ul style="margin: 20px;">
	  <li style="width: 250px;float: right;margin: 40px 20px 20px 20px;list-style: none;"><img src="http://www.technodeals.sg/email/image/block3.png"/>
	    <h4 style=" color: #783378;font-size: 20px;font-weight: normal;display: block;text-align: center;padding: 20px 0 10px 0;">Safe & Secure system!</h4>
	    <p style=" color: #787878;font-size: 13px;padding: 10px;line-height: normal;line-height: 20px;text-align: justify;">It is very quick and easy to transfer money once your customer account is set up, they will be able to send order for bill payments or transfer money to their love ones, door to door, collection or bank to bank transfer and etc at the touch of their smart phones.</p>
	  </li>
	   <li style="width: 250px;float: right;margin: 40px 20px 20px 20px;list-style: none;"><img src="http://www.technodeals.sg/email/image/block2.png"/>
	    <h4 style=" color: #783378;font-size: 20px;font-weight: normal;display: block;text-align: center;padding: 20px 0 10px 0;">Innovative Software!</h4>
	   <p style=" color: #787878;font-size: 13px;padding: 10px;line-height: normal;line-height: 20px;text-align: justify;">It is an innovative software that increases productivity and efficiency of your business as well as your customers experiences and you will gain their satisfaction instantly.</p>
	  </li>
	   <li style="width: 250px;float: right;margin: 40px 20px 20px 20px;list-style: none;"><img src="http://www.technodeals.sg/email/image/block1.png"/>
	    <h4 style=" color: #783378;font-size: 20px;font-weight: normal;display: block;text-align: center;padding: 20px 0 10px 0;">Quick & Easy!</h4>
	    <p style=" color: #787878;font-size: 13px;padding: 10px;line-height: normal;line-height: 20px;text-align: justify;">It is safe and secure systems
		  conform to the highest safety
		  standards. </p>
	  </li>
    </ul>
  </div>
  <!--special-->
  <div style=" background: url(http://www.technodeals.sg/email/image/footer.png) no-repeat center;width: 923px;height: 63px;display: table;"></div>
  <!--Footer-->
</div>
<!--Middle-->
</body>
</html>

ورود

بهم ریختن قالب ایمیل هنگام دریافت

پست های پیشنهاد شده

kaboom 17

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها