diff --git a/resources/templates/themes/bootstrap4/html/404.html b/resources/templates/themes/bootstrap4/html/404.html
new file mode 100644
index 0000000..0f29f50
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/404.html
@@ -0,0 +1,40 @@
+<html>
+    <head>
+        <style>        
+        #message{
+               display:block;
+               width:100%;
+               padding:150px 0;
+               line-height:1.6em;
+               text-align:center;
+            }
+        h1, h2 {            
+               color: rgb(151, 151, 151);                
+               float: left;
+               margin:0 0 0 40px;
+               padding:0;
+               float:left;
+               font-family: Georgia, 'Times New Roman', Times, serif;               
+               font-weight: normal;               
+               line-height: normal;                                
+               text-transform: uppercase;
+        }
+        #message .aside{display:block; width:80%; margin:0 auto; padding:0;}        
+        #message .aside h2 span{display:block; font-size:30px;}        
+        #message p:first-child{margin-top:0;}
+        h1 {margin-top:-90px; font-size:200px;}
+        h2 {font-size: 60px;}
+        </style>    
+    </head>
+    <body>
+        <div class="content">          
+            <section id="message">
+              <div class="aside">
+                <h1>404</h1>
+                <h2>Error ! <span>Page Not Found</span></h2>
+              </div>
+            </section>
+        </div>
+    </body>
+</html>
+
diff --git a/resources/templates/themes/bootstrap4/html/archives.html b/resources/templates/themes/bootstrap4/html/archives.html
new file mode 100644
index 0000000..887f9e5
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/archives.html
@@ -0,0 +1,5 @@
+{% extends "/html/page-three-column.html" %}
+
+{% block center %}
+	{% include "/html/includes/groups.inc" %}
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/author.html b/resources/templates/themes/bootstrap4/html/author.html
new file mode 100644
index 0000000..668f6eb
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/author.html
@@ -0,0 +1,8 @@
+{% extends "/html/page-three-column.html" %}
+
+{%block subtitle %}: Posts by {{author}} {% endblock %}
+
+{% block center %}
+	<h1>Posts by {{author}}</h1>	
+	{% include "/html/includes/groups.inc" %}
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/base.html b/resources/templates/themes/bootstrap4/html/base.html
new file mode 100644
index 0000000..cce0d58
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/base.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="canonical" href="{{site-url}}{{uri}}">
+    <meta name="description" content="{% block description %}{% endblock %}">
+    <meta name="author" content="{{author}}">
+    <link rel="icon" href="../../favicon.ico">
+
+    <title>{{title}}{% block subtitle %}{% endblock %}</title>
+
+
+	{% style "/css/bootstrap.min.css" %}
+	{% style "/css/fonts/fontawesome/fontawesome.css" %}	          
+    {% style "/css/custom.css" %}
+    {% block additional_styles %}
+	{% endblock %}
+  </head>
+  <body>
+	<div class="above-nav">
+		{% include "/custom/html/includes/topper.inc" %}
+	</div>
+ 	<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+	  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+	    <span class="navbar-toggler-icon"></span>
+	  </button>
+	  <a class="navbar-brand" href="/">
+	  	{% include "/html/custom/navbar-logo.inc" %}
+	  </a>
+	  <div class="collapse navbar-collapse" id="navbarNavDropdown">
+	    <ul class="navbar-nav">
+	    	{% if home-page %}
+    		<li {%ifequal page.uri home-page.uri %} class="nav-item active" {% endifequal %}
+		    	{%ifunequal page.uri home-page.uri %} class="nav-item" {% endifunequal %}>
+				<a class="nav-link" href="/">
+					{% if latest-posts %}
+						home
+					{% else %}
+						{{home-page.title}}	
+					{% endif %}
+				</a>
+			</li>
+			{% endif %}
+			<!--
+			{% if latest-posts %}
+				{% with latest=latest-posts|first %}
+		    		<li {%ifequal page.uri latest.uri %} class="nav-item active" {% endifequal %}
+				    	{%ifunequal page.uri latest.uri %} class="nav-item" {% endifunequal %}>
+						<a class="nav-link" href="{{latest.uri}}">news</a>
+					</li>
+				{% endwith %}
+			{% endif %}
+			-->
+    		{% for nav-page in pages|filter-navbar %}
+			<li {%ifequal page.uri nav-page.uri %} class="nav-item active" {% endifequal %}
+			    {%ifunequal page.uri nav-page.uri %} class="nav-item" {% endifunequal %}>
+			    {% with nav-children=nav-page.children|filter-navbar %}
+			    	{% if nav-children|empty? %}
+						<a class="nav-link" href="{{nav-page.uri}}">{{nav-page.title}}</a>
+					{% else %}
+	          			<li class="nav-item dropdown">
+	           				<a class="nav-link dropdown-toggle" href={{nav-page.uri}} id=id="{{nav-page.title}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{nav-page.title}}</a>
+							<div class="dropdown-menu" aria-labelledby="{{nav-page.title}}">
+							{% for child-page in nav-children %}
+								<a
+								{%ifequal page.uri child-page.uri %} class="dropdown-item active" {% endifequal %}
+			    				{%ifunequal page.uri child-page.uri %} class="dropdown-item" {% endifunequal %}
+								href="{{child-page.uri}}">{{child-page.title}}</a>
+							{% endfor %}
+							</div>
+	          			</li>
+					{% endif %}
+				{% endwith %}
+			</li>
+			{% endfor %}
+	    </ul>
+	  </div>
+
+	  {% include "/html/custom/navbar-social.inc" %}
+
+	</nav>
+
+	<div class="page below-nav">
+	{% block content %}
+		<h1> The content </h1>
+	{% endblock %}
+	</div>
+
+	{% include "/html/custom/footer.inc" %}
+	{% include "/html/custom/tracking.inc" %}
+
+  <!-- Bootstrap core JavaScript
+  ================================================== -->
+  <!-- Placed at the end of the document so the pages load faster -->
+  {% script "/js/jquery-3.1.1.slim.min.js" %}
+  {% script "/js/tether.min.js" %}
+  {% script "/js/bootstrap.min.js" %}
+  </body>
+</html>
diff --git a/resources/templates/themes/bootstrap4/html/custom/footer.inc b/resources/templates/themes/bootstrap4/html/custom/footer.inc
new file mode 100644
index 0000000..944ac57
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/custom/footer.inc
@@ -0,0 +1,7 @@
+<!-- FOOTER -->
+<div class="container">
+	<footer>
+	  <p class="float-right"><a href="#">Back to top</a></p>
+	  <p>&copy; 2019 meissa GmbH &middot; <a href="/pages/privacy">Datenschutzerklärung</a> &middot; <a href="/pages/impressum">Impressum</a></p>
+	</footer>
+</div>
diff --git a/resources/templates/themes/bootstrap4/html/custom/navbar-logo.inc b/resources/templates/themes/bootstrap4/html/custom/navbar-logo.inc
new file mode 100644
index 0000000..758dcd3
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/custom/navbar-logo.inc
@@ -0,0 +1,4 @@
+<div class="logo" style="display: inline-block;">
+	<img src="/img/meissa/Logo_Meissa_small.png">
+	<font>meissa GmbH</font>
+</div>
\ No newline at end of file
diff --git a/resources/templates/themes/bootstrap4/html/custom/navbar-social.inc b/resources/templates/themes/bootstrap4/html/custom/navbar-social.inc
new file mode 100644
index 0000000..486ec20
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/custom/navbar-social.inc
@@ -0,0 +1,13 @@
+<!-- Link Social Media 
+{% style "css/social/bootstrap-social.css" %}
+{% style "css/social/assets/css/font-awesome.css" %}
+-->
+
+<!-- 
+<div class="social-buttons" style="display: inline-block; float: right;">
+        <a href="https://github.com/DomainDrivenArchitecture" class="btn btn-social-icon btn-github" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-adn']);"><span class="fab fa-github"></span></a>
+        <a href="http://stackoverflow.com/users/3405078/jerger" class="btn btn-social-icon btn-bitbucket" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-bitbucket']);"><span class="fab fa-stack-overflow"></span></a>
+        <a href="https://www.xing.com/profile/Michael_Jerger" class="btn btn-social-icon btn-dropbox" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-dropbox']);"><span class="fab fa-xing"></span></a>
+        <a href="https://www.linkedin.com/in/michael-jerger-805432" class="btn btn-social-icon btn-linkedin" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-facebook']);"><span class="fab fa-linkedin"></span></a>
+</div>
+ -->
diff --git a/resources/templates/themes/bootstrap4/html/custom/site-navigation.inc b/resources/templates/themes/bootstrap4/html/custom/site-navigation.inc
new file mode 100644
index 0000000..9b7d69d
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/custom/site-navigation.inc
@@ -0,0 +1,8 @@
+<p>&nbsp;</p>
+{% include "/html/custom/site-navigation.inc" %}
+<p>&nbsp;</p>
+<p>&nbsp;</p>
+{% include "/html/custom/partner.inc" %}
+<p>&nbsp;</p>
+<p>&nbsp;</p>
+{% include "/html/custom/we-support.inc" %}
diff --git a/resources/templates/themes/bootstrap4/html/custom/topper.inc b/resources/templates/themes/bootstrap4/html/custom/topper.inc
new file mode 100644
index 0000000..e69de29
diff --git a/resources/templates/themes/bootstrap4/html/custom/tracking.inc b/resources/templates/themes/bootstrap4/html/custom/tracking.inc
new file mode 100644
index 0000000..b297e92
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/custom/tracking.inc
@@ -0,0 +1,25 @@
+<!-- Piwik - meissa -->
+<script type="text/javascript">
+  var _paq = _paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(["setDoNotTrack", true]);
+  _paq.push(["disableCookies"]);
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="//piwik.meissa-gmbh.de/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', '25']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<noscript><p><img src="//piwik.meissa-gmbh.de/piwik.php?idsite=25&rec=1" style="border:0;" alt="" /></p></noscript>
+<!-- End Piwik Code -->
+
+
+<!-- End Piwik Code -->
+
+<!-- Piwik Image Tracker - meissa global -->
+<img src="//piwik.meissa-gmbh.de/piwik.php?idsite=28&rec=1" style="border:0" alt="" />
+<!-- End Piwik -->
diff --git a/resources/templates/themes/bootstrap4/html/featurettes.html b/resources/templates/themes/bootstrap4/html/featurettes.html
new file mode 100644
index 0000000..eb79034
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/featurettes.html
@@ -0,0 +1,11 @@
+{% extends "/html/page-two-column.html" %}
+
+{% block header %}
+	{% include "/html/includes/top_spacer.inc" %}
+	{{page.content|safe}}
+{% endblock %}
+
+{% block center %}
+	{% include "/html/includes/featurettes.inc" %}
+{% endblock %}
+
diff --git a/resources/templates/themes/bootstrap4/html/headlines.html b/resources/templates/themes/bootstrap4/html/headlines.html
new file mode 100644
index 0000000..54c715f
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/headlines.html
@@ -0,0 +1,10 @@
+{% extends "/html/page-one-column.html" %}
+
+{% block header %}
+	{% include "/html/includes/top_spacer.inc" %}
+	{% include "/html/includes/headlines.inc" %}
+{% endblock %}
+
+{% block center %}
+	{{page.content|safe}}
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/home.html b/resources/templates/themes/bootstrap4/html/home.html
new file mode 100644
index 0000000..e941ee1
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/home.html
@@ -0,0 +1,12 @@
+{% extends "/html/page-one-column.html" %}
+
+{% block additional_styles %}
+   	{% style "css/carousel.css" %}
+{% endblock %}
+
+{% block off-container-header %}
+	{% include "/html/includes/carousel.inc" %}
+{% endblock %}
+
+{% block header %}
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/includes/carousel.inc b/resources/templates/themes/bootstrap4/html/includes/carousel.inc
new file mode 100644
index 0000000..be0e367
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/carousel.inc
@@ -0,0 +1,32 @@
+<div id="carousel" class="carousel slide carousel-adjust" data-ride="carousel">
+  <ol class="carousel-indicators">
+  	{% for sub-page in page.children|filter-sidebar %}
+    	<li data-target="#carousel" data-slide-to="{{forloop.counter0}}" 
+    		{% if forloop.first %}class="active"{% endif %}
+    		>
+    	</li>
+  	{% endfor %}
+  </ol>
+  <div class="carousel-inner" role="listbox">
+  	{% for sub-page in page.children|filter-sidebar %}
+    	<div {% if forloop.first %}class="carousel-item active"{% else %}class="carousel-item"{% endif %}>
+       <img class="d-block img-fluid" src="{{sub-page.carousel-image}}" alt="{{sub-page.carousel-image}}">
+       <div class="carousel-caption d-none d-md-block text-left">
+       	<h1>{{sub-page.title}}</h1>
+         <p>{{sub-page.abstract|safe}}</p>
+         <p><a class="btn btn-lg btn-primary" 
+         	{% if sub-page.action-uri %}href="{{sub-page.action-uri}}"{% else %}href="{{sub-page.uri}}"{% endif %} 
+	        role="button">{{sub-page.take-action|safe}}</a></p>
+       </div>
+     </div>
+    {% endfor %}
+  </div>
+  <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
+    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+    <span class="sr-only">Previous</span>
+  </a>
+  <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
+    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+    <span class="sr-only">Next</span>
+  </a>
+</div>
diff --git a/resources/templates/themes/bootstrap4/html/includes/collapse.inc b/resources/templates/themes/bootstrap4/html/includes/collapse.inc
new file mode 100644
index 0000000..fac6695
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/collapse.inc
@@ -0,0 +1,25 @@
+<div id="accordion" role="tablist" aria-multiselectable="true">
+  {% for sub-page in page.children|filter-sidebar %}
+  <div class="card">
+    <div class="card-header" role="tab" id="accordionHeading{{forloop.counter0}}">
+      <h5 class="mb-0">
+        <a data-toggle="collapse" data-parent="#accordion" href="#accordionCollapse{{forloop.counter0}}" aria-expanded="true" aria-controls="collapseOne">
+          {{sub-page.title}}
+        </a>
+      </h5>
+    </div>
+
+    <div id="accordionCollapse{{forloop.counter0}}" class="collapse" role="tabpanel" aria-labelledby="accordionHeading{{forloop.counter0}}">
+      <div class="card-block">
+        {{sub-page.abstract|safe}}
+        {% if sub-page.take-action %}
+         	<p><a class="btn btn-link" 
+           		{% if sub-page.action-uri %}href="{{sub-page.action-uri}}" target="_new"{% else %}href="{{sub-page.uri}}"{% endif %}  
+           		role="button">{{sub-page.take-action|safe}}
+           	</a></p>
+            {% endif %}
+      </div>
+    </div>
+  </div>
+  {% endfor %}
+</div>
\ No newline at end of file
diff --git a/resources/templates/themes/bootstrap4/html/includes/disqus-comment.inc b/resources/templates/themes/bootstrap4/html/includes/disqus-comment.inc
new file mode 100644
index 0000000..9719da8
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/disqus-comment.inc
@@ -0,0 +1,5 @@
+{% if disqus? %}
+	<div id="comments">
+	    <a href="{{post.uri}}#disqus_thread">View Comments</a>
+	</div>
+{% endif %}
\ No newline at end of file
diff --git a/resources/templates/themes/bootstrap4/html/includes/disqus.inc b/resources/templates/themes/bootstrap4/html/includes/disqus.inc
new file mode 100644
index 0000000..34151e9
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/disqus.inc
@@ -0,0 +1,14 @@
+{% if disqus? %}
+    <div id="disqus_thread"></div>
+    <script type="text/javascript">
+        var disqus_config = function () {
+            this.page.url = "{{site-url}}{{uri}}";
+            this.page.identifier = "{{post.title}}";
+        };
+        (function() {
+            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+            dsq.src = '//{{disqus-shortname}}.disqus.com/embed.js';
+            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+        })();
+    </script>
+{% endif %}
diff --git a/resources/templates/themes/bootstrap4/html/includes/featurettes.inc b/resources/templates/themes/bootstrap4/html/includes/featurettes.inc
new file mode 100644
index 0000000..6f74be7
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/featurettes.inc
@@ -0,0 +1,17 @@
+<!-- START THE FEATURETTES -->
+{% for sub-page in page.children|filter-sidebar %}
+	<hr class="featurette-divider">
+	<div class="row featurette">
+		
+		{% if forloop.counter0|even? %}<div class="col-md-7">{% else %}<div class="col-md-7 push-md-5">{% endif %}
+			<h2 class="featurette-heading">{{sub-page.title}}</h2>
+			<p class="lead">{{sub-page.abstract|safe}}</p>
+			<p><a class="btn btn-secondary" 
+         			{% if sub-page.action-uri %}href="{{sub-page.action-uri}}" target="_new"{% else %}href="{{sub-page.uri}}"{% endif %} 
+         			role="button">{{sub-page.take-action|safe}}</a></p>
+			</div>
+		{% if forloop.counter0|even? %}<div class="col-md-5">{% else %}<div class="col-md-5 pull-md-7">{% endif %}
+			<img class="featurette-image img-fluid mx-auto" src="{{sub-page.featurette-image}}">
+		</div>
+	</div>
+{% endfor %}
\ No newline at end of file
diff --git a/resources/templates/themes/bootstrap4/html/includes/groups.inc b/resources/templates/themes/bootstrap4/html/includes/groups.inc
new file mode 100644
index 0000000..0658582
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/groups.inc
@@ -0,0 +1,11 @@
+{% for group in groups %}
+    <h4>{{group.group}}</h4>
+    <ul>
+    {% for post in group.posts %}
+    <li>
+        {{post.date|date:"MMM dd"}} - <a href="{{post.uri}}">{{post.title}}</a>
+    </li>
+    {% endfor %}
+    </ul>
+{% endfor %}
+    
\ No newline at end of file
diff --git a/resources/templates/themes/bootstrap4/html/includes/headlines.inc b/resources/templates/themes/bootstrap4/html/includes/headlines.inc
new file mode 100644
index 0000000..031d57f
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/headlines.inc
@@ -0,0 +1,13 @@
+<!-- headlines.inc -->
+<div class="row">
+  {% for sub-page in page.children|filter-sidebar %}
+   <div class="col-lg-4 text-center">
+     <img class="rounded-circle" src="{{sub-page.headline-image}}" alt="{{sub-page.headline-image}}" width="140" height="140">
+     <h2>{{sub-page.title}}</h2>
+     <p>{{sub-page.abstract|safe}}</p>
+     <p><a class="btn btn-secondary" 
+     	{% if sub-page.action-uri %}href="{{sub-page.action-uri}}" target="_new"{% else %}href="{{sub-page.uri}}"{% endif %} 
+     	role="button">{{sub-page.take-action|safe}}</a></p>
+   </div>
+  {% endfor %}
+</div><!-- /.row -->
\ No newline at end of file
diff --git a/resources/templates/themes/bootstrap4/html/includes/latest-posts.inc b/resources/templates/themes/bootstrap4/html/includes/latest-posts.inc
new file mode 100644
index 0000000..0759eed
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/latest-posts.inc
@@ -0,0 +1,8 @@
+<ul>
+{% for post in latest-posts %}
+    <li>
+        {{post.date|date:"MMM dd"}} - <a href="{{post.uri}}">{{post.title}}</a>
+    </li>   
+{% endfor %}
+</ul>
+    
\ No newline at end of file
diff --git a/resources/templates/themes/bootstrap4/html/includes/post-content.inc b/resources/templates/themes/bootstrap4/html/includes/post-content.inc
new file mode 100644
index 0000000..e14be8d
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/post-content.inc
@@ -0,0 +1,26 @@
+<div class="post-header">
+	<h1>{{post.title}}</h1>
+	<div class="row text-muted">
+		{% if post.author %}
+    		<div class="col text-left">
+				Autor: {{post.author}}
+			</div>
+		{% endif %}
+		<div class="col text-right">
+			{{post.date|date:longDate}}
+		</div>
+	</div>
+	{% if post.tags|not-empty %}
+		<p class="text-muted"> 
+			Tags: 
+		    {% for tag in post.tags %}
+		    	{{tag.name}}{% if not forloop.last %}, {% endif %}   	
+		    {% endfor %}  
+		</p>
+	{% endif %}
+</div>
+
+<div>
+    {% if post.toc %}{{post.toc|safe}}{% endif %}
+    {{post.content|safe}}
+</div>
diff --git a/resources/templates/themes/bootstrap4/html/includes/post-prev-next.inc b/resources/templates/themes/bootstrap4/html/includes/post-prev-next.inc
new file mode 100644
index 0000000..9f3d6a6
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/post-prev-next.inc
@@ -0,0 +1,8 @@
+<div id="prev-next">
+    {% if post.prev-uri %}
+    <a class="left" href="{{post.prev-uri}}">&laquo; Vor</a>
+    {% endif %}
+    {% if post.next-uri %}
+    <a class="right" href="{{post.next-uri}}">Weiter &raquo;</a>
+    {% endif %}
+</div>
\ No newline at end of file
diff --git a/resources/templates/themes/bootstrap4/html/includes/publishing-date.inc b/resources/templates/themes/bootstrap4/html/includes/publishing-date.inc
new file mode 100644
index 0000000..30a5d5d
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/publishing-date.inc
@@ -0,0 +1,4 @@
+{% if page.publishing-date %}
+    <div class="float-right">{{page.publishing-date}}</div>
+    </br>
+{% endif %}
\ No newline at end of file
diff --git a/resources/templates/themes/bootstrap4/html/includes/tags.inc b/resources/templates/themes/bootstrap4/html/includes/tags.inc
new file mode 100644
index 0000000..6521c42
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/includes/tags.inc
@@ -0,0 +1,12 @@
+{% block tags %}
+	{% if tags|not-empty %}
+	<div id="tags">
+	    <h3>Tags</h3>
+	    <ul>
+	        {% for tag in tags %}
+	        <li><a href="{{tag.uri}}">{{tag.name}}</a></li>
+	        {% endfor %}
+	    </ul>
+	</div>
+	{% endif %}
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/includes/top_spacer.inc b/resources/templates/themes/bootstrap4/html/includes/top_spacer.inc
new file mode 100644
index 0000000..e69de29
diff --git a/resources/templates/themes/bootstrap4/html/news.html b/resources/templates/themes/bootstrap4/html/news.html
new file mode 100644
index 0000000..7f720cd
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/news.html
@@ -0,0 +1,22 @@
+{% extends "/html/page-three-column.html" %}
+
+{% block left %}
+	{% include "/html/includes/groups.inc" %}
+{% endblock %}
+
+{% block center %}
+	{% if latest-posts|not-empty %}
+		{% with post=latest-posts|first %}
+    		{% include "/html/includes/post-content.inc" %}    		
+		    {% include "/html/includes/post-prev-next.inc" %}
+		    {% include "/html/includes/disqus-comment.inc" %}
+	    {% endwith %}
+	    
+	    <h2>Ältere News</h2>
+	    {% include "/html/includes/latest-posts.inc" %}
+	    
+	    <h2>Archiv</h2>
+	    Hier geht's zum <a href="/archives" >Archiv</a>
+	    
+	{% endif %}
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/page-one-column.html b/resources/templates/themes/bootstrap4/html/page-one-column.html
new file mode 100644
index 0000000..c551d6a
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/page-one-column.html
@@ -0,0 +1,23 @@
+{% extends "/html/base.html" %}
+
+{%block subtitle %}: {{page.title}}{% endblock %}
+
+{% block content %}
+	{% block off-container-header %}
+	<div class="container below-nav">
+	</div>
+	{% endblock %}	
+	<div class="container">
+		{% block header %}
+			{% include "/html/includes/top_spacer.inc" %}
+			{% include "/html/includes/publishing-date.inc" %}
+		{% endblock %}
+		
+		{% block main %}
+		    {{page.content|safe}}
+		{% endblock %}
+		
+		{% block footer %}
+		{% endblock %}
+	</div>
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/page-three-column.html b/resources/templates/themes/bootstrap4/html/page-three-column.html
new file mode 100644
index 0000000..dc8a970
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/page-three-column.html
@@ -0,0 +1,32 @@
+{% extends "/html/base.html" %}
+
+{%block subtitle %}: {{page.title}}{% endblock %}
+
+{% block content %}
+	{% block off-container-header %}
+	{% endblock %}
+	<div class="container">
+	{% block header %}
+		{% include "/html/includes/top_spacer.inc" %}
+	{% endblock %}
+	
+	<div class="row">
+		<div class="col-lg-2 col-md-2">
+			{% block left %}
+   				{% if page.toc %}{{page.toc|safe}}{% endif %}
+			{% endblock %}
+		</div>
+		<div class="col-lg-7 col-md-10">
+			{% block center %}
+				{{page.content|safe}}
+			{% endblock %}
+		</div>
+		<div class="col-lg-3 hidden-md-down">
+			{% include "/html/custom/site-navigation.inc" %}
+		</div>
+	</div>
+	
+	{% block footer %}
+	{% endblock %}
+	</div>
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/page-two-column.html b/resources/templates/themes/bootstrap4/html/page-two-column.html
new file mode 100644
index 0000000..438e4b5
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/page-two-column.html
@@ -0,0 +1,29 @@
+{% extends "/html/base.html" %}
+
+{%block subtitle %}: {{page.title}}{% endblock %}
+
+{% block content %}
+	{% block off-container-header %}
+	<div class="container below-nav">
+	</div>
+	{% endblock %}
+	<div class="container">
+		{% block header %}
+			{% include "/html/includes/top_spacer.inc" %}
+		{% endblock %}
+	
+		<div class="row">
+			<div class="col-lg-9 col-md-12">
+				{% block center %}
+					{{page.content|safe}}
+				{% endblock %}
+			</div>
+			<div class="col-lg-3 hidden-md-down">
+				{% include "/html/custom/site-navigation.inc" %}
+			</div>
+		</div>
+	
+		{% block footer %}
+		{% endblock %}
+	</div>
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/post.html b/resources/templates/themes/bootstrap4/html/post.html
new file mode 100644
index 0000000..d6333f2
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/post.html
@@ -0,0 +1,9 @@
+{% extends "/html/page-three-column.html" %}
+
+{%block subtitle %}: {{post.title}}{% endblock %}
+
+{% block center %}
+    {% include "/html/includes/post-content.inc" %}
+    {% include "/html/includes/post-prev-next.inc" %}
+	{% include "/html/includes/disqus.inc" %}
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/tag.html b/resources/templates/themes/bootstrap4/html/tag.html
new file mode 100644
index 0000000..0f9aca6
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/tag.html
@@ -0,0 +1,7 @@
+{% extends "/html/page-three-column.html" %}
+
+{% block center %}
+	{% with tags=posts %}
+		{% include "/html/includes/tags.inc" %}
+	{% endwith %}
+{% endblock %}
diff --git a/resources/templates/themes/bootstrap4/html/tags.html b/resources/templates/themes/bootstrap4/html/tags.html
new file mode 100644
index 0000000..ffb0a34
--- /dev/null
+++ b/resources/templates/themes/bootstrap4/html/tags.html
@@ -0,0 +1,5 @@
+{% extends "/html/page-three-column.html" %}
+
+{% block center %}
+	{% include "/html/includes/tags.inc" %}
+{% endblock %}
