<?php
  session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php
  $keywords = "duration shingles, TruDefinition color platform, ultimate protection, impressive curb appeal, Triple Layer Protection, SureNail Technology";
  $description = "Owens Corning roofing shingles are specially formulated on a TruDefinition color platform that gives them dramatic color contrast, dimension in a wide range of popular colors and are proved in testing by Renaissance Contracting ";
  $title = 'Shingles Selection | Renaissance Contracting';
  require 'php/setVariables.php';
  require 'req/header.php';
?>
</head>
<body>
    <div class="bodyFrame">


        <?php require 'req/top.php'; ?>

        <!-- begin content -->
        <main>

        <section>
            <div class="pageSize subpageTit topi">
                <h1>A Trusted Name In Roofing</h1>
            </div>
        </section>


    <section>
        <div class="pageSize">

            <div class="shinglesBan">
                  <p class="shinglesBan1">TruDefinition &reg;</p>
                      <p class="shinglesBan2">duration<sup>&reg;</sup> </p>
                  <p class="shinglesBan3">shingles</p>
                </div>
            <div class="shinglesTit">
                <h2>Bold contrast. Deep dimension. Outstanding performance.</h2>
                <p>When you want the ultimate protection and impressive curb appeal, you’ll want Duration&reg; Shingles. They are specially formulated on a TruDefinition&reg; color platform that gives them dramatic color contrast and dimension in a wide range of popular colors. Beyond the great look, Duration&reg; Shingles also come with the advanced performance of patented SureNail&reg; Technology—with Triple Layer Protection&reg; in the nailing zone for superior holding power. We proved it in testing.</p>
            </div>

      <!-- shingles section 1 -->

            <div class="shinglesSec">
            <div class="shiglesAbove">
                <div class="shinglesAboveLeft">
                   <p class="shinglesTop"><span>Tru</span>Definition<sup>&reg;</sup></p>
                    <h3>duration<sup>&reg;</sup></h3>
                    <p class="shiglesAfter">Architectural Shingle with Bold Color &amp; Deep Contrast</p>
                </div>
                <div class="shinglesAboveRight">
                    <div class="shinglesIconsWrap">
                        <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconSureNail.png" alt="icon SureNail">
                            <p>SureNail<br> Technology</p>
                        </div>
                         <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconTruDefinition.png" alt="icon TruDefinition">
                            <p>TruDefinition<br> Color</p>
                        </div>
                         <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconStreakGuard.png" alt="icon StreakGuard">
                            <p>StreakGuard<br> 10 Year</p>
                        </div>
                        <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconWind.png" alt="icon Wind">
                            <p>130 MPH | 256 KMH<br> Wind Resistance</p>
                        </div>
                         <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconWarranty.png" alt="icon Warranty">
                            <p>Limited<br> Warranty</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="shiglesThumbsWrap">
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration/amber.jpg" alt="#">
                    <p>amber</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration/antique-silver.jpg" alt="#">
                    <p>antique silver</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration/brownwood.jpg" alt="#">
                    <p>brownwood</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration/chateau-green.jpg" alt="#">
                    <p>chateau green</p>
                </div>
                 <div class="shinglesThumbs">
                    <img src="images/shingles/duration/desert-tan.jpg" alt="#">
                    <p>desert tan</p>
                </div>
                 <div class="shinglesThumbs">
                    <img src="images/shingles/duration/driftwood.jpg" alt="#">
                    <p>driftwood</p>
                </div>
                 <div class="shinglesThumbs">
                    <img src="images/shingles/duration/estate-gray.jpg" alt="#">
                    <p>estate gray</p>
                </div>
                 <div class="shinglesThumbs">
                    <img src="images/shingles/duration/harbor-blue.jpg" alt="#">
                    <p>harbor blue</p>
                </div>
            </div>
            <div class="shiglesThumbsWrap">
                 <div class="shinglesThumbs">
                    <img src="images/shingles/duration/onyx-black.jpg" alt="#">
                    <p>onyx black</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration/quarry-gray.jpg" alt="#">
                    <p>quarry gray</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration/shasta-white.jpg" alt="#">
                    <p>shasta white</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration/terra-cotta.jpg" alt="#">
                    <p>terra cotta</p>
                </div>
            </div>
        </div>
      <!-- end shingles section 1 -->


      <!-- shingles section 2 -->
            <div class="shinglesSec">
            <div class="shiglesAbove">
                <div class="shinglesAboveLeft">
                   <p class="shinglesTop"><span>Tru</span>Definition<sup>&reg;</sup> </p>
                    <h3>duration<sup>&reg;</sup> designer</h3>
                    <p class="shiglesAfter">Architectural Shingle with Intense, Vibrant Color &amp; High Contrast</p>
                </div>
                <div class="shinglesAboveRight">
                    <div class="shinglesIconsWrap">
                        <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconSureNail.png" alt="icon SureNail">
                            <p>SureNail<br> Technology</p>
                        </div>
                         <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconTruDefinition.png" alt="icon TruDefinition">
                            <p>TruDefinition<br> Color</p>
                        </div>
                         <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconStreakGuard.png" alt="icon StreakGuard">
                            <p>StreakGuard<br> 10 Year</p>
                        </div>
                        <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconWind.png" alt="icon Wind">
                            <p>130 MPH | 256 KMH<br> Wind Resistance</p>
                        </div>
                         <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconWarranty.png" alt="icon Warranty">
                            <p>Limited<br> Warranty</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="shiglesThumbsWrap">
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration-designer/aged-copper.jpg" alt="#">
                    <p>aged copper</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration-designer/black-sable.jpg" alt="#">
                    <p>black sable</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration-designer/merlot.jpg" alt="#">
                    <p>merlot</p>
                </div>
                 <div class="shinglesThumbs">
                    <img src="images/shingles/duration-designer/pacific-wave.jpg" alt="#">
                    <p>pacific wave</p>
                </div>
                 <div class="shinglesThumbs">
                    <img src="images/shingles/duration-designer/sand-dune.jpg" alt="#">
                    <p>sand dune</p>
                </div>
                 <div class="shinglesThumbs">
                    <img src="images/shingles/duration-designer/sedona-canyon.jpg" alt="#">
                    <p>sedona canyon</p>
                </div>
                 <div class="shinglesThumbs">
                    <img src="images/shingles/duration-designer/storm-cloud.jpg" alt="#">
                    <p>storm cloud</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration-designer/summer-harvest.jpg" alt="#">
                    <p>summer harvest</p>
                </div>
            </div>
        </div>
            <!-- end shingles section 2 -->


             <!-- shingles section 3 -->
            <div class="shinglesSec lastshinglesSec">
            <div class="shiglesAbove">
                <div class="shinglesAboveLeft">
                    <h3>duration<sup>&reg;</sup><br> premium cool</h3>
                    <p class="shiglesAfter">Solar Reflecting Architectural Shingles in Lighter Colors</p>
                </div>
                <div class="shinglesAboveRight">
                    <div class="shinglesIconsWrap">
                        <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconEnergyStarBlack.png" alt="icon Energy Star Black">
                            <p>ENERGY STAR<br> Technology</p>
                        </div>
                        <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconCOOLgrayscale.png" alt="icon Cool Roof">
                            <p>COOL Roof<br> Shingle</p>
                        </div>
                        <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconSureNail.png" alt="icon SureNail">
                            <p>SureNail<br> Technology</p>
                        </div>
                         <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconStreakGuard.png" alt="icon StreakGuard">
                            <p>StreakGuard<br> 10 Year</p>
                        </div>
                        <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconWind.png" alt="icon Wind">
                            <p>130 MPH | 256 KMH<br> Wind Resistance</p>
                        </div>
                         <div class="shinglesIcons">
                            <img src="images/shingles/icons/iconWarranty.png" alt="icon Warranty">
                            <p>Limited<br> Warranty</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="shiglesThumbsWrap">
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration-premium-cool/frosted-oak.jpg" alt="#">
                    <p>frosted oak</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration-premium-cool/harbor-fog.jpg" alt="#">
                    <p>harbor fog</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration-premium-cool/sage.jpg" alt="#">
                    <p>sage</p>
                </div>
                <div class="shinglesThumbs">
                    <img src="images/shingles/duration-premium-cool/sunrise.jpg" alt="#">
                    <p>sunrise</p>
                </div>

            </div>
        </div>
            <!-- end shingles section 3 -->




        </div><!-- end pageFull bannerMain topi -->
      </section>















        </main>
         <!-- end content -->

<?php require 'req/footer.php'; ?>

    </div><!-- end bodyFrame -->

</body>
</html>
