templates/homepages/rcs-home.html.twig line 182

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block taghead %}
  4.     <meta property="og:title" content="RoofersCoffeeShop — Roofing Forum, Classifieds, Galleries &amp; More!" />
  5.     <meta property="og:description" content="RoofersCoffeeShop has a lot to offer. Check out our site to find what you need today! We have resources, contests, advertising, forums, and more!" />
  6.     <meta name="description" content="RoofersCoffeeShop has a lot to offer. Check out our site to find what you need today! We have resources, contests, advertising, forums, and more!">
  7.     <meta property="og:url" content="https://www.rooferscoffeeshop.com/" />
  8.     <meta property="og:image" content="https://www.rooferscoffeeshop.com{{ asset("assets/img/roofers-r.jpg") }}" />
  9. {% endblock %}
  12. {% block bodywrap %}
  13.     {# Homepage takeover styles #}
  14.     {# Takeover
  15.     <style>
  16.         #main-body-wrap {
  17.             position: relative;
  18.         }
  19.         #home-container{
  20.             padding-top:370px;
  21.         }
  22.         #takeover2 {
  23.             display:none;
  24.             padding: 0 30px;
  25.         }
  26.         #takeover3 {
  27.             border-top: 2px solid rgba(0,0,0,.1);
  28.             padding-top: 5px;
  29.         }
  30.         @media (max-width: 1399px) {
  31.             #main-body-wrap {
  32.                 background-image: none!important;
  33.             }
  34.             #home-container{
  35.                 padding-top:0px;
  36.             }
  37.             #takeover2 {
  38.                 display:block;
  39.                 padding-bottom: 15px;
  40.             }
  41.             .takeover1group{
  42.                 display:none!important;
  43.             }
  44.         }
  45.     </style>
  46.     #}
  47.     {# Takeover
  48.     <div id="main-body-wrap" class="body-wrap" style="background-image: url(/assets/img/home/takeover.png);background-repeat: no-repeat;background-position: center top;"> 
  49.     #}
  50.     <div id="main-body-wrap" class="body-wrap"> 
  51. {% endblock %}
  53. {% block body %}
  56.     {% if dynamic_content is defined and dynamic_content %}
  58.         {{ rawTwig(dynamic_content, _context) | raw }}
  59.         
  60.     {% else %}
  62.             <div id="home-container" class="container home" style="position:relative;">
  63.                 {#<div style="position: absolute; top: 350px; left: 292; display: block; width: 1336px; height: 551px; pointer-events: none;"></div>#}
  64.                 {# Takeover
  65.                 <div id="takeover2" class="row">
  66.                     <a href="https://go.becn.com/mobileapp?utm_source=Roofers%2BCoffee%2BShop&utm_medium=Banner&utm_term=na&utm_content=App+Download&utm_campaign=Mobile+App+Launch+2022" data-mitem-id="8425">
  67.                         <img src="/assets/img/home/takeover2.png" data-mitem-id="8425" >
  68.                     </a>
  69.                 </div>
  70.                 #}
  71.                 <div id="takeover3" class="row">
  72.                     <div class="col-lg-9">
  73.                         {{ show_module({'cache_time': '0', 'type': 'mediagroup', 'position': 'ad-rotation', 'show_buttons': 'yes' })}}
  74.                     </div>
  75.                     <div class="col-lg-3 up-to-the-minute">
  76.                     {% if app.user %}
  77.                         <div class="latestclassifieds">
  78.                             {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '3', 'limit': '3', 'title': 'Latest Classifieds', 'show_images': 'no', 'show_intros': 'no', 'show_dates': 'no', 'show_readmores': 'no', 'class': 'gray home-classifieds', 'dupes': 'yes'})}}
  79.                         </div>
  80.                     {% else %}
  81.                         <div class="becomeamember">
  82.                             <p style="font-size: 18px;padding:15px 10px;">
  83.                                 Become a member and get access to place Classified ads, talk in the Forum and receive the Week in Roofing eNews!
  84.                             </p>
  85.                             <h3 class="signupbutton">
  86.                                 <a class="button" href="/sign-up" style="background-color:#a41822;">Create a Free<br>Account Now!</a>
  87.                             </h3>
  88.                             <p>Already a member? <a href="/sign-in">Log In!</a></p>
  89.                         </div>
  90.                     {% endif %}
  91.                     </div>
  92.                 </div>
  93.                 <div class="row" style="border-top: 2px solid rgba(0,0,0,.1); padding: 1.5rem 0 1.25rem 0;">
  94.                     <div class="col-sm-12">
  95.                         <h2 style="text-align:center" class="rlw-read-listen-watch"><u><a href="/news-room"></span>FROM THE ROOFING NEWSROOM</a></u></h2>
  96.                     </div>
  97.                 </div>
  98.                 <div class="row">
  99.                     <div class=" col-lg-8 newsroom-influencers">
  100.                         {% set announcements_module = show_module({'cache_time': '0', 'type': 'content', 'only_announcements': 'yes', 'intro_length': '24',   'limit': '1', 'class': 'home-articles-big white', 'dupes': 'no', 'event_show_only_start_date': 'yes'}) %}
  101.                         {% if announcements_module %}
  102.                             <h4>Announcements</h4>
  103.                             {{ announcements_module | raw }}
  104.                             <hr style="margin: 1.25rem 0;">
  105.                         {% endif %}
  106.                         <h4>Up to the Minute!</h4>
  107.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '2', 'category': 'newsroom',  'intro_length': '24', 'limit': '1', 'class': 'home-articles-big white', 'dupes': 'no'})}}
  108.                         
  109.                         <hr style="margin: 1.25rem 0;">
  110.                         <h4>RCS Original</h4>
  111.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '2', 'category': 'rcs-blog',  'intro_length': '24', 'limit': '1', 'class': 'home-articles-big white', 'dupes': 'no'})}}
  112.                         
  113.                         <hr style="margin: 1.25rem 0;">
  114.                         <h4>RCS Influencers</h4>
  115.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '2', 'category': 'rcs-influencers',  'intro_length': '24',  'intro-length': '5',  'limit': '1', 'class': 'home-articles-big white', 'dupes': 'no'})}}
  116.                     </div>
  117.                     {# Place iFrame here #}
  118.                     <div  class="col-lg-4 row left-border" style="padding-left:28px;">
  119.                         
  120.                             <div class="col-lg-12 col-md-6 coffee-cast" >
  121.                                 {% set videoMitemId = "" %}
  122.                                 {% if ad_video_coffee_cast is defined and ad_video_coffee_cast %}
  123.                                     {% set videoId = ad_video_coffee_cast.getYTVideoId() %}
  124.                                     {% set videoMitemId = ad_video_coffee_cast.getId() %}
  125.                                     {% set videoTitle = ad_video_coffee_cast.getTitle() %}
  126.                                     {% set videoTitleLink = ad_video_coffee_cast.getExternalUrl() %}
  127.                                 {% else %}
  128.                                     {% set videoId = 'DqaJ_9jfvAc' %} {#Default CoffeeCast video id #}
  129.                                     {% set videoTitle = "CoffeeCast™" %}
  130.                                 {% endif %}
  131.                                 <h3 class="module-title social-feed-title" style="display: block; max-width: 100%; margin: 0 0 0.8rem 0; text-transform: unset;">
  132.                                     {% if videoTitleLink is defined and videoTitleLink %}
  133.                                         <a href="{{videoTitleLink}}" style="color:white;" data-text-only-mitem="1" data-mitem-id="{{videoMitemId}}">
  134.                                     {% else %}
  135.                                         <a style="color:white;" data-text-only-mitem="1" data-mitem-id="{{videoMitemId}}"></a>{# Just to track impressions #}
  136.                                     {% endif %}
  137.                                     {{videoTitle}}
  138.                                     {% if videoTitleLink is defined and videoTitleLink %}
  139.                                         </a>
  140.                                     {% endif %}
  141.                                 </h3>
  142.                                 <div class="ytThumbContainer">
  143.                                     <img id="ytThumbnail" src="https://img.youtube.com/vi/{{videoId}}/hqdefault.jpg" alt="" >
  144.                                 </div>
  145.                                 <iframe id="ytplayer" width="380" height="285"
  146.                                     src="" 
  147.                                     frameborder="0"
  148.                                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
  149.                                     allowfullscreen>
  150.                                 </iframe>
  151.                                 
  152.                                 <script>
  153.                                     let srcAddon = "?autoplay=1&origin=http://rooferscoffeeshop.com&showinfo=0&modestbranding&loop=1&rel=0"
  154.                                     let src = "https://www.youtube.com/embed/{{videoId}}"+srcAddon
  155.                                     $('.ytThumbContainer').click(click => {
  156.                                         $('#ytplayer').attr("src", src);
  157.                                         $('.ytThumbContainer' ).fadeOut("fast", function() {
  158.                                             $('#ytplayer').show()
  159.                                             $('#ytplayer').css('display', 'block')
  161.                                         });
  162.                                         {% if videoMitemId is defined and videoMitemId %}
  163.                                             //tracking
  164.                                             $.post("/ajax/mitem-click",
  165.                                             {
  166.                                             id: {{videoMitemId}}
  167.                                             },
  168.                                             function(data,status){
  169.                                                 
  170.                                             });
  171.                                         {% endif %}
  172.                                     })
  173.                                 </script>
  175.                             </div>
  176.                         {#{% endif %}#}
  177.                         
  178.                         <hr class="d-none d-lg-block" style="margin:25px 0px;"/>
  179.                         <div id="home-poll" class="col-lg-12 col-md-6 home-poll-social">
  180.                             {% if isActivePoll is defined and isActivePoll %}
  181.                                 <div class="home-poll home-poll-rcs" style="min-height:300px;">
  182.                                     {{ '[poll site="RoofCoffeeShop"]' | wordpress | raw }}
  183.                                 </div>
  184.                             {% else %}
  185.                                 {{ '[ad position="ad-poll"]' | wordpress | raw }}
  186.                             {% endif %}
  187.                         </div>
  188.                     </div>
  192.                 </div>
  194.                 {# RLW - Section #}
  195.                 <div class="row" style="border-top: 2px solid rgba(0,0,0,.1); padding: 1.5rem 0 1.25rem 0;">
  196.                     <div class="col-sm-12">
  197.                         <h2 style="text-align:center" class="rlw-read-listen-watch"><u><a href="/read-listen-watch-rcs">RLW <span style="display: inline-block; padding: 0 .25rem 0 .1rem;">&mdash;</span> READ LISTEN WATCH</a></u></h2>
  198.                     </div>
  199.                 </div>
  200.                 
  201.                 <div class="row">
  202.                     {# RLW Rightside - Content#}
  203.                     {# <div class="col-lg-12 newsroom-influencers" id="rlw-section"> #}
  204.                     <div class="col-lg-8 newsroom-influencers" id="rlw-section">
  205.                         <h4 class="rcs-influencers-heading"><a href="/coffee-conversations">FEATURED COFFEE CONVERSATIONS</a></h4>
  206.                             {% set fcc = show_module({'cache_time': '0', 'type': 'content', 'ctype': '8', 'category': 'up-coming-coffee-conversations', 'use_secondary_categories': '1' ,'limit': '1', 'class': 'home-articles-big white', 'dupes': 'yes', 'order' : 'random'}) %}
  207.                         {% if fcc %}
  208.                             {{ fcc | raw }}
  209.                         {% else %}
  210.                             {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '8', 'category': 'coffee-conversations', 'use_secondary_categories': '1' ,'limit': '1', 'class': 'home-articles-big white', 'dupes': 'yes', 'order' : 'random'})}}
  211.                         {% endif %}
  212.                         <hr style="margin: 1.25rem 0;">
  213.                         <h4><a href="/read-listen-watch-rcs">FEATURED RLW</a></h4>
  214.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '15', 'limit': '1', 'class': 'home-articles-big white', 'dupes': 'yes', 'show_hub_categories' : 'no', 'order' : 'random'})}}
  215.                         <hr style="margin: 1.25rem 0;">
  216.                         <h4 class="rcs-influencers-heading"><a href="/podcasts">FEATURED PODCAST</a></h4>
  217.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '18', 'limit': '1', 'class': 'home-articles-big white', 'dupes': 'yes', 'order' : 'random'})}}
  218.                         
  219.                         <hr style="margin: 1.25rem 0;">
  220.                         <h4 class="rcs-influencers-heading"><a href="/ebooks">FEATURED EBOOK</a></h4>
  221.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '19', 'limit': '1', 'class': 'home-articles-big white', 'dupes': 'yes', 'order' : 'random', 'customer_level_or_higher': '3000'})}}
  222.                         
  223.                     </div>
  224.                     {# RLW leftside - Social Area#}
  225.                     <div class="col-lg-4 social-feed left-border h-100" style="overflow-x: hidden; overflow-y: hidden; height: 100%;">
  226.                         <div style="height: 100%;">
  227.                             <a href="/engage-with-us"><h3 class="module-title social-feed-title" style="display: block; max-width: 100%; margin: 0 0 1.5rem 0;">SOCIAL FEED</h3></a>
  228.                             {{ '[facebook fbpage="rcs"]' | wordpress | raw }}
  229.                         </div>
  230.                     </div>
  231.                 </div>
  232.                 
  233.                 
  234.                 {# Information - Section  #}
  235.                 <div class="row" style="border-top: 2px solid rgba(0,0,0,.1); padding: 1.75rem 0 1.25rem 0;">
  236.                     <div class="col-sm-12">
  237.                         <h2 style="text-align:center"><u><a href="/information-on">INFORMATION</a></u></h2>
  238.                     </div>
  239.                 </div>
  240.                 <div class="row">
  241.                 <div class="col-lg-5 row-information"><div class="row">
  242.                     <div class="col-sm-6 col-information">
  243.                         <div style="border-right: 2px solid rgba(0,0,0,.1);">
  244.                             <h4><a href="/opportunities">OPPORTUNITIES</a></h4>
  245.                             <p><a href="/promos-rebates">Promos &amp; Rebates</a></p>
  246.                             <p><a href="/buy-online">Buy Online</a></p>
  247.                             <p><a href="/quick-quiz">Quick Quiz</a></p>
  248.                             <p><a href="/contests-and-games">Contests &amp; Games</a></p>
  249.                             <p><a href="/take-our-survey">Take our Survey</a></p>
  250.                             <p><a href="/rcs/rooferscoffeeshop-roofing-safety-sponsored-by-wti">RCS Photo Contests</a></p>
  251.                             <p>&nbsp</p>
  252.                             <p>&nbsp</p>
  253.                         </div>
  254.                         <hr style="margin-right: 30px;">
  255.                         <div style="border-right: 2px solid rgba(0,0,0,.1);">
  256.                             <h4><a href="/information-on">INFORMATION ON...</a></h4>
  257.                             <p><a href="/scholarships">Scholarships</a></p>
  258.                             <p><a href="/vocational-schools">Vocational Schools</a></p>
  259.                             <p><a href="/events">Events</a></p>
  260.                             <p><a href="/rcs-club-sign-up">R-Club Membership</a></p>
  261.                             <p><a href="/engage-with-us">Engage With Us</a></p>
  262.                             <p><a href="https://www.askaroofer.com/roofing-101">Homeowner Tips</a></p>
  263.                             <p><a href="/building-owners">Building Owners</a></p>
  264.                             <p><a href="/safety-tip-of-the-week">Safety Tips</a></p>
  265.                             <p><a href="/product-information">Product Information</a></p>
  266.                         </div>
  267.                         <hr class="mobile-hr" style="margin-right: 30px;">
  268.                     </div>
  269.                     <div class="col-sm-6 col-information" style="padding-right: 0px">
  270.                         <div>
  271.                             <h4><a href="/advocacy">ADVOCACY</a></h4>
  272.                             <p><a href="/trade-roofing-associations">Trade Associations</a></p>
  273.                             <p><a href="/rcs-cares">RCS Cares</a></p>
  274.                             <p><a href="/scholarships">Scholarships</a></p>
  275.                             <p><a href="/look-up">Look-Up</a></p>
  276.                             <p><a href="/respect">Roofing Respect</a></p>
  277.                             <p><a href="/why-be-a-roofer">Why be a Roofer?</a></p>
  278.                             <p><a href="/forum">Forum</a></p>
  279.                             <p><a href="/awards">Awards</a></p>
  280.                         </div>
  281.                         <hr style="margin-right: 30px;">
  282.                         <div>
  283.                             <h4><a href="/about-us">ABOUT US</a></h4>
  284.                             <p><a href="/advertise-on-rcs">Advertise</a></p>
  285.                             <p><a href="/trends-report-results">Trends Report</a></p>
  286.                             <p><a href="/coffee-shop-crew">Coffee Shop Crew</a></p>
  287.                             <p><a href="/support-rcs">Support RCS</a></p>
  288.                             <p><a href="/partners">Our Partners</a></p>
  289.                             <p><a href="/canada-content">RCS In Canada</a></p>
  290.                             <p><a href="/rcs-en-espanol">En Espa&ntilde;ol</a></p>
  291.                             <p><a href="/contact-us">Contact Us</a></p>
  292.                             <p><a href="/sign-up">Sign Up</a></p>
  293.                         </div>
  294.                     </div>
  295.                     </div></div>
  296.                     <div class="col-lg-7 directory-of-everything" style="padding:20px; padding-left: 30px;">
  297.                         <div class="module gray">
  298.                             {##}
  299.                                 {{ show_module({'cache_time': '0', 'type': 'gallery', 'columns': '3', 'title': 'Directory of Everything',
  300.                                 'limit': '6', 'ids':'19940, 19941, 19942, 19943, 19944, 19945',
  301.                                 'links':'our-directory/0/_/products_services/_?filter=0, our-directory/0/_/associations/_?filter=0, our-directory/0/_/manufacturers_reps/_?filter=0,
  302.                                 our-directory/0/_/distributors/_?filter=0, our-directory/0/_/contractors/_?filter=0, our-directory/0/
  303.                                 _/rcs_partners/_?filter=0'
  304.                                 })}}
  305.                             {##}
  306.                             {#<a href="/be-part-of-the-directory" class="view-all" style="color: #A6252A">Be Part of the Directory</a>#}
  307.                         </div>
  308.                     </div>
  309.                 </div>
  311.                 <div class="row hide-md forum-club-events" style="border-top: 2px solid rgba(0,0,0,.1);">
  312.                     <div class="col-sm-4 rcs-forum-module">
  313.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '10', 'title': 'RCS Forum', 'limit': '4', 'show_images': 'no', 'show_intros': 'no', 'show_dates': 'no', 'show_readmores': 'no', 'class': 'gray', 'dupes': 'yes'})}}
  314.                     </div>
  315.                     <div class="col-sm-4" style="border-left: 2px solid rgba(0,0,0,.1); text-align: center;">
  316.                         <div class="module-title" style="text-align: left; margin: 0;">
  317.                             <a href="/members-only" style="color:white!important">Today's Top R-Club Perks</a>{#'#}
  318.                         </div>
  319.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '27', 'as_gallery': 'yes', 'columns': '1', 'limit': '1', 'order': 'random', 'class': 'home-content-block', 'show_titles' : 'yes', 'show_description' : 'yes'})}}
  320.                         <a href='/rcs-club-sign-up'><img src="/uploads/media/2019/10/rclub-founding-member.png" alt="R Club Founding Member" loading="lazy" ></a>
  321.                     </div>
  322.                     <div class="col-sm-4 home-events" style="border-left: 2px solid rgba(0,0,0,.1);">
  323.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '7', 'title': 'Events', 'limit': '4', 'show_images': 'no', 'show_intros': 'no', 'show_readmores': 'no', 'class': 'gray', 'dupes': 'yes'})}}
  324.                     </div>
  325.                 </div>
  327.                 <div class="row webinars-videos-podcasts" style="border-top: 2px solid rgba(0,0,0,.1);">
  328.                     <div class="col-sm-4 pb-4">
  329.                         <h4 style="margin-bottom: 0px!important"><a href="/promos-rebates">TODAY'S SPECIALS</a></h4>{#'#}
  330.                         <div class="" >
  331.                             {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '14', 'as_gallery': 'yes', 'columns': '1', 'limit': '1', 'order': 'random', 'class': 'home-content-block', 'show_titles' :'yes'})}}
  332.                         </div>
  333.                         
  334.                     </div>
  335.                     <div class="col-sm-4 pb-4" style="border-left: 2px solid rgba(0,0,0,.1); text-align: center;">
  336.                         <h4 style="margin-bottom: 0px!important"><a href="/videos">VIDEOS</a></h4>
  337.                         {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '26', 'as_gallery': 'yes', 'columns': '1', 'limit': '1', 'order': 'random', 'class': 'home-content-block', 'show_titles' :'yes'})}}
  338.                     </div>
  339.                     <div class="col-sm-4 pb-4" style="border-left: 2px solid rgba(0,0,0,.1); text-align: center;">
  340.                         <h4 style="margin-bottom: 46px!important"><a href="/roofing-galleries">PHOTO GALLERIES</a></h4>
  341.                             {{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '5', 'category': 'roofing-galleries', 'as_gallery': 'yes', 'columns': '1', 'limit': '1', 'links': '/roofing-galleries', 'order': 'random', 'class': 'home-content-block'})}}
  342.                     </div>
  343.                 </div>
  344.                 <div class="row e-news-not-roofer" style="border-top: 2px solid rgba(0,0,0,.1); border-bottom: 2px solid rgba(0,0,0,.1);">
  345.                     <div class="col-sm-4">
  346.                         <h4><a href="/sign-up">SIGN UP FOR OUR E-NEWS!</a></h4>
  347.                         <a href="/sign-up">Join over 18,000 other roofers who get the Week in Roofing for a recap of this week&#39;s best industry posts!</a>
  348.                         <img src="/uploads/media/2020/11/week-in-roofing-1.png" alt="Rotation" id="imgRotate" >
  349.                         <script type="text/javascript">
  350.                             function Randomize() {
  351.                                 var images = new Array("/uploads/media/2020/11/week-in-roofing-1.png", "/uploads/media/2020/11/week-in-roofing-2.png", "/uploads/media/2020/11/week-in-roofing-3.png", "/uploads/media/2020/11/week-in-roofing-4.png");
  352.                                 let imageNum = Math.floor(Math.random() * images.length)
  353.                                 setTimeout(()=>{
  354.                                     document.getElementById("imgRotate").src = images[imageNum];
  355.                                     Randomize()
  356.                                 }, 5000)
  357.                             }
  358.                             window.onload = Randomize();
  359.                         </script>
  364.                     </div><div class="col-sm-4 not-roofer" style="border-left: 2px solid rgba(0,0,0,.1);">
  365.                         <h4 style="margin-bottom: 28px;"><a href="https://askaroofer.com">Visit</a></h4>
  366.                         <div class="col-md-12 vac" style="text-align: center;">
  367.                             <a href="https://askaroofer.com">
  368.                                 <img src="/assets/img/AAR-logo-sm.png" src="" alt="AskARoofer" >
  369.                             </a>
  370.                         </div>
  371.                     </div>
  372.                     <div class="col-sm-4 not-roofer " style="border-left: 2px solid rgba(0,0,0,.1);">
  373.                         <h4><a href="/not-a-roofer">NOT A ROOFER</a></h4>
  374.                         <p><a href="https://askaroofer.com">Homeowners</a></p>
  375.                         <p><a href="/building-owners">Building Owners</a></p>
  376.                         <p><a href="/join-roofing-industry">Why be a Roofer?</a></p>
  377.                             <p><a href="/por-que-unirse-a-la-industria-del-roofero">¿Por qué unirse a la Industria del Roofero?</a></p>
  378.                         <p><a href="/advertise-on-rcs">Looking to Advertise?</a></p>
  379.                         {#<p><a href="/be-part-of-the-directory">Be A Part of the Directory</a></p>#}
  380.                         <p><a href="/product-information">Product Infomation</a></p>
  381.                     </div>
  382.                 </div>
  383.             </div>
  384.             {# Takeover
  385.             <a href="https://go.becn.com/mobileapp?utm_source=Roofers%2BCoffee%2BShop&utm_medium=Banner&utm_term=na&utm_content=App+Download&utm_campaign=Mobile+App+Launch+2022" data-mitem-id="8425" class="takeover1group" style="position: absolute; top: 0; left: 0; display: block; width: 100%; height: 350px"></a>
  386.             <a href="https://go.becn.com/mobileapp?utm_source=Roofers%2BCoffee%2BShop&utm_medium=Banner&utm_term=na&utm_content=App+Download&utm_campaign=Mobile+App+Launch+2022" data-mitem-id="8425" class="takeover1group" style="position: absolute; top: 0; left: 50%; margin-left: -960px; display: block; width: 292px; height: 901px"></a>
  387.             <a href="https://go.becn.com/mobileapp?utm_source=Roofers%2BCoffee%2BShop&utm_medium=Banner&utm_term=na&utm_content=App+Download&utm_campaign=Mobile+App+Launch+2022" data-mitem-id="8425" class="takeover1group" style="position: absolute; top: 0; left: 50%; margin-left: 668px; display: block; width: 292px; height: 901px"></a>
  388.             #}
  389.             
  390.         </div>
  391.         
  392.         <div class="row featorganizations">
  393.             <div class="container home">
  394.                 <h4 style="width: 100%; text-align: center; margin: 2rem 0 2.5rem 0;">WE PROUDLY SUPPORT THESE FINE ORGANIZATIONS</h4>
  395.                 <div class="home-organizations">
  396.                     <a href="/directory/frsa">
  397.                         <img src="/uploads/media/FRSMCA.png" src="" alt="Florida Roofing and Sheet Metal Contractors Association, Inc." >
  398.                     </a>
  399.                     <a href="/directory/mrca">
  400.                         <img src="/uploads/media/MRCA.png" src="" alt="Midwest Roofing Contractors Association" >
  401.                     </a>
  402.                     <a href="/directory/nrca">
  403.                         <img src="/uploads/media/NRCA-21.png" src="" alt="National Roofing Contractors Association" title="" >
  404.                     </a>
  405.                     <a href="/directory/nwir">
  406.                         <img src="/uploads/media/NWR.png" src="" alt="National Women in Roofing" >
  407.                     </a>
  408.                     <a href="/directory/rt3">
  409.                         <img src="/uploads/media/RT3.png" src="" alt="Roofing Technology Think Tank" >
  410.                     </a>
  411.                     <a href="/directory/wsrca">
  412.                         <img src="/uploads/media/WSRCA.png" src="" alt="Western States Roofing Contractors Association" >
  413.                     </a>
  414.                     <a href="/directory/roofing-alliance">
  415.                         <img src="/uploads/media/Roofing-Alliance.png" src="" alt="Roofing Alliance Logo" >
  416.                     </a>
  417.                     <a href="/directory/nerca">
  418.                         <img src="/uploads/media/2019/02/nerca-logo.png" src="" alt="North East Roofing Contractors Association" >
  419.                     </a>
  420.                 </div>
  421.             </div>
  422.         </div>
  423.     {% endif %}
  425. {% endblock %}