|
|
Line 53: |
Line 53: |
| {{:Guide Contents}} | | {{:Guide Contents}} |
| </div> | | </div> |
| <div class="col-md-12 column pull-right">
| |
| <div class="portlet">
| |
| <div class="panel panel-primary-light-border">
| |
| <div class="panel-heading clearfix">
| |
| <div class="panel-caption">
| |
| <h4 class="panel-title">INTRODUCTION TO THE LOW IMPACT DEVELOPMENT PLANNING AND DESIGN GUIDE</h4>
| |
| </div>
| |
| <div class="panel-options dark">
| |
| <div class="panel-expand">
| |
| <div class="pointer"><i class="fa fa-chevron-down"></i></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div style="display: none;" class="panel-body">
| |
| <p class="justify">
| |
|
| |
|
| <ul class="fa-ul">
| | |
| <li><i class="fa-li fa fa-plus-square"></i>About this Document</li>
| | </div> |
| <li><i class="fa-li fa fa-square-o"></i> Acknowledgements</li>
| |
| <li><i class="fa-li fa fa-square-o"></i> Definition of Low Impact Development and Related Terminology</li>
| |
| <li><i class="fa-li fa fa-square"></i>[[History_and_Context|History and Context]]</li>
| |
| <li><i class="fa-li fa fa-square"></i>Legislative Framework</li>
| |
| <li><i class="fa-li fa fa-square"></i>The Evolution of Stormwater Management</li>
| |
| </ul>
| |
| </p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="portlet">
| |
| <div class="panel panel-primary-light-border">
| |
| <div class="panel-heading clearfix">
| |
| <div class="panel-caption">
| |
| <h4 class="panel-title">INTEGRATING STORMWATER MANAGEMENT INTO THE PLANNING PROCESS</h4>
| |
| </div>
| |
| <div class="panel-options dark">
| |
| <div class="panel-expand">
| |
| <div class="pointer"><i class="fa fa-chevron-down"></i></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div style="display: none;" class="panel-body">
| |
| <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
| |
| small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
| |
| Personally I prefer porlets to tabs.</p>
| |
| <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
| |
| you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i> will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
| |
| desired potion, either open or closed on page load.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="portlet">
| |
| <div class="panel panel-primary-light-border">
| |
| <div class="panel-heading clearfix">
| |
| <div class="panel-caption">
| |
| <h4 class="panel-title">THE LOW IMPACT DEVELOPMENT APPROACH</h4>
| |
| </div>
| |
| <div class="panel-options dark">
| |
| <div class="panel-expand">
| |
| <div class="pointer"><i class="fa fa-chevron-down"></i></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div style="display: none;" class="panel-body">
| |
| <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
| |
| small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
| |
| Personally I prefer porlets to tabs.</p>
| |
| <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
| |
| you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i> will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
| |
| desired potion, either open or closed on page load.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="portlet">
| |
| <div class="panel panel-primary-light-border">
| |
| <div class="panel-heading clearfix">
| |
| <div class="panel-caption">
| |
| <h4 class="panel-title">DESIGN OF STRUCTURAL LOW IMPACT DEVELOPMENT PRACTICES FOR STORMWATER MANAGEMENT</h4>
| |
| </div>
| |
| <div class="panel-options dark">
| |
| <div class="panel-expand">
| |
| <div class="pointer"><i class="fa fa-chevron-down"></i></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div style="display: none;" class="panel-body">
| |
| <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
| |
| small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
| |
| Personally I prefer porlets to tabs.</p>
| |
| <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
| |
| you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i> will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
| |
| desired potion, either open or closed on page load.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="portlet">
| |
| <div class="panel panel-primary-light-border">
| |
| <div class="panel-heading clearfix">
| |
| <div class="panel-caption">
| |
| <h4 class="panel-title">MONITORING</h4>
| |
| </div>
| |
| <div class="panel-options dark">
| |
| <div class="panel-expand">
| |
| <div class="pointer"><i class="fa fa-chevron-down"></i></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div style="display: none;" class="panel-body">
| |
| <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
| |
| small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
| |
| Personally I prefer porlets to tabs.</p>
| |
| <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
| |
| you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i> will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
| |
| desired potion, either open or closed on page load.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="portlet">
| |
| <div class="panel panel-primary-light-border">
| |
| <div class="panel-heading clearfix">
| |
| <div class="panel-caption">
| |
| <h4 class="panel-title">TOOLS</h4>
| |
| </div>
| |
| <div class="panel-options dark">
| |
| <div class="panel-expand">
| |
| <div class="pointer"><i class="fa fa-chevron-down"></i></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div style="display: none;" class="panel-body">
| |
| <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
| |
| small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
| |
| Personally I prefer porlets to tabs.</p>
| |
| <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
| |
| you select the <i class="fa fa-chevron-up"></i> it will close the portlet, selecting the <i class="fa fa-times"></i> will remove a portlet, whereas the <i class="fa fa-chevron-down"></i> will close the porlet. Panels can also be set to the
| |
| desired potion, either open or closed on page load.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="col-md-12"> | | <div class="col-md-12"> |