Difference between revisions of "Main Page Div"

Latest revision as of 20:54, 2 August 2016

Welcome to the RCABC Roofing Practices Manual

The RPM Online is the official version of the Roofing Practices Manual and supersedes all other printed versions which may be in circulation.

The Roofing Practices Manual (RPM) is the official guide for RCABC Members, Accepted Inspectors, designers, architects and specification writers designing or applying roofing and waterproofing systems, and describes the RoofStar Guarantee Standards, Guiding Principles and Recommended Practices necessary to qualify for a RoofStar Guarantee. The RPM meets or exceeds the current national and provincial standards for construction and wind uplift design resistance. It also includes

Materials accepted for the RoofStar Guarantee Program
Construction details
Design guidelines
Best Practices
Reference materials

NOTICE to Readers: Yellow highlighted text indicates a recent change to the Roofing Practices Manual. Highlighting remains in effect for 120 days. Consult the Technical Updates for a list of recent changes to the RPM.

@@ Line 1: / Line 1: @@
 __NOTOC__
+<!-- START OF WELCOME PANEL -->
 <div class="panel panel-success">
    <div class="panel-heading">Welcome to the '''RCABC Roofing Practices Manual'''</div>
@@ Line 16: / Line 17: @@
 '''NOTICE to Readers''': <span style="background:yellow">Yellow highlighted text</span> indicates a recent change to the '''Roofing Practices Manual'''.  Highlighting remains in effect for 120 days.  Consult the '''Technical Updates''' for a list of recent changes to the RPM.
-  </div>
-</div>
-<div class="btn btn-lg btn-block btn-info forcewhite>[http://www.rcabc.org/technical/technical-updates/ Technical Updates]</div>
+<html><a class="btn btn-lg btn-warning forcewhite" href="http://www.rcabc.org/technical/technical-updates/">Technical Updates</a></html>
+  </div><!-- PANEL BODY -->
-{| class="wikitable" style="float:left; width: 40%;"
+</div><!-- PANEL -->
-|-
+<!-- END OF WELCOME PANEL-->
-! style="background:#cedff2;" | <big>'''Table of Contents'''</big>
+<!-- TECHNICAL UPDATES BUTTON -->
-|-
+<div class="row">
-| [[:Section:A. About|'''A. About''']]<div class="toccolours mw-collapsible mw-collapsed"><div class="mw-collapsible-content">
+<!-- START OF LEARN MORE THUMBNAILS -->
+<div class="col-md-6">
+<div class="panel panel-primary">
+<div class="panel-heading">'''Table of Contents'''</div>
+<div class="panel-body">
+<div class="toccolours mw-collapsible mw-collapsed">
+[[:Section:A. About|'''A. About''']]
+<div class="mw-collapsible-content">
 :[[RPM Introduction|Introduction]]
 :[[The Guarantee Program|The RoofStar Guarantee Program]]
@@ Line 34: / Line 37: @@
 :[[Request RoofStar Guarantees|Requesting and Specifying a RoofStar Guarantees]]
 </div>
+</div>
-[[:Section:B. Essential Elements|'''B. Essential Elements''']]<div class="toccolours mw-collapsible mw-collapsed"><div class="mw-collapsible-content">
+<div class="toccolours mw-collapsible mw-collapsed">
+[[:Section:B. Essential Elements|'''B. Essential Elements''']]
+<div class="mw-collapsible-content">
 :[[Design Considerations|Design Considerations]]
 :[[Roof Classes|Roof Classes]]
@@ Line 53: / Line 58: @@
 :[[Building Ventilation|Building Ventilation]]
 </div>
+</div>
 [[:Section:C. Accepted Materials|'''C. Accepted Materials''']]
+<br>
-[[:Section:D. Low Slope Roofs|'''D. Low Slope Roofs''']]<div class="toccolours mw-collapsible mw-collapsed"><div class="mw-collapsible-content">
+<div class="toccolours mw-collapsible mw-collapsed">
+[[:Section:D. Low Slope Roofs|'''D. Low Slope Roofs''']]
+<div class="mw-collapsible-content">
 :[[SBS Roof Systems]]
 :[[EPDM (Thermoset Membranes) Roof Systems]]
@@ Line 62: / Line 69: @@
 :[[Other Flexible Membrane Roof Systems]]
 </div>
+</div>
-[[:Section:E. Steep Slope Roofs|'''E. Steep Slope Roofs''']]<div class="toccolours mw-collapsible mw-collapsed"><div class="mw-collapsible-content">
+<div class="toccolours mw-collapsible mw-collapsed">
+[[:Section:E. Steep Slope Roofs|'''E. Steep Slope Roofs''']]
+<div class="mw-collapsible-content">
 :[[ASM (Architectural Sheet Metal) Roof Systems]]
 :[[Asphalt Shingles Roof Systems]]
@@ Line 69: / Line 78: @@
 :[[Tile & Slate Roof Systems]]
 </div>
+</div>
 [[:Section:F. Waterproofing Plazas, Promenades and Terraces|'''F. Waterproofing Plazas, Promenades and Terraces''']]
+<br>
+<br>
 [[:Section:G. Construction Details|'''G. Construction Details''']]
+<br>
-[[:Section:H. General Information|'''H. General Information''']]<div class="toccolours mw-collapsible mw-collapsed"><div class="mw-collapsible-content">
+<div class="toccolours mw-collapsible mw-collapsed">
+[[:Section:H. General Information|'''H. General Information''']]
+<div class="mw-collapsible-content">
 :[[Roof Maintenance]]
 :[[Conversion Tables and Charts]]
@@ Line 83: / Line 95: @@
 :[[Bibliography and References]]
 </div>
-|-
+</div>
-|}
+</div><!-- PANEL BODY -->
-{| class="wikitable" style="float:right; width: 58%;"
+</div><!-- PANEL -->
-|-
+</div><!-- COL-6-MD -->
-! style="background:#cedff2;" colspan="4" | <big>Learn more about...</big>
+<!-- END OF TOC -->
-|-
-|- style="vertical-align:top;"
+<div class="row hidden-xs">
-|-
+<div class="col-md-6">
-| <div align="center">[[File:Thermal Bridging 2.JPG|frameless|link=Insulating the Roof |150px]] Low-slope Roof Insulation</div>
+<!-- START OF LEARN MORE THUMBNAILS -->
-| <div align="center">[[File:Low-slope Roof Systems.JPG|frameless|link=Insulating the Roof|150px]] Low Slope Membrane Roof Systems</div>
+<div class="col-md-12">
-| <div align="center">[[File:Asphalt Shingles.JPG|frameless|link=Asphalt Shingles Roof Systems|150px]] Asphalt Shingle Roof Systems</div>
+<div class="panel panel-primary">
-| <div align="center">[[File:Waterproofing Planters.jpg|frameless|link=RoofStar Guarantee Standards for Waterproofing#WPGARDEN|150px]] Waterproofing Systems & Planters</div>
+<div class="panel-heading">'''Learn more about...'''</div>
-|-
+<div class="panel-body">
-|}
+<div class="row">
-{| class="wikitable" style="float:right; width: 58%;"
+<!-- Thumbnail 1-->
-|-
+<div class="col-lg-3 col-md-6">
-! style="background-color:#008B8B;" colspan="4" | <big>Construction Details'''</big>
+<div class="thumbnail">
-|-
+[[File:Thermal Bridging 2.JPG|frameless|link=Insulating the Roof |150px]]
-| <div align="center">[[File:RTU Curb.jpg|frameless|link=SBS Construction Details|200px]] Low-slope Roof Construction Details</div>
+<div class="caption">
-| <div align="center">[[File:Shingle Application (all slopes).jpg|frameless|link=Asphalt Shingles Construction Details|200px]] Steep-slope Roof Construction Details</div>
+[[Insulating the Roof|Low Slope roofs: all about insulation]]
-| <div align="center">[[File:Pre-curb for Planter (new).jpg|frameless|link=Waterproofing Construction Details|200px]] Waterproofing System Construction Details</div>
+</div><!-- Caption-->
-|-
+</div><!-- Thumbnail -->
-|}
+</div><!-- COL-LG-4 COL-MD-6-->
+<!-- End of Thumbnail 1 -->
+<!-- Thumbnail 2-->
+<div class="col-lg-3 col-md-6">
+<div class="thumbnail">
+[[File:Low-slope Roof Systems.JPG|frameless|link=Insulating the Roof|150px]]
+<div class="caption">
+[[Section:D. Low Slope Roofs|Low Slope Membrane Roof Systems]]
+</div><!-- Caption-->
+</div><!-- Thumbnail -->
+</div><!-- COL-LG-4 COL-MD-6-->
+<!-- End of Thumbnail 2 -->
+<!-- Thumbnail 3-->
+<div class="col-lg-3 col-md-6">
+<div class="thumbnail">
+[[File:Asphalt Shingles.JPG|frameless|link=Asphalt Shingles Roof Systems|150px]]
+<div class="caption">
+[[Asphalt Shingles Roof Systems|Asphalt Shingles: Low Slope / Steep Slope]]
+</div><!-- Caption-->
+</div><!-- Thumbnail -->
+</div><!-- COL-LG-4 COL-MD-6-->
+<!-- End of Thumbnail 3 -->
+<!-- Thumbnail 4-->
+<div class="col-lg-3 col-md-6">
+<div class="thumbnail">
+[[File:Waterproofing Planters.jpg|frameless|link=RoofStar Guarantee Standards for Waterproofing#WPGARDEN|150px]]
+<div class="caption">
+[[RoofStar Guarantee Standards for Waterproofing|Waterproofing Systems & Planters]]
+</div><!-- Caption-->
+</div><!-- Thumbnail -->
+</div><!-- COL-LG-4 COL-MD-6-->
+<!-- End of Thumbnail 4 -->
+</div><!-- ROW -->
+</div><!-- PANEL BODY -->
+</div><!-- PANEL -->
+</div><!-- COL-MD-12 -->
+<!-- END OF LEARN MORE THUMBNAILS -->
+<!-- START OF CONSTRUCTION DETAILS -->
+<div class="col-md-12">
+<div class="panel panel-primary">
+<div class="panel-heading">'''Construction Details'''</div>
+<div class="panel-body">
+<div class="row">
+<!-- Thumbnail 1-->
+<div class="col-lg-4 col-md-6">
+<div class="thumbnail">
+[[File:RTU Curb.jpg|frameless|link=Section:G. Construction Details|200px]]
+<div class="caption">
+'''[[Section:G. Construction Details|Low-slope Roof Construction Details]]'''
+</div><!-- Caption-->
+</div><!-- Thumbnail -->
+</div><!-- COL-MD-4-->
+<!-- End of Thumbnail 1 -->
+<!-- Thumbnail 2-->
+<div class="col-lg-4 col-md-6">
+<div class="thumbnail">
+[[File:Shingle Application (all slopes).jpg|frameless|link=Asphalt Shingles Construction Details|200px]]
+<div class="caption">
+'''[[Asphalt Shingles Construction Details|Steep-slope Roof Construction Details]]'''
+</div><!-- Caption-->
+</div><!-- Thumbnail -->
+</div><!-- COL-MD-4-->
+<!-- End of Thumbnail 2 -->
+<!-- Thumbnail 3-->
+<div class="col-lg-4 col-md-6">
+<div class="thumbnail">
+[[File:Pre-curb for Planter (new).jpg|frameless|link=Waterproofing Construction Details|200px]]
+<div class="caption">
+'''[[Waterproofing Construction Details|Waterproofing System Construction Details]]'''
+</div><!-- Caption-->
+</div><!-- Thumbnail -->
+</div><!-- COL-MD-4-->
+<!-- End of Thumbnail 3 -->
+</div><!--  ROW -->
+</div><!-- PANEL BODY -->
+</div><!-- PANEL -->
+</div><!-- COL-MD-12 -->
+<!--END OF CONSTRUCTION DETAILS
+</div><!-- COL-MD-6 -->
+</div><!-- ROW -->