j1_template_mde 2018.4.17 → 2018.4.18

data/lib/starter_web/pages/public/start/bmd_examples/000_includes/attributes.asciidoc

@@ -0,0 +1,58 @@
+// ~/document_base_folder/000_includes
+//  Asciidoc attribute includes:                 attributes.asciidoc
+// -----------------------------------------------------------------------------
+
+
+// URLs - Internal references and/or sources on the Internet
+// -----------------------------------------------------------------------------
+tag::urls[]
+:bmd-examples-landing-page-lesson-5:              https://mdbootstrap.com/education/bootstrap/landing-page-lesson-5/
+:roundtrip_data_slider_picker:                    /pages/roundtrip/data_slider_picker
+end::urls[]
+
+// Tags - Asciidoc attributes used internally
+// -----------------------------------------------------------------------------
+tag::tags[]
+
+:window:                                          window="_blank"
+:no-clipboard:                                    noclip
+:figure-caption:                                  Figure
+:images-dir:                                      pages/roundtrip
+:y:                                               icon:check[role="green"]
+:n:                                               icon:times[role="red"]
+:c:                                               icon:file-alt[role="blue"]
+:beginner:                                        icon:battery-quarter[role="md-blue"]
+:inter:                                           icon:battery-half[role="md-blue"]
+:advanced:                                        icon:battery-full[role="md-blue"]
+:emdash:                                          —
+:bullet:                                          •
+:bigbullet:                                       ●
+:bigbigbullet:                                    ⬤
+:dot:                                             .
+:dotdot:                                          ..
+:middot:                                          ·
+
+end::tags[] 
+
+// Data - Data elements for Asciidoctor extensions
+// -----------------------------------------------------------------------------
+tag::data[]
+
+:data-images-standalone:                          "{images-dir}/100_present_images/image-2.jpg, Two men in bicycle jerseys sitting outside at table having coffee, {images-dir}/100_present_images/image-1.jpg, Young lady looking at the beach"
+
+end::data[]
+
+// Product - Document (e.g release) information
+// -----------------------------------------------------------------------------
+tag::product_info[]
+:license:                                         MIT License
+:revdate:                                         2018
+:revnumber:                                       1.0.0
+end::product_info[]
+
+
+// Author - Author information
+// -----------------------------------------------------------------------------
+tag::authors[]
+:uri-author-juergen-adams                         https://jekyll.one
+end::authors[]

data/lib/starter_web/pages/public/start/bmd_examples/100_bmd_landing_page.adoc

@@ -0,0 +1,256 @@
+---
+title:                                  BMD Examples
+tagline:                                Landing page
+description:                            Test page for content changes
+
+tags:                                   []
+resources:                              []
+permalink:                              /public/start/bmd_examples/landing_page/
+
+resource_options:
+
+  - toccer:
+      collapseDepth:                    2
+
+  - masthead:
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/widescreen/featured-1920x800.jpg
+          alt:                          featured-1920x800
+
+regenerate:                             true
+---
+
+// Enable the Liquid Preprocessor
+//
+:page-liquid:
+
+// Set other global page attributes here
+// -------------------------------------------------------------------
+
+//  Load Liquid procedures
+// -------------------------------------------------------------------
+{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+{% capture set_image_block %}themes/{{site.template.name}}/procedures/global/set_image_block.proc{%endcapture%}
+
+// Initialize entry document environmental attributes
+// -------------------------------------------------------------------
+{% include {{set_env_entry_document}} %}
+
+// Load tag, url and data attributes
+// -------------------------------------------------------------------
+include::{includedir}/attributes.asciidoc[tag=tags]
+include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
+
+// Set local page attributes
+// -------------------------------------------------------------------
+//:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
+
+// Place an excerpt at the most top position
+// -----------------------------------------------------------------------------
+// Page excerpt text
+// excerpt__end
+
+// MAIN
+// =============================================================================
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+== Landing Page
+
+lorem:sentences[3]
+
+=== Carousel
+
+lorem:sentences[3]
+
+++++
+
+<!--Grid column-->
+<div class="col-md-6 mb-4">
+
+  <!--Carousel Wrapper-->
+  <div id="carousel-example-1z" class="carousel slide carousel-fade" data-ride="carousel">
+    <!--Indicators-->
+    <ol class="carousel-indicators">
+      <li data-target="#carousel-example-1z" data-slide-to="0" class="active"></li>
+      <li data-target="#carousel-example-1z" data-slide-to="1"></li>
+      <li data-target="#carousel-example-1z" data-slide-to="2"></li>
+    </ol>
+    <!--/.Indicators-->
+    <!--Slides-->
+    <div class="carousel-inner" role="listbox">
+      <!--First slide-->
+      <div class="carousel-item active">
+        <img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg" alt="First slide">
+      </div>
+      <!--/First slide-->
+      <!--Second slide-->
+      <div class="carousel-item">
+        <img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(129).jpg" alt="Second slide">
+      </div>
+      <!--/Second slide-->
+      <!--Third slide-->
+      <div class="carousel-item">
+        <img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg" alt="Third slide">
+      </div>
+      <!--/Third slide-->
+    </div>
+    <!--/.Slides-->
+    <!--Controls-->
+    <a class="carousel-control-prev" href="#carousel-example-1z" 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-example-1z" role="button" data-slide="next">
+      <span class="carousel-control-next-icon" aria-hidden="true"></span>
+      <span class="sr-only">Next</span>
+    </a>
+    <!--/.Controls-->
+  </div>
+  <!--/.Carousel Wrapper-->
+
+</div>
+<!--Grid column-->
+
+++++
+
+
+=== Hover Effects
+
+pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-indigo"></i>]
+See: link:{bmd-examples-landing-page-lesson-5}[landing-page-lesson-5, {window}]
+
+Hover effect, waves effect and shadows.
+
+
+
+++++
+<!--Section: Examples-->
+<section id="examples" class="text-center">
+
+  <!--Grid row-->
+  <div class="row">
+
+    <!--Grid column-->
+    <div class="col-lg-4 col-md-12 mb-4">
+
+      <div class="view overlay z-depth-1-half">
+        <img src="https://mdbootstrap.com/img/Photos/Others/images/48.jpg" class="img-fluid">
+        <a href="#">
+          <div class="mask rgba-white-slight"></div>
+        </a>
+      </div>
+
+      <h4 class="notoc my-4 font-weight-bold">Heading</h4>
+      <p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam,
+        aperiam minima
+        assumenda deleniti hic.</p>
+
+    </div>
+    <!--Grid column-->
+
+    <!--Grid column-->
+    <div class="col-lg-4 col-md-6 mb-4">
+
+      <div class="view overlay z-depth-1-half">
+        <img src="https://mdbootstrap.com/img/Photos/Others/images/49.jpg" class="img-fluid">
+        <a href="#">
+          <div class="mask rgba-white-slight"></div>
+        </a>
+      </div>
+
+      <h4 class="notoc my-4 font-weight-bold">Heading</h4>
+      <p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam,
+        aperiam minima
+        assumenda deleniti hic.</p>
+
+    </div>
+    <!--Grid column-->
+
+    <!--Grid column-->
+    <div class="col-lg-4 col-md-6 mb-4">
+
+      <div class="view overlay z-depth-1-half">
+        <img src="https://mdbootstrap.com/img/Photos/Others/images/50.jpg" class="img-fluid">
+        <a href="#">
+          <div class="mask rgba-white-slight"></div>
+        </a>
+      </div>
+
+      <h4 class="notoc my-4 font-weight-bold">Heading</h4>
+      <p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam,
+        aperiam minima
+        assumenda deleniti hic.</p>
+
+    </div>
+    <!--Grid column-->
+
+  </div>
+  <!--Grid row-->
+
+  <!--Grid row-->
+  <div class="row">
+
+    <!--Grid column-->
+    <div class="col-lg-4 col-md-12 mb-4">
+
+      <div class="view overlay z-depth-1-half">
+        <img src="https://mdbootstrap.com/img/Photos/Others/images/51.jpg" class="img-fluid">
+        <a href="#">
+          <div class="mask rgba-white-slight"></div>
+        </a>
+      </div>
+
+      <h4 class="notoc my-4 font-weight-bold">Heading</h4>
+      <p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam,
+        aperiam minima
+        assumenda deleniti hic.</p>
+
+    </div>
+    <!--Grid column-->
+
+    <!--Grid column-->
+    <div class="col-lg-4 col-md-6 mb-4">
+
+      <div class="view overlay z-depth-1-half">
+        <img src="https://mdbootstrap.com/img/Photos/Others/images/52.jpg" class="img-fluid">
+        <a href="#">
+          <div class="mask rgba-white-slight"></div>
+        </a>
+      </div>
+
+      <h4 class="notoc my-4 font-weight-bold">Heading</h4>
+      <p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam,
+        aperiam minima
+        assumenda deleniti hic.</p>
+
+    </div>
+    <!--Grid column-->
+
+    <!--Grid column-->
+    <div class="col-lg-4 col-md-6 mb-4">
+
+      <div class="view overlay z-depth-1-half">
+        <img src="https://mdbootstrap.com/img/Photos/Others/images/53.jpg" class="img-fluid">
+        <a href="#">
+          <div class="mask rgba-white-slight"></div>
+        </a>
+      </div>
+
+      <h4 class="notoc my-4 font-weight-bold">Heading</h4>
+      <p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam,
+        aperiam minima
+        assumenda deleniti hic.</p>
+
+    </div>
+    <!--Grid column-->
+
+  </div>
+  <!--Grid row-->
+
+</section>
+<!--Section: Examples-->
+++++

data/lib/starter_web/pages/public/start/change_me_first.adoc

@@ -39,10 +39,7 @@ lorem:sentences[5]
 
 //lorem:words[3]
 
-// {{ page.document | tocify_asciidoc }}
-
 //////////
-
 [disk]
 * one
 * two
@@ -62,5 +59,5 @@ icon:tags[role="md-blue"] Interactive Check List
 * [x] also checked
 * [ ] not checked
 *     normal list item
+//////////
 
-//////////

data/lib/starter_web/pages/public/start/roundtrip/100_present_images.adoc

@@ -48,38 +48,39 @@ resource_options:
 ---
 
 // Enable the Liquid Preprocessor
-//
+// -----------------------------------------------------------------------------
 :page-liquid:
 
 // Set other global page attributes here
-// -------------------------------------------------------------------
+// -----------------------------------------------------------------------------
+//:my-asciidoc-attribute:
 
 //  Load Liquid procedures
-// -------------------------------------------------------------------
+// -----------------------------------------------------------------------------
 {% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
 {% capture set_image_block %}themes/{{site.template.name}}/procedures/global/set_image_block.proc{%endcapture%}
 
 // Initialize entry document environmental attributes
-// -------------------------------------------------------------------
+// -----------------------------------------------------------------------------
 {% include {{set_env_entry_document}} %}
 
 // Load tag, url and data attributes
-// -------------------------------------------------------------------
+// -----------------------------------------------------------------------------
 include::{includedir}/attributes.asciidoc[tag=tags]
 include::{includedir}/attributes.asciidoc[tag=urls]
 include::{includedir}/attributes.asciidoc[tag=data]
 
 // Set local page attributes
-// -------------------------------------------------------------------
+// -----------------------------------------------------------------------------
 :images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
 
 // Place an excerpt at the most top position
 // -----------------------------------------------------------------------------
-// Page excerpt text
+// Page excerpt text ..
+//
+// [role="clearfix mb-3"]
 // excerpt__end
 
-// MAIN
-// =============================================================================
 
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

data/lib/starter_web/pages/public/start/roundtrip/200_cards.adoc

@@ -46,6 +46,7 @@ include::{includedir}/attributes.asciidoc[tag=urls]
 // Additional Asciidoc page attributes goes here
 //
 
+Bla
 
 A card is a sheet of material that serves as an entry point to more detailed
 information. Cards may contain a photo, text, and a link about a single subject.
@@ -72,13 +73,13 @@ lorem:sentences[2]
             <i class="mdi mdi-information-outline"></i> The Next Web
           </h5>
           <h4 class="notoc card-title">
-            <a href="javascript:void(0)">"Focus on Your Employees"</a>
+            <a href="#">"Focus on Your Employees"</a>
           </h4>
           <p class="card-description">
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
           </p>
           <div class="footer text-center">
-            <a href="javascript:void(0)" class="btn btn-secondary mt-1 mb-2">
+            <a href="#" class="btn btn-secondary mt-1 mb-2">
               <i class="mdi mdi-blogger"></i> Read Article
             </a>
           </div>
@@ -93,11 +94,11 @@ lorem:sentences[2]
             <i class="mdi mdi-twitter"></i> Twitter
           </h5>
           <h4 class="notoc card-title">
-            <a href="javascript:void(0)">"Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore."</a>
+            <a href="#">"Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore."</a>
           </h4>
           <div class="footer mt-5 mb-2">
             <div class="author">
-              <a href="javascript:void(0)">
+              <a href="#">
                 <img class="avatar img-raised" src="/assets/images/md-kit/avatar.jpg" alt="image avatar.jpg" >
                 <span>Tania Andrew</span>
               </a>
@@ -125,16 +126,16 @@ lorem:sentences[5]
     <div class="card card-background" style="background-image: url('/assets/images/md-kit/office1.jpg')">
       <div class="content">
         <h6 class="notoc category text-info">Productivy Apps</h6>
-        <a href="javascript:void(0)">
+        <a href="#">
           <h3 class="notoc card-title">The Best Productivity Apps on Market</h3>
         </a>
         <p class="card-description">
           Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
         </p>
-        <a href="javascript:void(0)" class="btn btn-info btn-round btn-raised mt-1 mb-1">
+        <a href="#" class="btn btn-info btn-round btn-raised mt-1 mb-1">
         <i class="mdi mdi-blogger"></i> Read Article
         </a>
-        <a href="javascript:void(0)" class="btn btn-info btn-round btn-raised">
+        <a href="#" class="btn btn-info btn-round btn-raised">
         <i class="mdi mdi-timer"></i> Watch Later
         </a>
       </div>
@@ -149,7 +150,7 @@ lorem:sentences[5]
         <p class="card-description">
           Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
         </p>
-        <a href="javascript:void(0)" class="btn btn-danger btn-round btn-raised mb-1">
+        <a href="#" class="btn btn-danger btn-round btn-raised mb-1">
         <i class="mdi mdi-blogger"></i> Read Article
         </a>
       </div>
@@ -178,7 +179,7 @@ lorem:sentences[5]
       <div class="card card-blog">
 
         <div class="card-image">
-          <a href="javascript:void(0)">
+          <a href="#">
             <img class="img" src="/assets/images/md-kit/blog5.jpg" alt="image blog5.jpg">
           </a>
         </div>
@@ -202,7 +203,7 @@ lorem:sentences[5]
     <div class="col-md-6 mt-3">
       <div class="card card-blog card-plain">
         <div class="card-image">
-          <a href="javascript:void(0)">
+          <a href="#">
           <img class="img" src="/assets/images/md-kit/blog5.jpg" alt="image blog5.jpg">
           </a>
 
@@ -281,7 +282,7 @@ lorem:sentences[2]
       <div class="col-md-4">
         <div class="card card-profile">
           <div class="card-image">
-            <a href="javascript:void(0)">
+            <a href="#">
             <img class="img" src="/assets/images/md-kit/card-profile4.jpg" alt="image card-profile4.jpg">
             </a>
           </div>
@@ -292,9 +293,9 @@ lorem:sentences[2]
               Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
             </p>
             <div class="footer">
-              <a href="javascript:void(0)" class="btn btn-just-icon btn-simple btn-twitter"><i class="fab fa-twitter"></i></a>
-              <a href="javascript:void(0)" class="btn btn-just-icon btn-simple btn-dribbble"><i class="fab fa-dribbble"></i></a>
-              <a href="javascript:void(0)" class="btn btn-just-icon btn-simple btn-instagram"><i class="fab fa-instagram"></i></a>
+              <a href="#" class="btn btn-just-icon btn-simple btn-twitter"><i class="fab fa-twitter"></i></a>
+              <a href="#" class="btn btn-just-icon btn-simple btn-dribbble"><i class="fab fa-dribbble"></i></a>
+              <a href="#" class="btn btn-just-icon btn-simple btn-instagram"><i class="fab fa-instagram"></i></a>
             </div>
           </div>
       </div>
@@ -302,7 +303,7 @@ lorem:sentences[2]
       <div class="col-md-4">
         <div class="card card-profile">
           <div class="card-image">
-            <a href="javascript:void(0)">
+            <a href="#">
             <img class="img" src="/assets/images/md-kit/card-profile1.jpg" alt="image card-profile1.jpg">
             </a>
           </div>
@@ -311,8 +312,8 @@ lorem:sentences[2]
             <h6 class="notoc category text-gray">CEO &#xB7; Co-Founder</h6>
             <div class="footer">
               <ul class="social-icons">
-                <li><a href="javascript:void(0)" data-original-title="Facebook" class="rounded-circle social_facebook"></a></li>
-                <li><a href="javascript:void(0)" data-original-title="Twitter" class="rounded-circle social_twitter"></a></li>
+                <li><a href="#" data-original-title="Facebook" class="rounded-circle social_facebook"></a></li>
+                <li><a href="#" data-original-title="Twitter" class="rounded-circle social_twitter"></a></li>
               </ul>
             </div>
           </div>
@@ -321,7 +322,7 @@ lorem:sentences[2]
       <div class="col-md-4">
         <div class="card card-profile">
           <div class="card-avatar">
-            <a href="javascript:void(0)">
+            <a href="#">
             <img class="img" src="/assets/images/md-kit/marc.jpg" alt="image marc.jpg">
             </a>
           </div>
@@ -331,7 +332,7 @@ lorem:sentences[2]
             <p class="card-description">
               Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
             </p>
-            <a href="javascript:void(0)" class="btn btn-info btn-round btn-raised">Follow</a>
+            <a href="#" class="btn btn-info btn-round btn-raised">Follow</a>
           </div>
         </div>
       </div>
@@ -348,7 +349,7 @@ lorem:sentences[4]
     <div class="col-md-6 mt-3">
       <div class="card card-blog">
         <div class="card-image">
-          <a href="javascript:void(0)">
+          <a href="#">
           <img class="img" src="/assets/images/pages/roundtrip/meeting.jpg" alt="image img12.jpg">
           </a>
         </div>
@@ -357,7 +358,7 @@ lorem:sentences[4]
             <i class="mdi mdi-scale-balance"></i> Legal
           </h5>
           <h4 class="notoc card-title">
-            <a href="javascript:void(0)">5 Common Legal Mistakes That Can Trip-Up Your Startup</a>
+            <a href="#">5 Common Legal Mistakes That Can Trip-Up Your Startup</a>
           </h4>
           <p class="card-description">
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
@@ -365,7 +366,7 @@ lorem:sentences[4]
           </p>
           <div class="footer">
             <div class="author">
-              <a href="javascript:void(0)">
+              <a href="#">
                 <img class="avatar img-raised" src="/assets/images/md-kit/marc.jpg" alt="image mark.jpg">
               <span>Mike John</span>
               </a>
@@ -381,7 +382,7 @@ lorem:sentences[4]
     <div class="col-md-6 mt-3">
       <div class="card card-blog card-plain">
         <div class="card-image">
-          <a href="javascript:void(0)">
+          <a href="#">
             <img class="img" src="/assets/images/master_header/stefan-stefancik-1200.jpg" alt="image stefan-stefancik-1200.jpg" >
           </a>
         </div>
@@ -390,11 +391,11 @@ lorem:sentences[4]
             <i class="mdi mdi-trending-up"></i> Trending
           </h5>
           <h4 class="notoc card-title">
-            <a href="javascript:void(0)">To Grow Your Business Start Focusing on Your Employees</a>
+            <a href="#">To Grow Your Business Start Focusing on Your Employees</a>
           </h4>
           <div class="footer">
             <div class="author">
-              <a href="javascript:void(0)">
+              <a href="#">
                 <img class="avatar img-raised" src="/assets/images/md-kit/marc.jpg" alt="image mark.jpg">
               <span>Mike John</span>
               </a>
@@ -422,7 +423,7 @@ lorem:sentences[2]
       <div class="col-md-4">
         <div class="card card-profile">
           <div class="card-icon">
-            <a href="javascript:void(0)">
+            <a href="#">
               <i class="card-icon-circle raised mdi mdi-responsive mdi-5x mdi-md-indigo-50 card-icon-background-color-theme card-icon-mdi"></i>
             </a>
           </div>
@@ -436,7 +437,7 @@ lorem:sentences[2]
             <p class="card-description">
               <i>Folgen Sie Ihren Besuchern.</i>
             </p>
-            <a href="javascript:void(0)" class="btn btn-info btn-round btn-raised">Mehr Lesen</a>
+            <a href="#" class="btn btn-info btn-round btn-raised">Mehr Lesen</a>
           </div>
         </div>
       </div>
@@ -444,7 +445,7 @@ lorem:sentences[2]
       <div class="col-md-4">
         <div class="card card-profile">
           <div class="card-icon">
-            <a href="javascript:void(0)">
+            <a href="#">
               <i class="card-icon-circle raised mdi mdi-language-html5 mdi-5x mdi-md-indigo-50 card-icon-background-color-theme card-icon-mdi"></i>
             </a>
           </div>
@@ -458,7 +459,7 @@ lorem:sentences[2]
             <p class="card-description">
               <i>Machen Sie Ihre Site einzigartig.</i>
             </p>
-            <a href="javascript:void(0)" class="btn btn-info btn-round btn-raised">Mehr Lesen</a>
+            <a href="#" class="btn btn-info btn-round btn-raised">Mehr Lesen</a>
           </div>
         </div>
       </div>
@@ -466,7 +467,7 @@ lorem:sentences[2]
       <div class="col-md-4">
         <div class="card card-profile">
           <div class="card-icon">
-            <a href="javascript:void(0)">
+            <a href="#">
               <i class="card-icon-circle raised mdi mdi-clock mdi-5x mdi-md-indigo-50 card-icon-background-color-theme card-icon-mdi"></i>
             </a>
           </div>
@@ -480,7 +481,7 @@ lorem:sentences[2]
             <p class="card-description">
               <i>Konfigurieren was nötig ist.</i>
             </p>
-            <a href="javascript:void(0)" class="btn btn-info btn-round btn-raised">Mehr Lesen</a>
+            <a href="#" class="btn btn-info btn-round btn-raised">Mehr Lesen</a>
           </div>
         </div>
       </div>
@@ -597,7 +598,7 @@ lorem:sentences[4]
       <div class="card card-blog">
 
         <div class="card-image">
-          <a href="javascript:void(0)">
+          <a href="#">
             <img class="img" src="/assets/images/md-kit/blog5.jpg" alt="image blog5.jpg">
           </a>
         </div>