-

index.html

@@ -59,15 +59,15 @@ <h1>Инструкции по работе с принтерами</h1>
                         <div>GRAPHTEC CE7000-60</div>
                     </a>
 
-                    <a href="ware/GRAPHTEC CE7000-60/index.html">
-                        <img src="img/graftec.jpg">
-                        <div>GRAPHTEC CE7000-60</div>
-                    </a>
-
                     <a href="ware/XP600/index.html">
                         <img src="ware/XP600/img/poster.png">
                         <div>DTF XP600</div>
                     </a>
+
+                    <a href="ware/GRAPHTEC CE7000-60/index.html">
+                        <img src="img/graftec.jpg">
+                        <div>GRAPHTEC CE7000-60</div>
+                    </a>
 
                     <a href="ware/VULCAN FC-500VC/index.html">
                         <img src="img/vulcan.jpg">

style.css

@@ -47,3 +47,26 @@ header {
     height: 300px;
     border: 1px solid red
 }
+
+.programs {
+    display: flex;
+    grid-gap: 20px;
+    text-align: center;
+}
+
+.programs a {
+    width: 100px;
+    display: block;
+    -webkit-box-shadow: var(--shadow);
+    -moz-box-shadow: var(--shadow);
+    box-shadow: var(--shadow);
+    padding: 8px;
+    border-radius: 8px;
+    &:hover {
+        background-color: #EEE;
+    }
+}
+
+.programs a img {
+    height: 60px;
+}

ware/UVDTF/index.html

@@ -20,7 +20,36 @@ <h1>COLORSUN UV DTF</h1>
                 <a href="https://www.color-sun.com/sdp/337300/4/pd-1485445/21107584-2969419/A3_Size_2_In_1_With_Laminator_Direct_To_Ab_Film_UV.html">Сайт производителя </a>
                 <p>Работоспособность машины сомнительная</p>
 
-                <h2>Файлы и программы</h2>
+                <h2>Программы для работы</h2>
+                <div class="programs">
+                    <a href="https://www.uv-printer.ru/service/software-download/">
+                        <div>
+                            <img src="../XP600/img/logo_programs/printexp.png" alt=""><br>
+                            <p>PrintExp</p>
+                        </div>
+                    </a>
+
+                    <a href="https://www.thinksai.com/products-flexi-dtfdtg/">
+                        <div>
+                            <img src="../XP600/img/logo_programs/product_manager.jpg" alt="">
+                            <p>Product Manager 19</p>
+                        </div>
+                    </a>
+
+                    <a href="https://www.coreldraw.com/en/">
+                        <div>
+                            <img src="../XP600/img/logo_programs/coreldraw.svg" alt="">
+                            <p>CorelDraw</p>
+                        </div>
+                    </a>
+
+                    <a href="https://www.adobe.com/ru/products/photoshop.html">
+                        <div>
+                            <img src="../XP600/img/logo_programs/photoshop.svg" alt="">
+                            <p>Photoshop</p>
+                        </div>
+                    </a>
+                </div>
 <pre>
 Операционная система: <a href="https://drive.google.com/file/d/1hzp1NbWG_6A65wKcboNnkrFJYTbLoo3A/view?usp=sharing">en_windows_10_version_1511_updated_feb_2016_x64_dvd_10586.iso</a>
 Риповщик: Vprint (<a href="https://colorart.ru/raster-image-processor/">что такое риповщик?</a>) [нужно спиздить статью и переписать]

ware/style.css

@@ -31,28 +31,7 @@ table td {
 	padding: 5px;
 }
 
-.programs {
-    display: flex;
-    grid-gap: 20px;
-    text-align: center;
-}
 
-.programs a {
-    width: 100px;
-    display: block;
-    -webkit-box-shadow: var(--shadow);
-    -moz-box-shadow: var(--shadow);
-    box-shadow: var(--shadow);
-    padding: 8px;
-    border-radius: 8px;
-    &:hover {
-        background-color: #EEE;
-    }
-}
-
-.programs a img {
-    height: 60px;
-}
 
 @media (orientation: portrait) {
     .wrapper     {