diff --git a/css/style.css b/css/style.css
index aa31436..0b81d0c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -7,6 +7,10 @@
   --color-base: #ffffff;
   --color-link: #b4b9e8;
   --bg-base: #3e4b91;
+  --h2-color: #e5e5e5;
+  --h2-font-size: 12px;
+  --h2-line-height: 16px;
+  --black: #2b084e;
 }
 
 html, body {
@@ -28,18 +32,20 @@ body {
   height: 100vh; 
   justify-content: center;
   flex-direction: column;
-  text-align: center;
+  padding: 0 8px;
 }
 .logo {
   text-align: center;
   max-width: 360px;
   margin: 0 auto;
+  margin-top: 40px;
 }
 .logo img {
   max-width: 100%;
   height: auto;
 }
 .social {
+  margin-bottom: 40px;
   padding: 10px 0;
   line-height: 48px;
   color: var(--color-link);
@@ -53,10 +59,88 @@ body {
   vertical-align: top;
 }
 .social__title {
-  font-size: 32px;
-  font-weight: 200;
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight--base);
 }
 
 .social__title:hover {
   color: #fedc66;
 }
+
+.meeting {
+  margin: 0 auto;
+}
+
+.meeting__title {
+  margin: 0;
+  margin-left: 20px;
+  font-size: var(--h2-font-size);
+  line-height: var(--h2-line-height);
+  color: var(--h2-color);
+}
+
+.meeting__block {
+  max-width: 416px;
+  min-height: 200px;
+  margin: 0 auto;
+  margin-top: 8px;
+  padding: 16px;
+  color: var(--black);
+  background-color: var(--color-base);
+  border-radius: 8px;
+  box-sizing: border-box;
+}
+
+.meeting__meta-wrapper {
+  display: flex;
+  justify-content: space-between;
+}
+
+.meeting__meta {
+  width: 112px;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 16px;
+}
+
+.meeting__meta:last-child{
+  text-align: right;
+}
+
+.meeting__descr {
+  margin: 0;
+  margin-top: 24px;
+  color: var(--black);
+  font-size: 18px;
+  font-weight: normal;
+  line-height: 24px;
+}
+
+.meeting__descr:last-child {
+  margin-top: 32px;
+}
+
+@media (max-width: 750px) {
+  .meeting__title {
+    margin-left: 8px;
+  }
+
+  .meeting__block {
+    min-height: 100px;
+    padding: 8px;
+  }
+
+  .meeting__meta {
+    font-size: 12px;
+  }
+
+  .meeting__descr {
+    margin-top: 2.8%;
+    font-size: 12px;
+    line-height: 16px;
+  }
+
+  .meeting__descr:last-child {
+    margin-top: 5.3%;
+  }
+}
diff --git a/index.html b/index.html
index 3f46f22..c2a7225 100644
--- a/index.html
+++ b/index.html
@@ -30,5 +30,28 @@
           </span>   
         </a>
       </div>
+      <template id="meetings">
+        <div class="meeting">
+            <h2 class="meeting__title">
+              Следующая встреча:
+            </h2>
+            <div class="meeting__block">
+              <div class="meeting__meta-wrapper">
+                <span class="meeting__meta">
+                  7 марта
+                </span>
+                <span class="meeting__meta">
+                  19:00
+                </span>
+              </div>
+              <p class="meeting__descr">
+                Четверг это маленькая пятница, обсуждаем что кто придумал тыры пыры...
+              </p>
+              <p class="meeting__descr">
+                Кафе-бар “Романтики”, улица Набережная, 201
+              </p>
+            </div>
+          </div>
+      </template>
   </body>
 </html>
\ No newline at end of file