1

wanderer-00 · May 24, 2024 · f1305be · f1305be
1 parent 325e3eb
commit f1305be
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 166 deletions.
diff --git a/CSS/news.css b/CSS/news.css
@@ -1,21 +1,20 @@
 .wrapper {
-    width: 80%;
+    width: 70%;
     margin: auto;
 }
 
 .posts {
-/*    border: 1px solid red;*/
 }
 
 .posts > .post {
-    display: flex;
-    padding: 10px;
+    padding: 20px 10px 20px 0;
+    display: grid;
+    grid-template-columns: 260px 1fr;
 }
 
 .posts > .post > .poster {
     display: flex;
     height: 160px;
-    width: 360px;
     margin: 0 40px 0 0;
     border-radius: 8px;
     box-shadow: 0 2px 6px 0 rgba(0,0,0,0.6);

diff --git a/DATA/news.js b/DATA/news.js
@@ -42,28 +42,9 @@ var posts_data = [
     },
 
     {
-        "head": "",
-        "time": "",
-        "note": ""
-    },
-
-    {
-        "head": "",
-        "time": "",
-        "note": ""
-    },
-
-    {
-        "head": "",
-        "time": "",
-        "note": ""
-    },
-
-    {
-        "head": "",
-        "time": "",
-        "note": ""
-    },
-
+        "head": "🔪 Резка по дереву",
+        "time": "5 мая 2022",
+        "note": "Наша компания представляет вам возможность заказать резку по древесине. Изготовление сувенирных изделий или декоративных строительных материалов"
+    }
 
 ]
diff --git a/contacts.html b/contacts.html
@@ -42,9 +42,6 @@
                             <li>
                                 <a href="index.html" class="header_link">Главная</a>
                             </li>
-                            <li>
-                                <a href="tehnology.html" class="header_link">Технологии</a>
-                            </li>
                             <li>
                                 <a href="news.html" class="header_link">Новости</a>
                             </li>
@@ -78,7 +75,7 @@
             <!-- https://youtu.be/LKgDqdJP7BI -->
             <div class="map_box">
                 <font>Как нас найти? Всё просто</font>
-                <iframe class='map' src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d54040.64002793143!2d39.449936333748404!3d55.59787957464154!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x414badc32dfb4295%3A0x6ed3d43d6f945f53!2z0J3QmNCmINCi0Jsg0JvQotCU!5e0!3m2!1sru!2sru!4v1619866786270!5m2!1sru!2sru" width="800px" height="600px" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
+                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d54040.64002793143!2d39.449936333748404!3d55.59787957464154!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x414badc32dfb4295%3A0x6ed3d43d6f945f53!2z0J3QmNCmINCi0Jsg0JvQotCU!5e0!3m2!1sru!2sru!4v1619866786270!5m2!1sru!2sru" width="100%" height="800px" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
             </div>
             <!-- https://yandex.ru/search/?clid=2186621&text=ssl%20%D1%81%D0%B5%D1%80%D1%82%D0%B8%D1%84%D0%B8%D0%BA%D0%B0%D1%82%20%D0%B1%D0%B5%D1%81%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE%20%D0%B4%D0%BB%D1%8F%20%D1%81%D0%B0%D0%B9%D1%82%D0%B0&lr=10727&redircnt=1619534495.1 -->
         </div>

diff --git a/img/news/8.jpg b/img/news/8.jpg
diff --git a/index.html b/index.html
@@ -93,9 +93,6 @@
                             <li>
                                 <a href="index.html" class="header_link" style='color: var(--color);'>Главная</a>
                             </li>
-                            <li>
-                                <a href="tehnology.html" class="header_link">Технологии</a>
-                            </li>
                             <li>
                                 <a href="news.html" class="header_link">Новости</a>
                             </li>

diff --git a/news.html b/news.html
@@ -16,23 +16,21 @@
     <!-- ПОДКЛЮЧЕНИЕ ОСНОВНЫХ СТИЛЕЙ -->
     <link rel="stylesheet" href="CSS/style.css">
     <link rel="stylesheet" href="CSS/header.css">
-    
+
     <link rel="stylesheet" href="CSS/news.css">
     <title>Новости</title>
 
     <!-- ПОДКЛЮЧЕНИЕ JQUERY -->
     <script src='http://code.jquery.com/jquery-3.6.0.js'></script>
     <script src='JS/script.js'></script>
 
-    <style>
-        .wrapper div{
-        }
-    </style>
 </head>
+
 <body>
-    <div class="wrapper">
-        <!-- HEADER -->
-        <header class="header">
+
+    <!-- HEADER -->
+    <header class="header">
+        <div class="wrapper">
             <!-- ограничение ширины "HEADER" -->
             <div class="container">
                 <div class="header_body">
@@ -49,9 +47,6 @@
                             <li>
                                 <a href="index.html" class="header_link">Главная</a>
                             </li>
-                            <li>
-                                <a href="tehnology.html" class="header_link">Технологии</a>
-                            </li>
                             <li>
                                 <a href="news.html" class="header_link" style='color: var(--color);'>Новости</a>
                             </li>
@@ -68,27 +63,28 @@
                     </nav>
                 </div>
             </div>
-        </header>
-
-
-        <main style="color: #000;padding: 100px 20px">
-
-            <div class="wrapper">
-
-                <!-- Блок с постами -->
-                <div class="posts"></div>
-
-            </div>
-
-        </main>
+        </div>
+    </header>
+
+
+    <main style="color: #000;padding: 100px 20px">
+
+        <div class="wrapper">
+
+            <!-- Блок с постами -->
+            <div class="posts"></div>
+
+        </div>
+
+    </main>
+
 
 
-    </div>
 
 
     <!-- ПОДВАЛ -->
     <footer class="basement">
-
+        <div class="wrapper">
         <div class="basement_line">
             <div class="basement_item">
                 <h3>Контакты:</h3>
@@ -107,11 +103,11 @@ <h3>Местоположение:</h3>
         </div>
 
         <div class="copy"><a href='https://nris.ru/blog/chto-oznachaet-znak-kopirajta/'>&#169;</a> 2021 Официальный сайт компании «НИЦ ТЛ ЛТД»</div>
-
+        </div>
     </footer>
 </body>
 
-    <!-- Данные --><script type="text/javascript" src="DATA/news.js"></script>
-    <!-- Скрипт --><script type="text/javascript" src="JS/news.js"></script>
-
-</html>
+<!-- Данные -->
+<script type="text/javascript" src="DATA/news.js"></script>
+<!-- Скрипт -->
+<script type="text/javascript" src="JS/news.js"></script></html>
diff --git a/products.html b/products.html
@@ -32,9 +32,6 @@
                             <li>
                                 <a href="index.html" class="header_link">Главная</a>
                             </li>
-                            <li>
-                                <a href="tehnology.html" class="header_link">Технологии</a>
-                            </li>
                             <li>
                                 <a href="news.html" class="header_link">Новости</a>
                             </li>

diff --git a/services.html b/services.html
@@ -87,9 +87,6 @@
                             <li>
                                 <a href="index.html" class="header_link">Главная</a>
                             </li>
-                            <li>
-                                <a href="tehnology.html" class="header_link">Технологии</a>
-                            </li>
                             <li>
                                 <a href="news.html" class="header_link">Новости</a>
                             </li>

diff --git a/tehnology.html b/tehnology.html