Техническое задание: Верстка HTML-письма для email-рассылки

Требуется опытный веб-разработчик для правки и доработки HTML-шаблона письма, предназначенного для массовой email-рассылки.

Основная задача

Необходимо получить такой код письма, который будет корректно и предсказуемо отображаться в различных почтовых клиентах и на разных устройствах.

Ключевые требования

  • Адаптивная и кросс-платформенная верстка письма.
  • Оптимизация HTML-кода для email-клиентов (Gmail, Outlook, Яндекс.Почта, Mail.ru и др.).
  • Использование inline-стилей и табличной верстки, где это необходимо для совместимости.
  • Проверка корректного отображения на мобильных устройствах.
  • Чистый, хорошо структурированный код.

Ожидаемый результат

Готовый, протестированный HTML-файл письма, готовый к использованию в сервисах массовых рассылок.

код

Парсинг заголовков сайтов из списка URL

Требуется автоматизировать сбор HTML-тегов с 800 веб-сайтов. Исходные ссылки находятся в таблице, результат нужно вывести в соседнюю колонку.</p> </div> </article> <article class="card"> <div class="card-body"> <div class="meta"> <span><a href="/categories/kod-7">код</a></span> </div> <h3> <a href="/offers/poisk-skrytogo-endpointa-dlya-polucheniya-video-bez-vodyanogo-znaka-10464">Поиск скрытого эндпоинта для получения видео без водяного знака</a></h3> <p>Требуется провести исследование веб-сервиса видеогенератора для обнаружения недокументированного маршрута (роута), который позволяет получать ссылки на сгенерированные видео без фирменного водяного знака. Задача носит исследовательский характер.</p> </div> </article> <article class="card"> <div class="card-body"> <div class="meta"> <span><a href="/categories/kod-na-javascript-20">код на javascript</a></span> </div> <h3> <a href="/offers/razrabotka-veb-avatara-s-animatsiey-gub-i-bazovoy-animatsiey-54431">Разработка веб-аватара с анимацией губ и базовой анимацией</a></h3> <p>Создание полустатичного женского аватара для веб-интеграции с синхронизацией движений губ под аудио, базовой фоновой анимацией и простым API управления.</p> </div> </article> </div> </div> </main> <!-- Footer --> <footer id="contacts"> <div class="container" style="display:grid; gap:14px"> <div style="display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap"> <div class="ft-row"> <div class="logo" style="margin-bottom:8px"> <div class="logo-badge">F</div> <span>flaks.pro</span> </div> </div> <div class="nav" style="display:flex; gap:14px; flex-wrap:wrap"> <a onclick="gogogo('/')" href="#">Главная</a> <a onclick="gogogo('/blogs')" href="#">Блог</a> <a onclick="gogogo('/auth')" href="#">Войти</a> </div> </div> <div class="ft-row right-float"> <small> <a onclick="gogogo('/agreements/soglasie-na-obrabotku-personalnyh-dannyh')" href="#">Согласие на обработку персональных данных</a></small> <small> <a onclick="gogogo('/agreements/polzovatelskoe-soglashenie')" href="#">Пользовательское соглашение</a></small> <small> <a onclick="gogogo('/agreements/politika-konfidentsialnosti')" href="#">Политика конфиденциальности</a></small> </div> <div class="ft-row"> <small>© <span id="year">2025</span> flaks. Все права защищены.</small> <small>Поддержка: <a href="mailto:support@flaks.pro">support@flaks.pro</a></small> </div> </div> </footer> <!-- Yandex.Metrika counter --> <script type="text/javascript"> (function(m,e,t,r,i,k,a){ m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a) })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=105693587', 'ym'); ym(105693587, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", accurateTrackBounce:true, trackLinks:true}); </script> <noscript><div><img src="https://mc.yandex.ru/watch/105693587" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </body> </html>