<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <!--agorascript-pre
      capture_STDOUT();
      print qq~<a class="navbar-brand" href="$sc_display_cartlinksite_url">$sc_headerStoreTitle</a>\n~;
      uncapture_STDOUT();  -->
    </div>
    <div id="navbar" class="navbar-collapse collapse">

      <ul class="nav navbar-nav navbar-right fa-2x">
        <!--agorascript-pre
        capture_STDOUT();
        print qq~
          $sc_template_social_facebook \n
          $sc_template_social_twitter
          $sc_template_social_googleplus
          $sc_template_social_linkedin
          $sc_template_social_instagram
          $sc_template_social_gab \n
          $sc_template_social_youtube
        \n~;
        uncapture_STDOUT();  -->
      </ul>
      <form class="navbar-form navbar-right hidden-sm" method="post" action="agora.cgi">
        <input type="text" class="form-control" name="keywords" maxlength="75" placeholder="Search...">
        <input type="hidden" name="cart_id" value="[[cart_id]]">
        <input type="hidden" name="ppinc" value="search">
        <input type="hidden" name="search_request_button" value="Search">
      </form>
    </div>
  </div>
</nav>

<div class="container-fluid">
  <div class="row row-leftoffcanvas row-leftoffcanvas-left">
    <div class="col-xs-3 col-sm-3 col-md-2 sidebar-leftoffcanvas sidebar">
        <!--agorascript-pre {
        capture_STDOUT();
            standard_column_routine('Zone3');
        uncapture_STDOUT();
        }
        -->
        <ul class="nav nav-sidebar list-unstyled">
          <!--START Dynamic Links - cartlinks-->
          <!--agorascript-pre
          capture_STDOUT();
          cartlinks();
          print $cartlinks;
          uncapture_STDOUT();  -->
      </ul>
      <!--agorascript-pre {
      capture_STDOUT();
          standard_column_routine('Zone4');
      uncapture_STDOUT();
      }
      -->


    </div>
    <div class="row row-offcanvas row-offcanvas-right col-sm-offset-3 col-md-offset-2 main">
      <div class="col-xs-12 col-sm-8 col-md-9 col-lg-9">

        <p class="visible-xs">
      	<button type="button" class="btn btn-info btn-xs" data-toggle="leftoffcanvas">Toggle Left Column View</button><br><br>
      	</p>
        <p class="visible-xs text-center">
  		<a class="btn btn-primary btn-sm agc_add_button" role="button" href="[[scripturl]]?dc=1&amp;[[href_fields]]" rel="nofollow" title="View Your Shopping Cart"><i class="fa fa-shopping-cart fa-lg"></i> [[viewcart]]</a>
          <a class="btn btn-primary btn-sm agc_add_button" role="button" href='[[StepOneURL]]?order_form_button.x=1&amp;[[href_fields]]' rel="nofollow" title="Start Checkout Process"><i class="fa fa-check fa-lg"></i> [[checkout]]</a>
    	</p>
        <!--agorascript-pre { # code to count up the CART contents
        capture_STDOUT();
            standard_horizontal_widget_routine('Zone5');
        uncapture_STDOUT();
        }
        -->
