diff --git a/content/includes/css.blade.php b/content/includes/css.blade.php
index 60c0007..7a09b6b 100644
--- a/content/includes/css.blade.php
+++ b/content/includes/css.blade.php
@@ -62,13 +62,16 @@
         border: 1px solid #24052f;
     }
 
-    footer{
-        padding-top: 35px;
-        padding-bottom: 40px;
-        margin-top: 120px;
+    footer, footer h3{
+
         color: white;
     }
 
+
+    footer .bg-ci-animated a{
+        text-decoration: none;
+    }
+
     .btn-primary{
         background-color: #24052f;
         border-color: #1c0625 ;
@@ -91,4 +94,10 @@
         color: #24052f;
     }
 
+    code{
+        background: #f9efef;
+        padding: 10px;
+        border-radius: 8px;
+    }
+
 </style>
\ No newline at end of file
diff --git a/content/includes/footer.blade.php b/content/includes/footer.blade.php
index 19f1b17..e60a736 100644
--- a/content/includes/footer.blade.php
+++ b/content/includes/footer.blade.php
@@ -1,23 +1,111 @@
-<footer class="bg-ci-animated">
-    <div class="container">
+<footer>
+
+    <div class="bg-ci-animated">
+        <div class="container pb-5">
+            <div class="row">
+                <div class="col-12 col-md-4">
+                    <h4 class="mb-2 fw-bold mt-5">Developers</h4>
+
+
+                    <a class="fs-5 mb-3 textdecoration-none" href="{{url('/create-theme')}}">How to create a Theme</a>
+                    <br>
+                    <a class="fs-5 mb-3 textdecoration-none" href="{{url('/publish')}}">Publish your Theme</a>
+                    <br>
+                    <a class="fs-5 mb-3 textdecoration-none" href="{{url('/api')}}">API</a>
+                    <br>
+
+
+                </div>
+
+                <div class="col-12 col-md-4">
+
+
+                </div>
+
+                <div class="col-12 col-md-4">
+                    <h4 class="mb-4 fw-bold mt-5">Community</h4>
+
+                    <div class="row">
+                        <div class="col">
+                            <a class="fs-5 mb-3 textdecoration-none" href="">
+                                <a href="">
+                                    <img src="https://picsum.photos/500" class="img-fluid rounded-circle">
+                                </a>
+                            </a>
+
+                        </div>
+
+                        <div class="col">
+                            <a class="fs-5 mb-3 textdecoration-none" href="">
+                                <a href="">
+                                    <img src="https://picsum.photos/500" class="img-fluid rounded-circle">
+                                </a>
+                            </a>
+
+                        </div>
+
+                        <div class="col">
+                            <a class="fs-5 mb-3 textdecoration-none" href="">
+                                <a href="">
+                                    <img src="https://picsum.photos/500" class="img-fluid rounded-circle">
+                                </a>
+                            </a>
+
+                        </div>
+
+                        <div class="col">
+                            <a class="fs-5 mb-3 textdecoration-none" href="">
+                                <a href="">
+                                    <img src="https://picsum.photos/500" class="img-fluid rounded-circle">
+                                </a>
+                            </a>
+
+                        </div>
+
+                        <div class="col">
+                            <a class="fs-5 mb-3 textdecoration-none" href="">
+                                <a href="">
+                                    <img src="https://picsum.photos/500" class="img-fluid rounded-circle">
+                                </a>
+                            </a>
+
+                        </div>
+
+
+                    </div>
 
 
 
-        <div class="row">
-            <div class="col-12 col-sm-6 text-md-start text-center mt-3">
-                Erstellt mit dem <a href="https://www.areya.de/software/cms">Areya CMS
-                    <svg style="width: 11px; fill: currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM500,0,364,.34a12,12,0,0,0-12,12v10a12,12,0,0,0,12,12L454,34l.7.71L131.51,357.86a12,12,0,0,0,0,17l5.66,5.66a12,12,0,0,0,17,0L477.29,57.34l.71.7-.34,90a12,12,0,0,0,12,12h10a12,12,0,0,0,12-12L512,12A12,12,0,0,0,500,0Z"/></svg>
-                </a>
+                </div>
             </div>
-            <div class="col-12 col-sm-6 text-md-end text-center mt-3">
-             <a href="{{url('/agb')}}">AGB</a>
-                |
-                <a href="{{url('/datenschutz')}}">Datenschutz</a>
-                |
-                <a href="https://www.areya.de/impressum">Impressum</a>
+        </div>
+
+    </div>
+
+    <div style=" background-color: #24052f">
+        <div class="container pt-2 pb-3">
 
 
+
+            <div class="row">
+                <div class="col-12 col-sm-6 text-md-start text-center mt-3">
+                    Erstellt mit dem <a href="https://www.areya.de/software/cms">Areya CMS
+                        <svg style="width: 11px; fill: currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM500,0,364,.34a12,12,0,0,0-12,12v10a12,12,0,0,0,12,12L454,34l.7.71L131.51,357.86a12,12,0,0,0,0,17l5.66,5.66a12,12,0,0,0,17,0L477.29,57.34l.71.7-.34,90a12,12,0,0,0,12,12h10a12,12,0,0,0,12-12L512,12A12,12,0,0,0,500,0Z"/></svg>
+                    </a>
+                </div>
+                <div class="col-12 col-sm-6 text-md-end text-center mt-3">
+                    <a href="{{url('/agb')}}">AGB</a>
+                    |
+                    <a href="{{url('/datenschutz')}}">Datenschutz</a>
+                    |
+                    <a href="https://www.areya.de/impressum">Impressum</a>
+
+
+                </div>
             </div>
         </div>
     </div>
+
+
+
 </div>
diff --git a/content/pages/api.blade.php b/content/pages/api.blade.php
new file mode 100644
index 0000000..777fa8b
--- /dev/null
+++ b/content/pages/api.blade.php
@@ -0,0 +1,44 @@
+@extends('template.'.config('settings.template').'.content.master')
+@section('content')
+
+
+    <div class="container">
+
+        <section>
+            <div class="row">
+                <div class="col">
+                    <h1>Lumino Theme API</h1>
+
+                    <p class="fs-4 mt-4">
+                       You can easily integrate this Lumino Theme Showcase into your own Website / App
+                        <br>
+                        <br>
+                        <br>
+
+                            <code>
+                                {{url('/api/contents/themes')}}</code>
+
+
+
+                    </p>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+
+                </div>
+            </div>
+        </section>
+
+    </div>
+
+
+
+@stop
+
+
+
diff --git a/content/pages/create-theme.blade.php b/content/pages/create-theme.blade.php
new file mode 100644
index 0000000..79b5619
--- /dev/null
+++ b/content/pages/create-theme.blade.php
@@ -0,0 +1,214 @@
+@extends('template.'.config('settings.template').'.content.master')
+@section('content')
+
+
+    <div class="container">
+
+        <section>
+            <div class="row">
+                <div class="col">
+                    <h1 class="mt-5 mb-4">Create your own Lumino Theme</h1>
+
+                    <p class="fs-4 mt-4">
+                       Here you find all the ressources you need to develop your own Lumino theme from scratch.
+                        <br>
+                        <br>
+                        <br>
+                        <br>
+                        <br>
+
+
+
+
+
+
+                    </p>
+
+
+                    <h2 class="mt-4 mb-3">Get the minimal Demo Theme</h2>
+                    <p class="fs-5">
+                        This will help you getting started in no time. Use our boilerplate to start ajusting the theme to your needs.
+                        <br>
+                        Basic functionalities included.
+                    </p>
+                    <br>
+                    <br>
+                    <br>
+
+                    <div class="row">
+                        <div class="col-12 col-md-8 offset-md-2">
+                            <a href="" data-bs-toggle="modal" data-bs-target="#exampleModal">
+                                <img src="https://picsum.photos/800/500" class="rounded mx-0">
+                            </a>
+                            <br>
+
+                            <a  class="btn btn-primary d-block mt-4 btn-lg" data-bs-toggle="modal" data-bs-target="#exampleModal">
+
+                                <svg style="fill: currentColor; width: 24px; margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M543.7 200.1C539.7 142.1 491.4 96 432 96c-7.6 0-15.1.8-22.4 2.3C377.7 58.3 328.1 32 272 32c-84.6 0-155.5 59.7-172.3 139.8C39.9 196.1 0 254.4 0 320c0 88.4 71.6 160 160 160h336c79.5 0 144-64.5 144-144 0-61.8-39.2-115.8-96.3-135.9zM496 432H160c-61.9 0-112-50.1-112-112 0-56.4 41.7-103.1 96-110.9V208c0-70.7 57.3-128 128-128 53.5 0 99.3 32.8 118.4 79.4 11.2-9.6 25.7-15.4 41.6-15.4 35.3 0 64 28.7 64 64 0 11.8-3.2 22.9-8.8 32.4 2.9-.3 5.9-.4 8.8-.4 53 0 96 43 96 96s-43 96-96 96zM387 256h-67v-84c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v84h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5z"/></svg>
+                                Install this Theme
+                            </a>
+
+                        </div>
+                    </div>
+
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+
+                    <h2>Learn about the Lumino Key Concepts</h2>
+                    <br>
+                    <h4>Content</h4>
+                    <p class="fs-5">
+                        A <i>content</i> is every information that is published on the Website. Every content is defined by its content type and  inherits all the  atributes from it.
+                    </p>
+                    <br>
+
+                    <h4>List</h4>
+                    <p class="fs-5">
+                        A <i>list</i> is a collection of contents or users. You can create unlimited lists with different includes and filters. For each list you can define its own list design.
+
+                    </p>
+                    <br>
+
+                    <h4>Page</h4>
+                    <p class="fs-5">
+                       A page can be a static HTML page or display contents.
+                    </p>
+                    <br>
+
+                    <h4>Content Typpe</h4>
+                    <p class="fs-5">
+                         A content type defines the fields a content consists of. This is made through Content Type Fields.
+                        <br>
+                        Example: A Content Car could consist of Content Type fields "Brand", "Color", "Fabrication date" and "Location"
+                    </p>
+                    <br>
+
+                    <h4>Content Typpe Fields</h4>
+                    <p class="fs-5">
+                        A content type field is what defines a content type.
+                        <br>
+                        List of available content type fileds:
+                        <br>
+                        <ul>
+                            <li>Text</li>
+                            <li>Textfield</li>
+                            <li>email</li>
+                            <li>url</li>
+                            <li>color</li>
+                            <li>number</li>
+                            <li>location</li>
+                            <li>regex</li>
+                        </ul>
+                    </p>
+                    <br>
+
+                    <h4>User</h4>
+                    <p class="fs-5">
+                        A <i>user</i> is everyone that can log in to the system. Each user belongs to one usergrroup from where the user inherits its
+                        permissions and custom fields.
+                    </p>
+                    <br>
+
+
+                    <h4>Usergroup</h4>
+                    <p class="fs-5">
+                        A <i>usergroup</i> defines the users permissions and any additionl information about the user.
+
+                    </p>
+                    <br>
+
+
+                    <h4>List Group</h4>
+                    <p class="fs-5">
+                        A <i>listgroup</i>is a "list of lists". That means that it consits of multiple lists that share the same or similar characteritics.
+                        <br>
+                        Example: The Lists "London", "Sydney", "Boston and "Rio de Janeiro" could be brought together in the List "Cities".
+                    </p>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+
+
+                    <h2>Read the Lumino Theme Developer Documentation</h2>
+                    <p class="fs-5">
+                        For full reference please refer to the <a href="#">Lumino Developer Documentation</a>
+                        <br>
+                        Basic functionalities included.
+                    </p>
+                    <br>
+                    <small>This site is still under construction.</small>
+
+
+
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+
+                </div>
+            </div>
+        </section>
+
+    </div>
+
+
+
+
+    <div class="modal fade" id="exampleModal" data-bs-backdrop="static" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="exampleModalLabel">Install Minimal Lumino Theme</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+
+                    <br>
+
+
+                        <div class="input-group input-group-lg">
+                            <input type="text" id="inputPassword5" class="form-control border-ci rounded" aria-describedby="passwordHelpBlock" readonly value="git@code.areya.de:Areya/minimal-theme.git">
+                            <div id="passwordHelpBlock" class="form-text">
+                                <br>
+                                Use this link to install the chosen theme into your own Lumino installation. Make sure the Theme is compatible with your Lumino Version.
+                            </div>
+                        </div>
+
+
+
+
+
+
+                    <br>
+                    <br>
+                    <br>
+                    <h5>Instructions</h5>
+
+                    <br>
+
+                    <img src="https://i.gifer.com/XG0z.gif" class="img-fluid" width="100%" loading="lazy">
+
+
+
+                </div>
+
+            </div>
+        </div>
+    </div>
+
+@stop
+
+
+
diff --git a/content/pages/publish.blade.php b/content/pages/publish.blade.php
new file mode 100644
index 0000000..9866f58
--- /dev/null
+++ b/content/pages/publish.blade.php
@@ -0,0 +1,60 @@
+@extends('template.'.config('settings.template').'.content.master')
+@section('content')
+
+
+    <div class="container">
+
+        <section>
+            <div class="row">
+                <div class="col">
+                    <h1 class="mt-5 mb-3">Publish your Lumino Theme</h1>
+
+                    <p class="fs-4 mt-4">
+                       Publishing you Lumino Theme is easy and straight forward.
+                        <br>
+                        <br>
+                        <br>
+
+
+
+                    </p>
+                    <br>
+                    <br>
+
+                    <h2 class="fs-3">1. Create your theme</h2>
+                    <p class="fs-4">
+                        If you don't know how , visti our page <a href="{{url('create-theme')}}">Create a Lumino Theme</a>.
+                    </p>
+                    <br>
+                    <br>
+
+                    <h2 class="fs-3">2. Sign-up for a themes.getlumino.com Account</h2>
+                    <p class="fs-4">
+                       Create your account and set up your public author profile.
+                    </p>
+                    <br>
+                    <br>
+
+                    <h2 class="fs-3">3. Select your Licence and publish your work</h2>
+                    <p class="fs-4">
+                        You can decide how you want to publish your work. It can remain private, public or even paid.
+                    </p>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+                    <br>
+
+                </div>
+            </div>
+        </section>
+
+    </div>
+
+
+
+@stop
+
+
+