{% extends "base.html.twig" %}
{% block taghead %}
<meta property="og:title" content="RoofersCoffeeShop — Roofing Forum, Classifieds, Galleries & More!" />
<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!" />
<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!">
<meta property="og:url" content="https://www.rooferscoffeeshop.com/" />
<meta property="og:image" content="https://www.rooferscoffeeshop.com{{ asset("assets/img/roofers-r.jpg") }}" />
{% endblock %}
{% block bodywrap %}
{# Homepage takeover styles #}
{# Takeover
<style>
#main-body-wrap {
position: relative;
}
#home-container{
padding-top:370px;
}
#takeover2 {
display:none;
padding: 0 30px;
}
#takeover3 {
border-top: 2px solid rgba(0,0,0,.1);
padding-top: 5px;
}
@media (max-width: 1399px) {
#main-body-wrap {
background-image: none!important;
}
#home-container{
padding-top:0px;
}
#takeover2 {
display:block;
padding-bottom: 15px;
}
.takeover1group{
display:none!important;
}
}
</style>
#}
{# Takeover
<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;">
#}
<div id="main-body-wrap" class="body-wrap">
{% endblock %}
{% block body %}
{% if dynamic_content is defined and dynamic_content %}
{{ rawTwig(dynamic_content, _context) | raw }}
{% else %}
<div id="home-container" class="container home" style="position:relative;">
{#<div style="position: absolute; top: 350px; left: 292; display: block; width: 1336px; height: 551px; pointer-events: none;"></div>#}
{# Takeover
<div id="takeover2" class="row">
<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">
<img src="/assets/img/home/takeover2.png" data-mitem-id="8425" >
</a>
</div>
#}
<div id="takeover3" class="row">
<div class="col-lg-9">
{{ show_module({'cache_time': '0', 'type': 'mediagroup', 'position': 'ad-rotation', 'show_buttons': 'yes' })}}
</div>
<div class="col-lg-3 up-to-the-minute">
{% if app.user %}
<div class="latestclassifieds">
{{ 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'})}}
</div>
{% else %}
<div class="becomeamember">
<p style="font-size: 18px;padding:15px 10px;">
Become a member and get access to place Classified ads, talk in the Forum and receive the Week in Roofing eNews!
</p>
<h3 class="signupbutton">
<a class="button" href="/sign-up" style="background-color:#a41822;">Create a Free<br>Account Now!</a>
</h3>
<p>Already a member? <a href="/sign-in">Log In!</a></p>
</div>
{% endif %}
</div>
</div>
<div class="row" style="border-top: 2px solid rgba(0,0,0,.1); padding: 1.5rem 0 1.25rem 0;">
<div class="col-sm-12">
<h2 style="text-align:center" class="rlw-read-listen-watch"><u><a href="/news-room"></span>FROM THE ROOFING NEWSROOM</a></u></h2>
</div>
</div>
<div class="row">
<div class=" col-lg-8 newsroom-influencers">
{% 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'}) %}
{% if announcements_module %}
<h4>Announcements</h4>
{{ announcements_module | raw }}
<hr style="margin: 1.25rem 0;">
{% endif %}
<h4>Up to the Minute!</h4>
{{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '2', 'category': 'newsroom', 'intro_length': '24', 'limit': '1', 'class': 'home-articles-big white', 'dupes': 'no'})}}
<hr style="margin: 1.25rem 0;">
<h4>RCS Original</h4>
{{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '2', 'category': 'rcs-blog', 'intro_length': '24', 'limit': '1', 'class': 'home-articles-big white', 'dupes': 'no'})}}
<hr style="margin: 1.25rem 0;">
<h4>RCS Influencers</h4>
{{ 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'})}}
</div>
{# Place iFrame here #}
<div class="col-lg-4 row left-border" style="padding-left:28px;">
<div class="col-lg-12 col-md-6 coffee-cast" >
{% set videoMitemId = "" %}
{% if ad_video_coffee_cast is defined and ad_video_coffee_cast %}
{% set videoId = ad_video_coffee_cast.getYTVideoId() %}
{% set videoMitemId = ad_video_coffee_cast.getId() %}
{% set videoTitle = ad_video_coffee_cast.getTitle() %}
{% set videoTitleLink = ad_video_coffee_cast.getExternalUrl() %}
{% else %}
{% set videoId = 'DqaJ_9jfvAc' %} {#Default CoffeeCast video id #}
{% set videoTitle = "CoffeeCast™" %}
{% endif %}
<h3 class="module-title social-feed-title" style="display: block; max-width: 100%; margin: 0 0 0.8rem 0; text-transform: unset;">
{% if videoTitleLink is defined and videoTitleLink %}
<a href="{{videoTitleLink}}" style="color:white;" data-text-only-mitem="1" data-mitem-id="{{videoMitemId}}">
{% else %}
<a style="color:white;" data-text-only-mitem="1" data-mitem-id="{{videoMitemId}}"></a>{# Just to track impressions #}
{% endif %}
{{videoTitle}}
{% if videoTitleLink is defined and videoTitleLink %}
</a>
{% endif %}
</h3>
<div class="ytThumbContainer">
<img id="ytThumbnail" src="https://img.youtube.com/vi/{{videoId}}/hqdefault.jpg" alt="" >
</div>
<iframe id="ytplayer" width="380" height="285"
src=""
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<script>
let srcAddon = "?autoplay=1&origin=http://rooferscoffeeshop.com&showinfo=0&modestbranding&loop=1&rel=0"
let src = "https://www.youtube.com/embed/{{videoId}}"+srcAddon
$('.ytThumbContainer').click(click => {
$('#ytplayer').attr("src", src);
$('.ytThumbContainer' ).fadeOut("fast", function() {
$('#ytplayer').show()
$('#ytplayer').css('display', 'block')
});
{% if videoMitemId is defined and videoMitemId %}
//tracking
$.post("/ajax/mitem-click",
{
id: {{videoMitemId}}
},
function(data,status){
});
{% endif %}
})
</script>
</div>
{#{% endif %}#}
<hr class="d-none d-lg-block" style="margin:25px 0px;"/>
<div id="home-poll" class="col-lg-12 col-md-6 home-poll-social">
{% if isActivePoll is defined and isActivePoll %}
<div class="home-poll home-poll-rcs" style="min-height:300px;">
{{ '[poll site="RoofCoffeeShop"]' | wordpress | raw }}
</div>
{% else %}
{{ '[ad position="ad-poll"]' | wordpress | raw }}
{% endif %}
</div>
</div>
</div>
{# RLW - Section #}
<div class="row" style="border-top: 2px solid rgba(0,0,0,.1); padding: 1.5rem 0 1.25rem 0;">
<div class="col-sm-12">
<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;">—</span> READ LISTEN WATCH</a></u></h2>
</div>
</div>
<div class="row">
{# RLW Rightside - Content#}
{# <div class="col-lg-12 newsroom-influencers" id="rlw-section"> #}
<div class="col-lg-8 newsroom-influencers" id="rlw-section">
<h4 class="rcs-influencers-heading"><a href="/coffee-conversations">FEATURED COFFEE CONVERSATIONS</a></h4>
{% 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'}) %}
{% if fcc %}
{{ fcc | raw }}
{% else %}
{{ 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'})}}
{% endif %}
<hr style="margin: 1.25rem 0;">
<h4><a href="/read-listen-watch-rcs">FEATURED RLW</a></h4>
{{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '15', 'limit': '1', 'class': 'home-articles-big white', 'dupes': 'yes', 'show_hub_categories' : 'no', 'order' : 'random'})}}
<hr style="margin: 1.25rem 0;">
<h4 class="rcs-influencers-heading"><a href="/podcasts">FEATURED PODCAST</a></h4>
{{ show_module({'cache_time': '0', 'type': 'content', 'ctype': '18', 'limit': '1', 'class': 'home-articles-big white', 'dupes': 'yes', 'order' : 'random'})}}
<hr style="margin: 1.25rem 0;">
<h4 class="rcs-influencers-heading"><a href="/ebooks">FEATURED EBOOK</a></h4>
{{ 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'})}}
</div>
{# RLW leftside - Social Area#}
<div class="col-lg-4 social-feed left-border h-100" style="overflow-x: hidden; overflow-y: hidden; height: 100%;">
<div style="height: 100%;">
<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>
{{ '[facebook fbpage="rcs"]' | wordpress | raw }}
</div>
</div>
</div>
{# Information - Section #}
<div class="row" style="border-top: 2px solid rgba(0,0,0,.1); padding: 1.75rem 0 1.25rem 0;">
<div class="col-sm-12">
<h2 style="text-align:center"><u><a href="/information-on">INFORMATION</a></u></h2>
</div>
</div>
<div class="row">
<div class="col-lg-5 row-information"><div class="row">
<div class="col-sm-6 col-information">
<div style="border-right: 2px solid rgba(0,0,0,.1);">
<h4><a href="/opportunities">OPPORTUNITIES</a></h4>
<p><a href="/promos-rebates">Promos & Rebates</a></p>
<p><a href="/buy-online">Buy Online</a></p>
<p><a href="/quick-quiz">Quick Quiz</a></p>
<p><a href="/contests-and-games">Contests & Games</a></p>
<p><a href="/take-our-survey">Take our Survey</a></p>
<p><a href="/rcs/rooferscoffeeshop-roofing-safety-sponsored-by-wti">RCS Photo Contests</a></p>
<p> </p>
<p> </p>
</div>
<hr style="margin-right: 30px;">
<div style="border-right: 2px solid rgba(0,0,0,.1);">
<h4><a href="/information-on">INFORMATION ON...</a></h4>
<p><a href="/scholarships">Scholarships</a></p>
<p><a href="/vocational-schools">Vocational Schools</a></p>
<p><a href="/events">Events</a></p>
<p><a href="/rcs-club-sign-up">R-Club Membership</a></p>
<p><a href="/engage-with-us">Engage With Us</a></p>
<p><a href="https://www.askaroofer.com/roofing-101">Homeowner Tips</a></p>
<p><a href="/building-owners">Building Owners</a></p>
<p><a href="/safety-tip-of-the-week">Safety Tips</a></p>
<p><a href="/product-information">Product Information</a></p>
</div>
<hr class="mobile-hr" style="margin-right: 30px;">
</div>
<div class="col-sm-6 col-information" style="padding-right: 0px">
<div>
<h4><a href="/advocacy">ADVOCACY</a></h4>
<p><a href="/trade-roofing-associations">Trade Associations</a></p>
<p><a href="/rcs-cares">RCS Cares</a></p>
<p><a href="/scholarships">Scholarships</a></p>
<p><a href="/look-up">Look-Up</a></p>
<p><a href="/respect">Roofing Respect</a></p>
<p><a href="/why-be-a-roofer">Why be a Roofer?</a></p>
<p><a href="/forum">Forum</a></p>
<p><a href="/awards">Awards</a></p>
</div>
<hr style="margin-right: 30px;">
<div>
<h4><a href="/about-us">ABOUT US</a></h4>
<p><a href="/advertise-on-rcs">Advertise</a></p>
<p><a href="/trends-report-results">Trends Report</a></p>
<p><a href="/coffee-shop-crew">Coffee Shop Crew</a></p>
<p><a href="/support-rcs">Support RCS</a></p>
<p><a href="/partners">Our Partners</a></p>
<p><a href="/canada-content">RCS In Canada</a></p>
<p><a href="/rcs-en-espanol">En Español</a></p>
<p><a href="/contact-us">Contact Us</a></p>
<p><a href="/sign-up">Sign Up</a></p>
</div>
</div>
</div></div>
<div class="col-lg-7 directory-of-everything" style="padding:20px; padding-left: 30px;">
<div class="module gray">
{##}
{{ show_module({'cache_time': '0', 'type': 'gallery', 'columns': '3', 'title': 'Directory of Everything',
'limit': '6', 'ids':'19940, 19941, 19942, 19943, 19944, 19945',
'links':'our-directory/0/_/products_services/_?filter=0, our-directory/0/_/associations/_?filter=0, our-directory/0/_/manufacturers_reps/_?filter=0,
our-directory/0/_/distributors/_?filter=0, our-directory/0/_/contractors/_?filter=0, our-directory/0/
_/rcs_partners/_?filter=0'
})}}
{##}
{#<a href="/be-part-of-the-directory" class="view-all" style="color: #A6252A">Be Part of the Directory</a>#}
</div>
</div>
</div>
<div class="row hide-md forum-club-events" style="border-top: 2px solid rgba(0,0,0,.1);">
<div class="col-sm-4 rcs-forum-module">
{{ 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'})}}
</div>
<div class="col-sm-4" style="border-left: 2px solid rgba(0,0,0,.1); text-align: center;">
<div class="module-title" style="text-align: left; margin: 0;">
<a href="/members-only" style="color:white!important">Today's Top R-Club Perks</a>{#'#}
</div>
{{ 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'})}}
<a href='/rcs-club-sign-up'><img src="/uploads/media/2019/10/rclub-founding-member.png" alt="R Club Founding Member" loading="lazy" ></a>
</div>
<div class="col-sm-4 home-events" style="border-left: 2px solid rgba(0,0,0,.1);">
{{ 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'})}}
</div>
</div>
<div class="row webinars-videos-podcasts" style="border-top: 2px solid rgba(0,0,0,.1);">
<div class="col-sm-4 pb-4">
<h4 style="margin-bottom: 0px!important"><a href="/promos-rebates">TODAY'S SPECIALS</a></h4>{#'#}
<div class="" >
{{ 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'})}}
</div>
</div>
<div class="col-sm-4 pb-4" style="border-left: 2px solid rgba(0,0,0,.1); text-align: center;">
<h4 style="margin-bottom: 0px!important"><a href="/videos">VIDEOS</a></h4>
{{ 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'})}}
</div>
<div class="col-sm-4 pb-4" style="border-left: 2px solid rgba(0,0,0,.1); text-align: center;">
<h4 style="margin-bottom: 46px!important"><a href="/roofing-galleries">PHOTO GALLERIES</a></h4>
{{ 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'})}}
</div>
</div>
<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);">
<div class="col-sm-4">
<h4><a href="/sign-up">SIGN UP FOR OUR E-NEWS!</a></h4>
<a href="/sign-up">Join over 18,000 other roofers who get the Week in Roofing for a recap of this week's best industry posts!</a>
<img src="/uploads/media/2020/11/week-in-roofing-1.png" alt="Rotation" id="imgRotate" >
<script type="text/javascript">
function Randomize() {
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");
let imageNum = Math.floor(Math.random() * images.length)
setTimeout(()=>{
document.getElementById("imgRotate").src = images[imageNum];
Randomize()
}, 5000)
}
window.onload = Randomize();
</script>
</div><div class="col-sm-4 not-roofer" style="border-left: 2px solid rgba(0,0,0,.1);">
<h4 style="margin-bottom: 28px;"><a href="https://askaroofer.com">Visit</a></h4>
<div class="col-md-12 vac" style="text-align: center;">
<a href="https://askaroofer.com">
<img src="/assets/img/AAR-logo-sm.png" src="" alt="AskARoofer" >
</a>
</div>
</div>
<div class="col-sm-4 not-roofer " style="border-left: 2px solid rgba(0,0,0,.1);">
<h4><a href="/not-a-roofer">NOT A ROOFER</a></h4>
<p><a href="https://askaroofer.com">Homeowners</a></p>
<p><a href="/building-owners">Building Owners</a></p>
<p><a href="/join-roofing-industry">Why be a Roofer?</a></p>
<p><a href="/por-que-unirse-a-la-industria-del-roofero">¿Por qué unirse a la Industria del Roofero?</a></p>
<p><a href="/advertise-on-rcs">Looking to Advertise?</a></p>
{#<p><a href="/be-part-of-the-directory">Be A Part of the Directory</a></p>#}
<p><a href="/product-information">Product Infomation</a></p>
</div>
</div>
</div>
{# Takeover
<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>
<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>
<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>
#}
</div>
<div class="row featorganizations">
<div class="container home">
<h4 style="width: 100%; text-align: center; margin: 2rem 0 2.5rem 0;">WE PROUDLY SUPPORT THESE FINE ORGANIZATIONS</h4>
<div class="home-organizations">
<a href="/directory/frsa">
<img src="/uploads/media/FRSMCA.png" src="" alt="Florida Roofing and Sheet Metal Contractors Association, Inc." >
</a>
<a href="/directory/mrca">
<img src="/uploads/media/MRCA.png" src="" alt="Midwest Roofing Contractors Association" >
</a>
<a href="/directory/nrca">
<img src="/uploads/media/NRCA-21.png" src="" alt="National Roofing Contractors Association" title="" >
</a>
<a href="/directory/nwir">
<img src="/uploads/media/NWR.png" src="" alt="National Women in Roofing" >
</a>
<a href="/directory/rt3">
<img src="/uploads/media/RT3.png" src="" alt="Roofing Technology Think Tank" >
</a>
<a href="/directory/wsrca">
<img src="/uploads/media/WSRCA.png" src="" alt="Western States Roofing Contractors Association" >
</a>
<a href="/directory/roofing-alliance">
<img src="/uploads/media/Roofing-Alliance.png" src="" alt="Roofing Alliance Logo" >
</a>
<a href="/directory/nerca">
<img src="/uploads/media/2019/02/nerca-logo.png" src="" alt="North East Roofing Contractors Association" >
</a>
</div>
</div>
</div>
{% endif %}
{% endblock %}