diff --git a/templates/bootstrap/bookdetail.html b/templates/bootstrap/bookdetail.html
new file mode 100644
index 0000000..b9ed403
--- /dev/null
+++ b/templates/bootstrap/bookdetail.html
@@ -0,0 +1,61 @@
+<article class="bookpopup">
+    <span class="cover">
+        {{? it.book.hasCover == 1}}
+        <a href="{{=it.book.coverurl}}">
+          <img src="{{=it.book.thumbnailurl}}" alt="{{=it.c.i18n.coverAlt}}" />
+        </a>
+        {{?}}
+    </span>
+    <h2 class="download">
+        {{~it.book.datas:data:i}}
+        <a href="{{=data.url}}">{{=data.format}}</a>
+        {{? data.mail == 1}}
+        <a id="mailButton" title="Mail" href="empty.php" onclick="sendToMailAddress (this, {{=data.id}}); return false;"><i class="icon-envelope icon-large"></i></a>
+        {{?}}
+        {{? data.readerUrl != ""}}
+        <a title="Reader" href="{{=data.readerUrl}}" target="blank"><i class="icon-eye-open icon-large"></i></a>
+        {{?}}
+        <br />
+        {{~}}
+    </h2>
+    <h1><a title="{{=it.c.i18n.permalinkAlt}}" rel="bookmark" href="{{=str_format (it.c.url.detailUrl, it.book.id, it.databaseId)}}"><i class="icon-link"></i></a>{{=htmlspecialchars (it.title)}}</h1>
+    <p class="popupless">
+        <h3>{{=it.c.i18n.authorsTitle}}: </h3>
+        {{~it.book.authors:author:i}}
+        {{? i > 0}}, {{?}}<a href="{{=author.url}}">{{=htmlspecialchars (author.name)}}</a>
+        {{~}}
+    </p>
+    {{? it.book.tagsName != ""}}
+    <p class="popupless">
+        <h3>{{=it.c.i18n.tagsTitle}}: </h3>
+        {{~it.book.tags:tag:i}}
+        {{? i > 0}}, {{?}}<a href="{{=tag.url}}">{{=htmlspecialchars (tag.name)}}</a>
+        {{~}}
+    </p>
+    {{?}}
+    {{? it.book.seriesName != ""}}
+    <p class="popupless">
+        <h3><a href="{{=it.book.seriesurl}}">{{=it.c.i18n.seriesTitle}}</a> : </h3>{{=htmlspecialchars (it.book.seriesCompleteName)}}
+    </p>
+    {{?}}
+    {{? it.book.publisherName != ""}}
+    <p class="popupless">
+        <h3>{{=it.c.i18n.publisherName}}: </h3><a href="{{=it.book.publisherurl}}">{{=htmlspecialchars (it.book.publisherName)}}</a>
+    </p>
+    {{?}}
+    {{? it.book.pubDate != ""}}
+    <p class="popupless">
+        <h3>{{=it.c.i18n.pubdateTitle}}: </h3>{{=it.book.pubDate}}
+    </p>
+    {{?}}
+    {{? it.book.languagesName != ""}}
+    <p class="popupless">
+        <h3>{{=it.c.i18n.languagesTitle}}: </h3>{{=it.book.languagesName}}
+    </p>
+    {{?}}
+    {{? it.book.content != ""}}
+    <br />
+    <h4>{{=it.c.i18n.contentTitle}}</h4>
+    <div>{{=it.book.content}}</div>
+    {{?}}
+</article>
\ No newline at end of file
diff --git a/templates/bootstrap/footer.html b/templates/bootstrap/footer.html
new file mode 100644
index 0000000..e69de29
diff --git a/templates/bootstrap/header.html b/templates/bootstrap/header.html
new file mode 100644
index 0000000..009dc38
--- /dev/null
+++ b/templates/bootstrap/header.html
@@ -0,0 +1,20 @@
+<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="{{=it.homeurl}}">{{=it.title}}</a>
+    </div>
+    <div class="collapse navbar-collapse">
+      <ul class="nav navbar-nav">
+        <li class="active"><a href="#">Home</a></li>
+        <li><a href="index.php?page=19">{{=it.c.i18n.customizeTitle}}</a></li>
+        <li><a href="{{=it.abouturl}}">{{=it.c.i18n.aboutTitle}}</a></li>
+      </ul>
+    </div><!--/.nav-collapse -->
+  </div>
+</div>
diff --git a/templates/bootstrap/main.html b/templates/bootstrap/main.html
new file mode 100644
index 0000000..b9d0ce5
--- /dev/null
+++ b/templates/bootstrap/main.html
@@ -0,0 +1,50 @@
+<div class="container-fluid" style="padding-top: 70px;">
+{{? it.page == 13 || it.page == 16}}
+    {{? it.page == 13}}
+        {{#def.bookdetail}}
+    {{??}}
+        {{= it.fullhtml}}
+    {{?}}
+{{??}}
+{{? it.containsBook == 1}}
+<div class="row">
+{{??}}
+<div class="list-group">
+{{?}}
+{{~it.entries:entry:i}}
+    {{? it.containsBook == 0}}
+        <a class="list-group-item" href="{{=entry.navlink}}">
+            {{=htmlspecialchars (entry.title)}}
+            <span class="glyphicon glyphicon-chevron-right"></span>
+            <span class="badge">{{=entry.content}}</span>
+        </a>
+    {{??}}
+        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
+        <div class="panel panel-default" style="height: 320px;">
+          <div class="panel-heading">
+            <h3 class="panel-title"><a href="{{=str_format (it.c.url.detailUrl, entry.book.id, it.databaseId)}}">{{=htmlspecialchars (entry.title)}}</a></h3>
+          </div>
+          <div class="panel-body">
+            {{? entry.book.hasCover == 1}}
+                <div class="text-center">
+                <a href="{{=str_format (it.c.url.coverUrl, entry.book.id, it.databaseId)}}">
+                    <img src="{{=str_format (it.c.url.thumbnailUrl, entry.book.id, it.databaseId)}}" alt="{{=it.c.i18n.coverAlt}}" />
+                </a>
+                </div>
+            {{?}}
+            {{=it.c.i18n.authorsTitle}} : <span class="sa">{{=htmlspecialchars (entry.book.authorsName)}}</span>
+            {{? entry.book.tagsName != ""}}<br />{{=it.c.i18n.tagsTitle}} :<span class="se">{{=htmlspecialchars (entry.book.tagsName)}}</span>{{?}}
+            {{? entry.book.seriesName != ""}}<br />{{=it.c.i18n.seriesTitle}} : <span class="ss">{{=htmlspecialchars (entry.book.seriesName)}} ({{=entry.book.seriesIndex}})</span>{{?}}
+            <div class="text-center bottomright">
+            {{~entry.book.preferedData:data:j}}
+                <a href="{{=data.url}}" class="btn btn-primary btn-sm" role="button">{{=data.name}}</a>
+            {{~}}
+            </div>
+          </div>
+        </div>
+        </div>
+    {{?}}
+{{~}}
+</div>
+{{?}}
+</div>
\ No newline at end of file
diff --git a/templates/bootstrap/page.html b/templates/bootstrap/page.html
new file mode 100644
index 0000000..558dec0
--- /dev/null
+++ b/templates/bootstrap/page.html
@@ -0,0 +1,5 @@
+<div class="container-fluid">    
+{{#def.header}}
+{{#def.main}}
+{{#def.footer}}
+</div>
\ No newline at end of file
diff --git a/templates/bootstrap/suggestion.html b/templates/bootstrap/suggestion.html
new file mode 100644
index 0000000..1107dad
--- /dev/null
+++ b/templates/bootstrap/suggestion.html
@@ -0,0 +1 @@
+<p class="{{=it.class}}">{{=it.title}}</p>
\ No newline at end of file