diff --git a/build-scripts/build-web-examples.pl b/build-scripts/build-web-examples.pl
index 74802e9b5a..0bf910af8b 100755
--- a/build-scripts/build-web-examples.pl
+++ b/build-scripts/build-web-examples.pl
@@ -227,7 +227,7 @@ sub handle_example_dir {
 
     my $other_examples_html = "<ul>";
     foreach my $example (get_examples_for_category($category)) {
-        $other_examples_html .= "<li><a href='/$project/$category/$example'>$category/$example</a></li>";
+        $other_examples_html .= "<li><a href='/$project/$category/$example/'>$category/$example</a></li>";
     }
     $other_examples_html .= "</ul>";
 
@@ -288,7 +288,7 @@ sub generate_example_thumbnail {
     }
 
     return "
-        <a href='/$project/$category/$example'>
+        <a href='/$project/$category/$example/'>
           <div>
             <img src='$example_image_url' $example_mouseover_html />
             <div>$example_no_num</div>
diff --git a/examples/template-category.html b/examples/template-category.html
index 909b2c6392..f05d7af2ca 100644
--- a/examples/template-category.html
+++ b/examples/template-category.html
@@ -31,7 +31,7 @@
       <nav class="breadcrumb">
         <ul>
           <li><a href="/@project_name@/">@project_name@</a></li>
-          <li><a href="/@project_name@/@category_name@">@category_name@</a></li>
+          <li><a href="/@project_name@/@category_name@/">@category_name@</a></li>
         </ul>
       </nav>
       <h1>@project_name@ examples: @category_description@</h1>
diff --git a/examples/template-homepage.html b/examples/template-homepage.html
index 46951b287d..f1e89fe773 100644
--- a/examples/template-homepage.html
+++ b/examples/template-homepage.html
@@ -30,7 +30,7 @@
     <main>
       <nav class="breadcrumb">
         <ul>
-          <li><a href="/@project_name@">@project_name@</a></li>
+          <li><a href="/@project_name@/">@project_name@</a></li>
         </ul>
       </nav>
       <h1>@project_name@ examples</h1>
diff --git a/examples/template.html b/examples/template.html
index 5af99c2c7a..84568e4187 100644
--- a/examples/template.html
+++ b/examples/template.html
@@ -202,9 +202,9 @@
       <div id="content">
         <nav class="breadcrumb">
           <ul>
-            <li><a href="/@project_name@">@project_name@</a></li>
-            <li><a href="/@project_name@/@category_name@">@category_name@</a></li>
-            <li><a href="/@project_name@/@category_name@/@example_name@">@example_name@</a></li>
+            <li><a href="/@project_name@/">@project_name@</a></li>
+            <li><a href="/@project_name@/@category_name@/">@category_name@</a></li>
+            <li><a href="/@project_name@/@category_name@/@example_name@/">@example_name@</a></li>
           </ul>
         </nav>
         <hr/>