From 7043555a55d6cd4e54126e0d59a4f365901bb3c2 Mon Sep 17 00:00:00 2001
From: Tom Johnson <tomjohnson1492@gmail.com>
Date: Thu, 21 Jan 2016 19:40:11 -0800
Subject: [PATCH] fixing scroll layout demo

---
 _includes/topnav.html   |  4 ++--
 mydoc/mydoc_scroll.html | 14 +++++++-------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/_includes/topnav.html b/_includes/topnav.html
index 91af986..7346727 100644
--- a/_includes/topnav.html
+++ b/_includes/topnav.html
@@ -72,7 +72,7 @@
 
 
                 <li>
-                     start search
+                     <!--start search-->
                     <div id="search-demo-container">
                         <input type="text" id="search-input" placeholder="{{site.data.strings.search_placeholder_text}}">
                         <ul id="results-container"></ul>
@@ -89,7 +89,7 @@
                                 fuzzy: true,
                         })
                     </script>
-                     end search
+                     <!--end search-->
                 </li>
             {% comment %}
                 {% include frameescape.html %}
diff --git a/mydoc/mydoc_scroll.html b/mydoc/mydoc_scroll.html
index 0146056..c304bab 100644
--- a/mydoc/mydoc_scroll.html
+++ b/mydoc/mydoc_scroll.html
@@ -155,7 +155,7 @@ $('#small-box-links').localScroll({
 </pre>
 
 </div><!-- end json-box-container-->
-</div> <!-- end col-md-4-->
+</div> <!-- end col-md-6-->
 
 <div class="col-md-3">
 
@@ -177,8 +177,8 @@ $('#small-box-links').localScroll({
     <div id="giraffe"><h5>giraffe</h5>Nullam venenatis at lectus sed pharetra. Sed hendrerit ligula lectus, non pellentesque diam faucibus sit amet. Aliquam dictum hendrerit pellentesque. Cras eu nisl sagittis, faucibus velit sit amet, sagittis odio. Donec vulputate ex vitae purus</div>
 
     <div id="hippo"><h5>hippo</h5>Cras nec pretium nulla. Suspendisse tempus tortor vel venenatis pulvinar. Integer varius tempor enim fringilla tincidunt. Phasellus magna turpis, auctor vitae elit eget, fringilla pellentesque est. Phasellus ut porta risus. Curabitur iaculis sapien sed venenatis auctor. Integer eu orci at lectus eleifend auctor id rutrum urna.</div>
-
-    <div id="igloo"><h5><igloo/h5>Fusce rhoncus elit sed quam laoreet placerat. Praesent lacinia metus quis felis mollis, ac facilisis risus consequat. Phasellus laoreet feugiat lacus. Etiam a neque est. </div>
+    
+    <div id="igloo"><h5>igloo</h5>Suspendisse tempus tortor vel venenatis pulvinar. Integer varius tempor enim fringilla tincidunt. Phasellus magna turpis, auctor vitae elit eget, fringilla pellentesque est. Phasellus ut porta risus.  </div>
 
     <div id="jeep"><h5>jeep</h5>Nulla vitae metus rutrum, condimentum orci nec, maximus est. Aenean sit amet ante nec elit dignissim faucibus eget quis quam. </div>
 
@@ -210,11 +210,12 @@ $('#small-box-links').localScroll({
 
     <div id="yahoo"><h5>yahoo</h5>Nunc commodo consectetur scelerisque. Proin fermentum ligula ac quam finibus tincidunt. Aenean venenatis nisi et semper semper. Nunc sodales velit ipsum, ac pellentesque augue placerat eu.</div>
 
-    <div id="zeta"><h5><zeta</h5>Nullam ac suscipit odio. Curabitur viverra arcu ut egestas sollicitudin. Fusce sodales varius lectus ut tristique. Etiam eget nunc ornare, aliquet tortor eget, consequat mauris. Integer sit amet fermentum augue. </div>
+    <div id="zeta"><h5>zeta</h5>Nullam ac suscipit odio. Curabitur viverra arcu ut egestas sollicitudin. Fusce sodales varius lectus ut tristique. Etiam eget nunc ornare, aliquet tortor eget, consequat mauris. Integer sit amet fermentum augue. </div>
 
     <div id="alpha"><h5>alpha</h5>Praesent nec neque ac tellus sodales eleifend nec vel ipsum. Cras et semper risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer mattis leo nisl, a tincidunt lectus tristique eget. Donec finibus lobortis viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus egestas pulvinar odio non vehicula. Morbi malesuada leo eget nisl sagittis aliquet.</div>
 
-    <div id="beta"><h5><beta</h5>Mauris a libero vel enim pharetra interdum non a quam. Sed tincidunt ut elit sed dignissim. Suspendisse vitae tellus dapibus, fermentum lacus ac, fermentum lacus. Nam ante odio, fringilla ac elementum a, mollis sed tellus. </div>
+
+    <div id="beta"><h5>beta</h5>Mauris a libero vel enim pharetra interdum non a quam. Sed tincidunt ut elit sed dignissim. Suspendisse vitae tellus dapibus, fermentum lacus ac, fermentum lacus. Nam ante odio, fringilla ac elementum a, mollis sed tellus.</div>
 
     <div id="cappa"><h5>cappa</h5>Nam molestie semper nulla et molestie. Ut facilisis, ipsum sed convallis posuere, mi mauris bibendum erat, nec egestas ipsum est nec dolor. </div>
 
@@ -222,11 +223,10 @@ $('#small-box-links').localScroll({
 
 
 </div> <!-- end definition-box-container -->
-</div> <!-- end col-md-5--> 
+</div> <!-- end col-md-3-->
 </div> <!-- end small-box-links -->
 </div> <!-- end row -->
 </div> <!-- end container -->
-</div>
 
 {{site.data.alerts.note}} This was mostly an experiment to see if there was a better way to document a long JSON code example. I haven't actually used this approach in my own documentation.{{site.data.alerts.end}}