diff --git a/docs/docs/Nachalo-raboty.md b/docs/docs/Nachalo-raboty.md
index 2bee76b1ee..c73d722001 100644
--- a/docs/docs/Nachalo-raboty.md
+++ b/docs/docs/Nachalo-raboty.md
@@ -18,6 +18,7 @@ sidebar_position: 1
 <a href="/docs/Twitter/"><img src={require('../static/img/APIs/Twitter.png').default} width='32px'/> </a>
 <a href="/docs/Notion/"><img src={require('../static/img/APIs/Notion.png').default} width='32px'/> </a>
 <a href="/docs/Yandex_Disk/"><img src={require('../static/img/APIs/YandexDisk.png').default} width='32px'/> </a>
+<a href="/docs/Google_Calendar/"><img src={require('../static/img/APIs/GoogleCalendar.png').default} width='32px'/> </a>
 
 ## Начало работы
 
diff --git a/docs/src/components/HomepageFeatures/index.js b/docs/src/components/HomepageFeatures/index.js
index eb0c799f7b..dd4738447d 100644
--- a/docs/src/components/HomepageFeatures/index.js
+++ b/docs/src/components/HomepageFeatures/index.js
@@ -55,6 +55,30 @@ export default function HomepageFeatures() {
             <Feature key={idx} {...props} />
           ))}
         </div>
+        <hr/>
+        <section className={styles.container}>
+          <span className={styles.looptext}>
+            <a  className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
+            <a  className={styles.ico} href="/docs/VK/"><img src={require('../../../static/img/APIs/VK.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Viber/"><img src={require('../../../static/img/APIs/Viber.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Twitter/"><img src={require('../../../static/img/APIs/Twitter.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Notion/"><img src={require('../../../static/img/APIs/Notion.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Yandex_Disk/"><img src={require('../../../static/img/APIs/YandexDisk.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Google_Calendar/"><img src={require('../../../static/img/APIs/GoogleCalendar.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
+          </span>
+          <span className={styles.looptext}>
+            <a  className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
+            <a  className={styles.ico} href="/docs/VK/"><img src={require('../../../static/img/APIs/VK.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Viber/"><img src={require('../../../static/img/APIs/Viber.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Twitter/"><img src={require('../../../static/img/APIs/Twitter.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Notion/"><img src={require('../../../static/img/APIs/Notion.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Yandex_Disk/"><img src={require('../../../static/img/APIs/YandexDisk.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Google_Calendar/"><img src={require('../../../static/img/APIs/GoogleCalendar.png').default} width='32px'/> </a>
+            <a  className={styles.ico} href="/docs/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
+          </span>
+        </section>
+
       </div>
     </section>
   );
diff --git a/docs/src/components/HomepageFeatures/styles.module.css b/docs/src/components/HomepageFeatures/styles.module.css
index 327b1fe700..9fcc11c1f5 100644
--- a/docs/src/components/HomepageFeatures/styles.module.css
+++ b/docs/src/components/HomepageFeatures/styles.module.css
@@ -1,3 +1,11 @@
+marquee{
+  padding: auto;
+}
+
+.api{
+  margin-right: 200px;
+}
+
 .features {
   display: flex;
   align-items: center;
@@ -9,3 +17,34 @@
   height: 100px;
   width: 100px;
 }
+
+.ico{
+  padding: 112px;
+}
+
+.container {
+
+  display: flex;
+  white-space: nowrap;
+  width: 100%;
+  height: clamp(3em, 10vw, 6em);
+  overflow: hidden;
+  font-family: sans-serif;
+
+}
+
+.looptext {
+   animation: loopText 27s infinite linear;      
+}
+
+@keyframes loopText {
+
+ from {
+     transform: translateX(0);
+  }
+
+ to {
+     transform: translateX(-100%);
+  }
+
+}
diff --git a/docs/static/img/APIs/GoogleCalendar.png b/docs/static/img/APIs/GoogleCalendar.png
index d35bb8fd7c..6fcccebbfc 100644
Binary files a/docs/static/img/APIs/GoogleCalendar.png and b/docs/static/img/APIs/GoogleCalendar.png differ