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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HTML Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap" rel="stylesheet">
<style>
body {
width: 100% !important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
line-height: 100%;
}
[style*="Montserrat"] {font-family: 'Montserrat', arial, sans-serif !important;}
img {
outline: none;
text-decoration: none;
border:none;
-ms-interpolation-mode: bicubic;
max-width: 100%!important;
margin: 0;
padding: 0;
display: block;
}
table td {
border-collapse: collapse;
}
table {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
.menu a{
font-weight: bold;
font-size: 14px;
line-height: 40px;
align-items: center;
text-align: center;
letter-spacing: 0.065em;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
}
.menu td {
padding-bottom:95px;
padding-right: 18px;
padding-left: 18px;
}
.sales-description p{
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 40px;
/* or 133% */
letter-spacing: 0.065em;
color: #000000;
}
.logo-sales img {
padding-left:43px;
padding-bottom:23px;
padding-top:23px;
}
.text-content-table {
padding-left:57px;
padding-right:53px;
padding-top:90px;
padding-bottom:175px;
}
.text-content-table p{
font-family: Montserrat;
font-style: italic;
font-weight: normal;
font-size: 18px;
line-height: 34px;
/* or 192% */
letter-spacing: 0.025em;
}
.button-img img{
border-radius: 5px;
}
.footer {
margin-bottom:50px;
</style>
</head>
<body style="margin: 0; padding: 0;">
<div style="font-size:0px;font-color:#ffffff;opacity:0;visibility:hidden;width:0;height:0;display:none;">Тестовое письмо</div>
<table cellpadding="0" cellspacing="0" width="100%" background="img/pattern.jpg">
<tr>
<td>
<table class="main table-600" cellpadding="0" cellspacing="0" width="600" align="center" >
<tr>
<td height="60" width="600"></td>
</tr>
<tr>
<td class="header-td">
<table class="banner-table" cellpadding="0" cellspacing="0" width="600" height="520" align="center" background="img/banner.jpg" style="border-radius: 10px 10px 0px 0px;" >
<tr>
<td class="menu" align="center">
<table class="table-500" cellpadding="0" cellspacing="0" width="500" height="30" align="center">
<tr>
<td class="menu" align="center">
<table cellpadding="0" cellspacing="0">
<tr>
<td><a href="https://www.boogie-shop.ru/catalog/bongi" style="font-family: Arial, Helvetica, sans-serif, 'Montserrat';">Бонги</a></td>
<td><a href="https://www.boogie-shop.ru/catalog/trubki" style="font-family: Arial, Helvetica, sans-serif, 'Montserrat';">Трубки</a></td>
<td><a href="https://www.boogie-shop.ru/catalog/samokrutki" style="font-family: Arial, Helvetica, sans-serif, 'Montserrat';">Бумажки</a></td>
<td class="td-4"><a href="https://www.boogie-shop.ru/catalog/vaporayzery" style="font-family: Arial, Helvetica, sans-serif, 'Montserrat';">Вапорайзеры</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="banner-menu" bgcolor="#FBF200">
<table class="sales" cellpadding="0" cellspacing="0" width="600" height="148">
<tr>
<td align="left" class="logo">
<table class="logo-sales" cellpadding="0" cellspacing="0" width="100" height="102">
<tr>
<td>
<img src="img/sun5.png" alt="" width="100" height="102" />
</td>
</tr>
</table>
</td>
<td align="center" class="sales-description" >
<table class="description" cellpadding="0" cellspacing="0" width="376" height="97" align="center" style="font-family: Arial, Helvetica, sans-serif, 'Montserrat';">
<tr>
<td>
<p>Летняя распродажа<br />в Boogie Shop
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="text-content" bgcolor="#FFFFFF">
<table class="text-content-table" cellpadding="0" cellspacing="0" width="600" height="485" align="center">
<tr>
<td align="center">
<table class="text-content-size" cellpadding="0" cellspacing="0" width="480" height="265" align="center" >
<tr>
<td>
<p class="hello" style="font-family: Arial, Helvetica, sans-serif, 'Montserrat'; font-style: italic;">
Друзья, привет!</p>
<p style="font-family: Arial, Helvetica, sans-serif, 'Montserrat'; font-style: normal;">
С 22 по 26 июля покупайте любые девайсы и аксессуары со скидкой <i>до 30%</i> — сделайте свой<br /> летний отдых ярче и приятней с <i>Boogie Shop!</i></p>
<p style="font-family: Arial, Helvetica, sans-serif, 'Montserrat'; font-style: normal;">
Скидки действуют на все товары в<br /> интернет-магазине, а также в <a href="#">офлайн-магазинах</a> Boogie Shop в Москве и Санкт-Петербурге.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="button-img" align="center">
<a href="#">
<img src="img/button.png" alt="button" width="280px" height="60px" />
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Как сделать так же,как и наверху отступ?
наверху сделано с помощью указания высоты шапки.
