From 5c1a639e563be1146da8121f7cebaadb39bbfcb4 Mon Sep 17 00:00:00 2001
From: "arlemp@selectel.ru" <arlemp@selectel.ru>
Date: Thu, 23 Dec 2021 22:44:35 +0300
Subject: [PATCH] add contacts mobile menu

---
 blocks/gamburger.php      | 14 +++++++++++++-
 blocks/social-buttons.php | 16 ++++++++++++++++
 footer.php                | 13 -------------
 header.php                |  2 +-
 index.php                 | 15 +++++++++++++++
 style.css                 | 24 +++++++++++++++++++++++-
 6 files changed, 68 insertions(+), 16 deletions(-)
 create mode 100644 blocks/social-buttons.php

diff --git a/blocks/gamburger.php b/blocks/gamburger.php
index 58941a7..a35b1f1 100644
--- a/blocks/gamburger.php
+++ b/blocks/gamburger.php
@@ -26,8 +26,20 @@ else{
         <?foreach ($menu_items as $item):?>
             <li><a href="<?=$item->url?>"><?=$item->title?></a></li>
         <?endforeach?>
+      
     </ul>
-</div>        
+</div>   
+
+<div class="mob_menu_contacts">
+      <div class="mob_menu_tel">+7 (495) 925 06 34</div>
+      <div class="mob_menu_mail"><a href="maito:info@vetandlife.ru">info@vetandlife.ru</a></div>      
+</div>    
+
+<div class="mob_menu_info"> 
+    <?php include get_template_directory().'/blocks/mobile-gazeta.php';?>
+    <?php include get_template_directory().'/blocks/mobile-subscript.php';?>
+    <?php include get_template_directory().'/blocks/social-buttons.php';?>
+</div>
            
                 <?php /**wp_nav_menu( array( 
                     'container_class' => 'main_main', 
diff --git a/blocks/social-buttons.php b/blocks/social-buttons.php
new file mode 100644
index 0000000..d5b7a59
--- /dev/null
+++ b/blocks/social-buttons.php
@@ -0,0 +1,16 @@
+<div id="socials">
+        
+            
+            <a href="https://vk.com/vizhuvizh" target="_blank"><i style="color: #3B83B5;" class="fab fa-vk btn_soc"></i></a>
+            <a href="https://www.facebook.com/vetandlife/" target="_blank"><i style="color: #3B83B5;" class="fab fa-facebook-square btn_soc"></i></a>
+            <a href="https://t.me/ViZHuvizh" target="_blank"><i style="color: #3B83B5;" class="fab fa-telegram-plane btn_soc"></i></a>
+            <a href="https://www.youtube.com/channel/UCGRWr7wG8zxFBMMKdPzYPUQ" target="_blank"><i style="color: red;" class="fab fa-youtube btn_soc"></i></a>
+            <a href="https://www.instagram.com/vet_and_life/?igshid=14wtpyo4zusm7" target="_blank"><i style="color: orange;" class="fab fa-instagram btn_soc"></i></a>
+            
+          
+            <!-- <div class="btn soc_vk"></div>
+            <div class="soc_btn soc_fb"></div>
+            <div class="soc_btn soc_telegram"></div>
+            <div class="soc_btn soc_youtube"></div>
+            <div class="soc_btn soc_instagram"></div> -->
+        </div>  
\ No newline at end of file
diff --git a/footer.php b/footer.php
index 444d9a6..af82108 100644
--- a/footer.php
+++ b/footer.php
@@ -110,19 +110,6 @@
   <?php include get_template_directory().'/blocks/mobile-gazeta.php';?>
 
 
-  <div class="mobile-info">
-            <a href="https://www.youtube.com/channel/UCOXOjXmMNl8eVO4ldrv5c5Q" target="_blank">       
-                <img src="https://vetandlife.ru/wp-content/uploads/2021/10/melano-live.png" width="240" height="200" /> 
-            </a>
-    
-</div>   
-
-<div class="mobile-info">
-    <a href="https://vetandlife.ru/category/sdelano-chestno/?utm_medium=banner&utm_campaign=mobile&utm_source=site" target="_blank">       
-        <img src="https://vetandlife.ru/wp-content/uploads/2021/12/fair_240x200.jpg" width="240" height="200" /> 
-    </a>    
-</div> 
-
 <div class="mobile-info">
     <a href="https://vetandlife.ru/parthers/v-fgbu-vgnki-razrabotan-metod-odnovremennogo-opredeleniya-v-kormah-bolee-120-lekarstvennyh-sredstv-primenyaemyh-v-zhivotnovodstve-antibiotikov-i-antiprotozojnyh-preparatov/" target="_blank">       
         <img src="https://vetandlife.ru/wp-content/uploads/2021/12/vgnki_240x200.jpg" width="240" height="200" /> 
diff --git a/header.php b/header.php
index 089453e..5295016 100644
--- a/header.php
+++ b/header.php
@@ -4,7 +4,7 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <title><?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?></title>
-        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=116">
+        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=118">
         <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/jquery-3.6.0.min.js"></script>
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/golos.js"></script>
diff --git a/index.php b/index.php
index b1d73f7..a02c485 100644
--- a/index.php
+++ b/index.php
@@ -71,9 +71,24 @@ $nn = 0;?>
 
 
 <?get_template_part( '/blocks/opinion', null, ['subclass' => 'mob-lite']);?>
+
 <?get_template_part( '/blocks/citats', null, ['subclass' => 'mob-lite']);?>
+
+<div class="mobile-info">
+            <a href="https://www.youtube.com/channel/UCOXOjXmMNl8eVO4ldrv5c5Q" target="_blank">       
+                <img src="https://vetandlife.ru/wp-content/uploads/2021/10/melano-live.png" width="240" height="200" /> 
+            </a>
+    
+</div>  
+
 <?get_template_part( '/blocks/mosts', null, ['subclass' => 'mob-lite']);?>
 
+<div class="mobile-info">
+    <a href="https://vetandlife.ru/category/sdelano-chestno/?utm_medium=banner&utm_campaign=mobile&utm_source=site" target="_blank">       
+        <img src="https://vetandlife.ru/wp-content/uploads/2021/12/fair_240x200.jpg" width="240" height="200" /> 
+    </a>    
+</div> 
+
 
 
 </div>  <!-- end content -->
diff --git a/style.css b/style.css
index ede27c1..c1d7c7f 100644
--- a/style.css
+++ b/style.css
@@ -1921,7 +1921,7 @@ span.rub_back_title{
   border-bottom: 1px solid #F5F5F5;
   margin-top: 22px;
   padding-bottom: 22px;
-  margin-bottom: 8px;
+  margin-bottom: 28px;
 } 
 
   #gamburer_menu a{
@@ -2089,6 +2089,28 @@ span.rub_back_title{
     margin-top: 12px;
   }  
 
+  .mob_menu_info{
+    padding-top: 22px;
+    padding-bottom: 42px;
+  }
+
+  .mob_menu_contacts{
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+    margin-left: 36px;
+    margin-right: 36px;
+    padding-top: 22px;
+    margin-bottom: 42px;
+  }
+
+  .mob_menu_tel{
+    font-weight: bold;
+  }
+
+  .mob_menu_mail a{
+    color: #2D9CDB;
+  }
 
   .post-h1{
     font-weight: 24px;