diff --git a/layouts/shortcodes/note.html b/layouts/shortcodes/note.html
index 3aa9a4e..ffa3663 100644
--- a/layouts/shortcodes/note.html
+++ b/layouts/shortcodes/note.html
@@ -1,11 +1,10 @@
 <div class="note-card {{if .Get "size" }}{{.Get "size"}}-note{{end}}">
     <div class="item">
         <h5 class="note-title"><span>{{ .Get "title" }}</span></h5>
-        <div class="card">
-            <div class="card-body">{{ .Inner | markdownify }}</div>
-            {{ if .Get "footer" }}
-            <div class="card-footer">{{ .Get "footer" }}</div>
-            {{end}}
-        </div>
+        {{ range $idx, $val := split .Inner "---" }}
+            <div class="card">
+                <div class="card-body">{{ $val | markdownify }}</div>
+            </div>
+        {{ end }}
     </div>
 </div>
diff --git a/static/css/layouts/notes.css b/static/css/layouts/notes.css
index 5702c0f..28f852c 100644
--- a/static/css/layouts/notes.css
+++ b/static/css/layouts/notes.css
@@ -60,7 +60,7 @@
   width:98%;
   height:100%;
   margin-bottom:-26px;
-  border-bottom:1px solid #248aaa;
+  border-bottom: 1px solid #248aaa;
 }
 
 .note-card .card-body{