diff --git a/dazl.png b/dazl.png
new file mode 100644
index 0000000..8ca1beb
Binary files /dev/null and b/dazl.png differ
diff --git a/index.html b/index.html
index 0aeffb4..cf329f7 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,30 @@
-﻿<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="ru>">
     <head>
         <meta charset="UTF-8">
-        <title>E-mail</title>
+        <title>Artem</title>
     </head>
     <body style="margin: 0;">
-        <table
+        <div
+        style="
+            background: url(mockup.png) center top no-repeat;
+            background-size: 580px 1032px;
+            width: 580px;
+            height: 1032px;
+            position: absolute;
+            top: 0;
+            right: 0;
+            left: 0;
+            bottom: auto;
+            margin: auto;
+            opacity: 0.3;
+            display: none;"
+    ></div>
+   <table
         style="
         margin: 0 auto;
-        width: 680px;
-        padding: 0 80px;
+        width: 672px;
+        padding: 0 70px;
         border-spacing: 0;
         "
         >
@@ -19,7 +34,7 @@
                     style="
                     font-family: 'Georgia', serif;
                     font-weight: normal;
-                    font-size: 30px;
+                    font-size: 32px;
                     line-height: 1.2em;
                     padding: 40px 60px;
                     margin: 0px;
@@ -39,7 +54,7 @@
             "
         >
         <tr>
-            <td style="padding: 30px;">
+            <td style="padding: 26px;">
                 <img 
                 src="retina.png"
                 alt="retina"
@@ -49,10 +64,10 @@
               "
                 >
             </td>
-            <td style="font: normal 18px/1.5em Arial, sans-serif; padding: 30px 50px 30px 0; vertical-align: top;">
+            <td style="font: normal 19.4px/1.5em Arial, sans-serif; padding: 18px 50px 30px 6px; vertical-align: top;">
     Сделаем картинки под ретину,
-    что бы не расплывались на новых 4К мониторах,
-    МакБуках или Айфонах    
+    <br>что бы не расплывались на новых 4К мониторах,
+МакБуках<br> или Айфонах    
             </td>
             </td>  
         </tr>
@@ -66,18 +81,14 @@
            <table
         style="
         margin: 0 auto;
-        width: 680px;
-        padding: 0 80px;
+        width: 674px;
+        padding: 0 70px;
         border-spacing: 0;
         "
         >
         <tr>
-            <td>
-                <h1
-                    
-                    
+            <td style="height: 10px; padding: 0">
                 
-                </h1>
            </td>
        </tr>
 
@@ -89,7 +100,7 @@
             "
         >
         <tr>
-            <td style="padding: 30px;">
+            <td style="padding: 30px 29px 37px;">
                 <img 
                 src="copies.png"
                 alt="copies"
@@ -99,11 +110,11 @@
               "
                 >
             </td>
-            <td style="font: normal 18px/1.5em Arial, sans-serif; padding: 30px 50px 30px 0; vertical-align: top;">
-    Следим за отображением вёрстки
+            <td style="font: normal 19px/1.5em Arial, sans-serif; padding: 31px 50px 30px 6px; vertical-align: top;">
+    Следим за отображением вёрстки<br>
 в приложениях: Яндекс Почта,
-Gmail, Почта Mail.Ru, Thunderbird,
-Outlook, Почта от Apple.
+<br>Gmail, Почта Mail.Ru, Thunderbird,
+<br>Outlook, Почта от Apple.<br>
 Сводим различия к минимуму.
             </td>
             </td>  
@@ -118,18 +129,14 @@
            <table
         style="
         margin: 0 auto;
-        width: 680px;
-        padding: 0 80px;
+        width: 673px;
+        padding: 0 70px;
         border-spacing: 0;
         "
         >
         <tr>
             <td>
-                <h1
-                    
-                    
-                
-                </h1>
+                <td style="height: 10px; padding: 0">
            </td>
        </tr>
 
@@ -141,23 +148,23 @@
             "
         >
         <tr>
-            <td style="padding: 30px;">
+            <td style="padding: 0px 33px 55px 30px;">
                 <img 
-                src="retane.jpg"
-                alt="retine"
+                src="dazl.png"
+                alt="dazl"
                 style="
                 width: 110px;
                 display: block;
               "
                 >
             </td>
-            <td style="font: normal 18px/1.5em Arial, sans-serif; padding: 30px 50px 30px 0; vertical-align: top;">
+            <td style="font: normal 18.6px/1.5em Arial, sans-serif; padding: 26px 50px 30px 1px; vertical-align: top;">
     Позаботимся о типографике.
-Правильно расставим
-неразрывные пробелы,
-ёлочки-кавычки, короткие
+Правильно расставим<br>
+неразрывные пробелы,<br>
+ёлочки-кавычки, короткие<br>
 и длинные тире, дефисы и минусы.
-Высоты строк возьмём
+Высоты строк возьмём<br>
 с дизайн-макетов.
             </td>
             </td>  
@@ -176,15 +183,7 @@
         border-spacing: 0;
         "
         >
-        <tr>
-            <td>
-                <h1
-                    
-                    
-                
-                </h1>
-           </td>
-       </tr>
+        
 
        <tr>
            <td style="padding: 0;">
@@ -198,8 +197,8 @@
               "
                 >
             </td>
-            <td style="font: normal 18px/1.3em Arial, sans-serif; padding: 20px 50px 1px 0; vertical-align: top;">
-                   Кто будет делать и сколько стоит?
+            <td style="font: normal 17.3px/1.5em Georgia, sans-serif; padding:  31px 50px 1px 1px; vertical-align: top; color: #575656;" >
+                  <strong style="padding:inherit"> Кто будет делать и сколько стоит? </strong>
 
               
 
@@ -219,16 +218,8 @@
         padding: 0 0px;
         border-spacing: 0;
         "
-        >
-        <tr>
-            <td>
-                <h1
-                    
-                    
+ >
                 
-                </h1>
-           </td>
-       </tr>
 
        <tr>
            <td style="padding: 0;">
@@ -242,11 +233,11 @@
               "
                 >
             </td>
-            <td style="font: normal 18px/1.3em Arial, sans-serif; padding: 0px 45px 1px 45px; vertical-align: top;">
-                    Я обучаю людей верстать и сейчас ищу реальные
-задачи для новичков, поэтому работа будет сделана
-под моим руководством и бесплатно.
-От вас нужны только дизайн-макеты.
+            <td style="font: normal 17px/1.3em Arial, sans-serif; padding: 2px 45px 0px 11px; vertical-align: top; color: #575656;">
+                    Я обучаю людей верстать и сейчас ищу реальные<br>
+задачи для новичков, поэтому работа будет сделана<br>
+под моим руководством и бесплатно.<br>
+От вас нужны только дизайн-макеты. 
 
               
 
@@ -281,7 +272,7 @@
            <td style="padding: 0;">
         
         <tr>
-            <td style="padding: 30px;">
+            <td style="padding: 30px 30px 30px 20px;">
                 <img 
                  style="
                 width: 11px;
@@ -289,9 +280,9 @@
               "
                 >
             </td>
-            <td style="border-top: 1px solid #e3e3e3;font: normal 18px/1.em Arial, sans-serif; padding: 0px 41px; vertical-align: top;">
-                    Вероятно, при сотрудничестве со мною, ваш бренд попадёт в ролик
-курса на YouTube. Если вам это не интересно, просто проигнорируйте
+            <td style="border-top: 1px solid #e3e3e3;font:  normal 10px/1.em Arial, sans-serif; padding: 9px 32px 30px; vertical-align: top; color: #575656">
+                    Вероятно, при сотрудничестве со мною, ваш бренд попадёт в ролик<br>
+курса на YouTube. Если вам это не интересно, просто проигнорируйте<br>
 это сообщение. Спасибо за внимание :) 
 
             </td>
@@ -302,5 +293,4 @@
        </tr>
         </table>
     </body>
-</html> 
- 
\ No newline at end of file
+</html> 
\ No newline at end of file
diff --git a/mockup.png b/mockup.png
new file mode 100644
index 0000000..2f2ac17
Binary files /dev/null and b/mockup.png differ
diff --git a/retane.jpg b/retane.jpg
deleted file mode 100644
index 0b66bf1..0000000
Binary files a/retane.jpg and /dev/null differ
diff --git a/retina.png b/retina.png
index 9352709..bad15e5 100644
Binary files a/retina.png and b/retina.png differ

- -
+		- Следим за отображением вёрстки +	+ Следим за отображением вёрстки в приложениях: Яндекс Почта, -Gmail, Почта Mail.Ru, Thunderbird, -Outlook, Почта от Apple. + Gmail, Почта Mail.Ru, Thunderbird, + Outlook, Почта от Apple. Сводим различия к минимуму.
- +
+		+	Позаботимся о типографике. -Правильно расставим -неразрывные пробелы, -ёлочки-кавычки, короткие +Правильно расставим +неразрывные пробелы, +ёлочки-кавычки, короткие и длинные тире, дефисы и минусы. -Высоты строк возьмём +Высоты строк возьмём с дизайн-макетов.
- -
@@ -198,8 +197,8 @@ " >	- Кто будет делать и сколько стоит? +	+ Кто будет делать и сколько стоит? @@ -219,16 +218,8 @@ padding: 0 0px; border-spacing: 0; " - > -
- - -
@@ -242,11 +233,11 @@ " >	- Я обучаю людей верстать и сейчас ищу реальные -задачи для новичков, поэтому работа будет сделана -под моим руководством и бесплатно. -От вас нужны только дизайн-макеты. +	+ Я обучаю людей верстать и сейчас ищу реальные +задачи для новичков, поэтому работа будет сделана +под моим руководством и бесплатно. +От вас нужны только дизайн-макеты. @@ -281,7 +272,7 @@
+		- Вероятно, при сотрудничестве со мною, ваш бренд попадёт в ролик -курса на YouTube. Если вам это не интересно, просто проигнорируйте +	+ Вероятно, при сотрудничестве со мною, ваш бренд попадёт в ролик +курса на YouTube. Если вам это не интересно, просто проигнорируйте это сообщение. Спасибо за внимание :)