Fix

resources/views/example/example.css

+.exampleImage{
+    height: 100%;
+    width: 100%;
+    display:block;
+    max-width:300px;
+}

resources/views/example/index.blade.php

 {{-- Master --}}
 @extends('limitless::master')
 
+
+
 {{-- Basics --}}
 @section('limitless::title', 'Limitless Design')
-@section('limitless::logoLarge', 'https://cdn.backoffice.online/limitless/Template/global_assets/images/logo_light.png')
-@section('limitless::logoSmall', 'https://cdn.backoffice.online/limitless/Template/global_assets/images/logo_icon_light.png')
-@section('limitless::logoMobile', 'https://cdn.backoffice.online/limitless/Template/global_assets/images/logo_dark.png')
+@section('limitless::titleurl', 'https://google.de')
+@section('limitless::language', 'en')
+@section('limitless::largelogo', 'https://cdn.backoffice.online/limitless/Template/global_assets/images/logo_light.png')
+@section('limitless::smalllogo', 'https://cdn.backoffice.online/limitless/Template/global_assets/images/logo_icon_light.png')
+@section('limitless::mobilelogo', 'https://cdn.backoffice.online/limitless/Template/global_assets/images/logo_dark.png')
+
+
 
-{{-- Custom Assets --}}
+{{-- Assets --}}
 @section('limitless::assets')
-    <script src="@publish( base_path().'/resources/views/example/index.js' )"></script>
-    <link rel="stylesheet" href="@publish( base_path().'/resources/views/example/index.css' )">
+
+    {{-- Javascript --}}
+    <script src="@limitless::publish( base_path().'/resources/views/example/example.js' )"></script>
+
+    {{-- Stylesheet--}}
+    <link rel="stylesheet" href="@limitless::publish( base_path().'/resources/views/example/example.css' )">
+
+    {{-- Inline --}}
     <script>
         console.log('Add some custom javascript here...');
     </script>
+
 @endsection
 
+
+
 {{-- Navigation --}}
 @section('limitless::navigation')
-    @mainNavigationItem('https://google.de','icon-home8','Link', '_blank')
-    @mainNavigationItem('https://ebay.de','icon-home','Link', '_self')
-    @mainNavigationDevider
-    @mainNavigationSubmenu('icon-home', 'Dropdown')
-        @mainNavigationItem('https://ebay.de','icon-home8','Link', '_self')
-        @mainNavigationItem('https://ebay.de','icon-home8','Link', '_self')
-        @mainNavigationSubmenu('icon-home2', 'Dropdown')
-            @mainNavigationItem('https://ebay.de','icon-home8','Link', '_self')
-            @mainNavigationItem('https://ebay.de','icon-home8','Link', '_self')
-        @endmainNavigationSubmenu
-    @endmainNavigationSubmenu
+
+    @limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_blank', 'title' => 'One'])
+    @limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_blank', 'title' => 'Two'])
+
+    @limitless::navigationdevider
+
+    @limitless::navigationsubmenu(['icon' => 'icon-home8', 'title' => 'Submenu'])
+
+        @limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Three'])
+        @limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Four'])
+
+        @limitless::navigationsubmenu(['icon' => 'icon-home8', 'title' => 'Submenu'])
+
+            @limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Five'])
+            @limitless::navigationitem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Six'])
+
+        @limitless::endnavigationsubmenu
+
+    @limitless::endnavigationsubmenu
+
 @endsection
 
+
+
 {{-- Content --}}
 @section('limitless::content')
-    @card('First Card')
+
+    @limitless::card('First Card')
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
         tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
         At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
-        gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <br/>
-        <img class="exampleImage" src="@publish( base_path().'/resources/views/example/index.jpg' )" />
-    @endcard
-    @card('Seccond Card')
+        gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+        <img class="exampleImage" src="@limitless::publish( base_path().'/resources/views/example/example.jpg' )" />
+    @limitless::endcard
+
+    @limitless::card('Seccond Card')
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
         tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
         At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
         gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem
-    @endcard
+    @limitless::endcard
+
 @endsection
 
+
+
 {{-- Footer --}}
 @section('limitless::footer')
-    @copyright('Copyright © '.date('Y').' IT-Max GmbH.')
-    @footerNavigation
-        @footerNavigationItem('https://google.de','icon-home8','Home', '_self')
-        @footerNavigationItem('https://google.de','icon-price-tags2','Ticket', '_blank')
-    @endfooterNavigation
+
+    @limitless::copyright('Copyright © '.date('Y').' IT-Max GmbH')
+
+    @limitless::footermenu
+
+        @limitless::footeritem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Navigation Item'])
+        @limitless::footeritem(['url' => 'https://google.de', 'icon' => 'icon-home8', 'target' => '_self', 'title' => 'Navigation Item'])
+
+    @limitless::endfootermenu
+
 @endsection

resources/views/example/index.css

-.exampleImage{
-    width: 350px!important;
-}