diff --git a/layouts/shortcodes/changelog.html b/layouts/shortcodes/changelog.html
new file mode 100644
index 0000000..3f8a921
--- /dev/null
+++ b/layouts/shortcodes/changelog.html
@@ -0,0 +1,6 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+
+<div class="mb-35">
+  <span class="badge badge-{{.Get 0 | lower}}">{{ .Get 0}}</span>
+  {{ .Inner | markdownify }}
+</div>
\ No newline at end of file
diff --git a/layouts/shortcodes/collapse.html b/layouts/shortcodes/collapse.html
new file mode 100644
index 0000000..6f22991
--- /dev/null
+++ b/layouts/shortcodes/collapse.html
@@ -0,0 +1,15 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+
+<div class="card border-0 border-bottom accordionFAQ">
+  <div class="card-header border-0 bg-transparent py-0">
+    <h4 class="py-4" data-toggle="collapse" data-target="#{{ .Get 0 | urlize }}" aria-expanded="false">
+      <i class="accordion-arrow ti-angle-down"></i>{{ .Get 0 | markdownify }}
+    </h4>
+  </div>
+
+  <div id="{{ .Get 0 | urlize }}" class="collapse">
+    <div class="card-body pt-2">
+      <div class="content">{{ .Inner | markdownify }}</div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/layouts/shortcodes/section-1.html b/layouts/shortcodes/section-1.html
new file mode 100644
index 0000000..b7d37b8
--- /dev/null
+++ b/layouts/shortcodes/section-1.html
@@ -0,0 +1,14 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+
+<section class="section-padding">
+  <div class="container">
+    <div class="row align-items-center justify-content-around">
+      <div class="col-lg-7" data-aos="fade-up" data-aos-delay="150">
+        <img loading="lazy" class="img-fluid rounded-lg shadow" src="{{ .Get `image` | absURL}}" alt="">
+      </div>
+      <div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-in">
+        <div class="content">{{.Inner | markdownify}}</div>
+      </div>
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/layouts/shortcodes/section-2.html b/layouts/shortcodes/section-2.html
new file mode 100644
index 0000000..4d0c5aa
--- /dev/null
+++ b/layouts/shortcodes/section-2.html
@@ -0,0 +1,15 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+
+<section class="section-padding image-info-section has-shapes bg-light-gray has-bg-brash bg-brash-y"
+  style="background-image: url('{{`images/brushes/section-top.svg` | absURL }}'), url('{{`images/brushes/section-bottom.svg` | absURL}}');">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-lg-4 col-md-5" data-aos="fade-in">
+        <div class="content">{{.Inner | markdownify}}</div>
+      </div>
+      <div class="col-lg-8 col-md-7" data-aos="fade-up" data-aos-delay="150">
+          <img loading="lazy" class="img-fluid py-4 my-2" src="{{ .Get `image` | absURL}}" alt="">
+      </div>
+    </div>
+  </div>
+</section>