responsive layout with popup slider

index.html

@@ -2,22 +2,20 @@
 layout: default
 ---
 
-<div class="home">
+{% assign page_data = site.data.home %}
 
-  <h1 class="page-heading">Posts</h1>
+<section class="content-area">
+  <div class="container">
+    <div class="content-area-wrapper text-center">
+      <img src="{{site.baseurl}}{{ page_data.page_logo[0] }}" alt="{{ page_data.page_logo[1] }}" />
+      <h1 class="content-title mb-2">{{ page_data.title }}</h1>
+      <p class="content-text text-black ls-40 mb-2">{{ page_data.text }}</p>
+      <a class="btn-main btn-modal" href="#" data-micromodal-trigger="product-modal">{{ page_data.button_text | upcase }}</a>
+      <div class="content-img">
+        <img src="{{site.baseurl}}{{ page_data.image[0] }}" alt="{{ page_data.image[1] }}" />
+      </div>
+    </div>
+  </div>
+</section>
 
-  <ul class="post-list">
-    {% for post in site.posts %}
-      <li>
-        <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
-
-        <h2>
-          <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
-        </h2>
-      </li>
-    {% endfor %}
-  </ul>
-
-  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
-
-</div>
+{% include modal.html %}