diff --git a/templates/admonition.html.erb b/templates/admonition.html.erb
new file mode 100644
index 0000000..4788308
--- /dev/null
+++ b/templates/admonition.html.erb
@@ -0,0 +1,23 @@
+<div<%= @id && %( id="#{@id}") %> class="<%= ['admonitionblock',(attr :name),role].compact * ' ' %>">
+  <table>
+    <tr>
+      <td class="icon"><%
+        if document.attr? :icons, 'font' %>
+      <i class="icon-<%= attr 'name' %>" title="<%= @caption %>"></i><%
+        elsif document.attr? :icons %>
+      <svg class="icon">
+        <use href="<%= icon_uri(attr :name) %>#<%= attr :name %>" alt="<%= @caption %>"></use>
+      </svg><%
+        else %>
+      <div class="title"><%= @caption %></div><%
+        end %>
+      </td>
+      <td class="content"><%
+        if title? %>
+      <div class="title"><%= title %></div><%
+        end %>
+        <%= content %>
+      </td>
+    </tr>
+  </table>
+</div>
diff --git a/templates/paragraph.html.erb b/templates/paragraph.html.erb
new file mode 100644
index 0000000..e548e55
--- /dev/null
+++ b/templates/paragraph.html.erb
@@ -0,0 +1,6 @@
+<p<%= @id && %( id="#{@id}") %> <% if role %>class="<%= role %>"<% end %>><%
+if title? %>
+  <div class="title"><%= title %></div><%
+end %>
+<%= content %>
+</p>