diff --git a/alpinejs/index.html b/alpinejs/index.html
new file mode 100644
index 0000000..61778db
--- /dev/null
+++ b/alpinejs/index.html
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+</head>
+  <body x-data="{
+    blurb_data: {
+      title: 'Fart Man Comes To Town!',
+      blurb: 'Will this controversial figure finally cause the downfall of the town? Sally Smith from town center says that she can already smell trouble brewing but other members of the town believe the imminent winds of change will revitalize the towns central business district.'
+    }
+  }">
+    <div x-data="{blurbs: [blurb_data]}">
+      <template x-for="blurb in blurbs">
+        <div>
+          <h1 x-text="blurb.title"></h1>
+          <p x-text="blurb.blurb"></p>
+          <a href="#">Read more...</a>
+        </div>
+      </template>
+      <br />
+      <button x-on:click="blurbs.push(blurb_data)">Load More</button>
+    </div>
+</body>
+</html>
