templates/includes/mega-menu/1/mobile-main.html.twig line 1

Open in your IDE?
  1. <div class="side-menu-int">
  2.     <div class="mobile-menu-item">
  3.         <a href="/">Home</a>
  4.     </div>
  5.     {%  for item in items|sort((a, b)=>a.position <=> b.position)|filter(item => item.level == 1) %}
  6.         <div class="mobile-menu-item">
  7.             <a href="{{ item.link }}">{{ item.title }}</a>
  8.             <span class="sub-menu-toggle"></span>
  9.             {% for child in items|sort((c, d)=>c.position <=> d.position)|filter(child => child.level == 2 and child.parent == item.uuid) %}
  10.                 <div class="secondary-menu-item" >
  11.                     <a href="{{ child.link }}">{{ child.title }}</a>
  12.                     <span class="sub-menu-toggle"></span>
  13.                      {% for grandchild in items|sort((e, f)=>e.position <=> f.position)|filter(grandchild => grandchild.level == 3 and grandchild.parent == child.uuid) %}
  14.                         <div class="tertiary-menu-item" >
  15.                             <a href="{{ grandchild.link }}">{{ grandchild.title }}</a>
  16.                         </div>
  17.                     {% endfor %}
  18.                 </div>
  19.             {% endfor %}
  20.         </div>
  23.     {% endfor %}
  24. </div>
  26. <script>
  27.     $('.mobile-menu-item .sub-menu-toggle').click(function(){
  28.         if ($(this).parent().children('.secondary-menu-item').hasClass('open')) {
  29.             $(this).parent().children('.secondary-menu-item').removeClass('open') 
  30.         }else{
  31.             $(this).parent().children('.secondary-menu-item').addClass('open') 
  32.         }
  33.     })
  34.     $('.secondary-menu-item .sub-menu-toggle').click(function(){
  35.         console.log('here')
  36.         if ($(this).parent().children('.tertiary-menu-item').hasClass('open')) {
  37.             $(this).parent().children('.tertiary-menu-item').removeClass('open') 
  38.         }else{
  39.             $(this).parent().children('.tertiary-menu-item').addClass('open') 
  40.         }
  41.     })
  42. </script>
  44. <style>
  45.     .side-menu-int {
  46.         display: flex;
  47.         flex-direction: column;
  48.     }
  50.     .mobile-menu-item,
  51.     .secondary-menu-item, .tertiary-menu-item {
  52.         display: flex;
  53.         flex-wrap: wrap;
  54.         justify-content: space-between;
  55.         align-items: center;
  56.         width: 100%;
  57.         height: auto;
  58.         background-color: white;
  59.         font-weight: 700;
  60.         text-transform: uppercase;
  61.         font-size: 18px;
  62.         box-shadow: 0 1px 3px rgb(0 0 0 / 3%);
  63.         font-weight: 600;
  64.         margin: 5px 0;
  65.     }
  66.     .secondary-menu-item, .tertiary-menu-item {
  67.         background-color: #eeeeee;
  68.         margin:    unset;
  69.         padding: 0 10px;
  70.         font-size: 16px;
  71.         overflow: hidden;
  72.         transition: max-height 0.8s ease-in-out;
  73.         height: 0px;
  74.         max-height: 0px;
  75.     }
  76.     .secondary-menu-item.open{
  77.         height: auto;
  78.           max-height: 1000px;
  79.     }
  80.     .tertiary-menu-item.open{
  81.         height: auto;
  82.           max-height: 1000px;
  83.     }
  84.     .mobile-menu-item a {
  85.         flex: 1;
  86.         height: 4.5rem;
  87.         display: flex;
  88.         align-items: center;
  89.         padding-left: 5%;
  90.     }
  91.     .sub-menu-toggle::after {
  92.         content: "+";
  93.     }
  94. </style>
  96. {# <div class="side-menu-int">
  97.     <ul id="menu-side-menu" class="nav-main--menu full-menu">
  98.         <li id="menu-home" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home">
  99.             <a href="/">Home</a>
  100.         </li>
  101.         <li id="menu-classifieds" class="menu-item menu-item-type-post_type menu-item-object-page">
  102.             <a href="/our-listings/">Classifieds</a>
  103.             <span class="menu-toggle"></span>
  104.             <ul class="sub-menu menu-collapse menu-columns">
  105.                 <li id="menu-classifieds" class="menu-item menu-item-type-post_type menu-item-object-page">
  106.                     <a href="/our-listings/">All Ads</a>
  107.                     <span class="sub-menu-toggle"></span>
  108.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  109.                         <li class="menu-item menu-item-type-custom menu-item-object-custom">
  110.                             <a href="/our-listings/">All Ads</a>
  111.                         </li>
  112.                         <li class="menu-item menu-item-type-custom menu-item-object-custom">
  113.                             <a href="/our-listings/_/_/_/6/_">For Sale</a>
  114.                         </li>
  115.                         <li class="menu-item menu-item-type-custom menu-item-object-custom">
  116.                             <a href="/our-listings/_/_/_/8/_">Wanted</a>
  117.                         </li>
  118.                         <li class="menu-item menu-item-type-custom menu-item-object-custom">
  119.                             <a href="/our-listings/_/_/_/7/_">Help Wanted</a>
  120.                         </li>
  121.                         <li class="menu-item menu-item-type-custom menu-item-object-custom">
  122.                             <a href="/our-listings/_/_/_/55/_">Work Wanted</a>
  123.                         </li>
  124.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  125.                             <a href="/post-a-classified-ad">Place an Ad</a>
  126.                         </li>
  127.                     </ul>
  128.                 </li>
  129.                 <li id="menu-classifieds" class="menu-item menu-item-type-post_type menu-item-object-page">
  130.                     <a href="/our-directory/">Everything Else</a>
  131.                     <span class="sub-menu-toggle"></span>
  132.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  133.                         <li class="menu-item menu-item-type-custom menu-item-object-custom">
  134.                             <a href="/ineedhelp">I Need Help</a>
  135.                         </li>
  136.                         <li class="menu-item menu-item-type-custom menu-item-object-custom">
  137.                             <a href="/rooferscoffeeshop-com-wants-help-find-job-free">Need a Job?</a>
  138.                         </li>
  139.                         <li class="menu-item menu-item-type-custom menu-item-object-custom">
  140.                             <a href="/classified-ads-faqs">Classified FAQ</a>
  141.                         </li>
  142.                         <li class="menu-item menu-item-type-custom menu-item-object-custom">
  143.                             <a href="/classified-policy">Policies</a>
  144.                         </li>
  145.                     </ul>
  146.                 </li>
  147.             </ul>
  148.         </li>
  149.         <li id="menu-directory" class="menu-item menu-item-type-post_type menu-item-object-page">
  150.             <a href="/our-directory/">Directory</a>
  151.             <span class="menu-toggle"></span>
  152.             <ul class="sub-menu menu-collapse menu-columns">
  153.                 <li id="menu-directory-1" class="menu-item menu-item-type-post_type menu-item-object-page">
  154.                     <a href="/our-directory/">Directory</a>
  155.                     <span class="sub-menu-toggle"></span>
  156.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  157.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  158.                             <a href="/our-directory/0/_/products_services/_?filter=0">Products &amp; Services</a>
  159.                         </li>
  160.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  161.                             <a href="/our-directory/0/_/contractors/_?filter=0">Contractors</a>
  162.                         </li>
  163.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  164.                             <a href="/our-directory/0/_/distributors/_?filter=0">Distributors</a>
  165.                         </li>
  166.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  167.                             <a href="/our-directory/0/_/associations/_?filter=0">Association Partners</a>
  168.                         </li>
  169.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  170.                             <a href="/our-directory/0/_/manufacturers_reps/_?filter=0">Manufacturer Reps</a>
  171.                         </li>
  172.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  173.                             <a href="/our-directory/0/_/consultants/_?filter=0">Consultants</a>
  174.                         </li>
  175.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  176.                             <a href="/our-directory/0/_/rcs_partners/_?filter=0">RCS Partners</a>
  177.                         </li>
  178.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  179.                             <a href="/be-part-of-the-directory">Be Part of the Directory</a>
  180.                         </li>
  181.                     </ul>
  182.                 </li>
  183.                 <li id="menu-directory-2" class="menu-item menu-item-type-post_type menu-item-object-page">
  184.                     <a href="/everything-else-header/">Everything Else</a>
  185.                     <span class="sub-menu-toggle"></span>
  186.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  187.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  188.                             <a href="/scholarships">Scholarships</a>
  189.                         </li>
  190.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
  191.                             <a href="/vocational-schools">Vocational Schools</a>
  192.                         </li>
  193.                         <li id="menu-item-115053" class="menu-item menu-item-type-taxonomy menu-item-object-directory-type menu-item-115053">
  194.                             <a href="/partners">Our Partners</a>
  195.                         </li>
  196.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  197.                             <a href="/events">Events</a>
  198.                         </li>
  199.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  200.                             <a href="/awards/">Awards</a>
  201.                         </li>
  202.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  203.                             <a href="/trade-roofing-associations">Trade Associations</a>
  204.                         </li>
  205.                     </ul>
  206.                 </li>
  207.             </ul>
  208.         </li>
  210.         <li id="menu-forum" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children">
  211.             <a href="/news-room">Forum &amp; News</a>
  212.             <span class="menu-toggle"></span>
  213.             <ul class="sub-menu menu-collapse menu-columns">
  214.                 <li id="menu-forum-1" class="menu-item menu-item-type-post_type menu-item-object-page">
  215.                     <a href="/forum/">Forums</a>
  216.                     <span class="sub-menu-toggle"></span>
  217.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  218.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
  219.                             <a href="/forum/">Forum</a>
  220.                         </li>
  221.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
  222.                             <a href="/forum/roofers-coffee-shop">Roofers Talk</a>
  223.                         </li>
  224.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
  225.                             <a href="/forum/rcs-question-of-the-month">Question of the Month</a>
  226.                         </li>
  227.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
  228.                             <a href="/forum/hurricane-relief">Hurricane Relief</a>
  229.                         </li>
  230.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
  231.                             <a href="/forum/en-espanol">En Espa&ntilde;ol</a>
  232.                         </li>
  233.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
  234.                             <a href="/forum/r-club">Members Only</a>
  235.                         </li>
  236.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
  237.                             <a href="/forum/shingle-conversations">Shingle Conversation</a>
  238.                         </li>
  239.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
  240.                             <a href="/forum/metal-roofing-talk">Metal Roofing Talk</a>
  241.                         </li>
  242.                     </ul>
  243.                 </li>
  244.                 <li id="menu-forum-2" class="menu-item menu-item-type-post_type menu-item-object-page">
  245.                     <a href="/news-room/">News</a>
  246.                     <span class="sub-menu-toggle"></span>
  247.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  248.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  249.                             <a href="/news-room">News</a>
  250.                         </li>
  251.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  252.                             <a href="/news-room">News &amp; Blogs</a>
  253.                         </li>
  254.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  255.                             <a href="/rcs-influencers">Roofing Influencers</a>
  256.                         </li>
  257.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  258.                             <a href="/roofing-galleries">Roofing Galleries</a>
  259.                         </li>
  260.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  261.                             <a href="/partner-galleries">Partner Galleries</a>
  262.                         </li>
  263.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  264.                             <a href="/rcs-weekly-newsletters-week-review">Newsletter Archive</a>
  265.                         </li>
  266.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  267.                             <a href="/trends-report-results">Trends Reports</a>
  268.                         </li>
  269.                     </ul>
  270.                 </li>
  271.             </ul>
  272.         </li>
  273.         <li id="menu-information" class="menu-item menu-item-type-post_type menu-item-object-page">
  274.             <a href="/information-on/">Information</a>
  275.             <span class="menu-toggle"></span>
  276.             <ul class="sub-menu menu-collapse menu-columns">
  278.                 <li id="menu-roofing-influencers" class="menu-item menu-item-type-taxonomy menu-item-object-category">
  279.                     <a href="/opportunities/">Opportunities</a>
  280.                     <span class="sub-menu-toggle"></span>
  281.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  282.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  283.                             <a href="/promos-rebates">Promos &amp; Rebates</a>
  284.                         </li>
  285.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  286.                             <a href="/buy-online">Buy Online</a>
  287.                         </li>
  288.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  289.                             <a href="/quick-quiz">Quick Quiz</a>
  290.                         </li>
  291.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  292.                             <a href="/contests-and-games">Contests &amp; Games</a>
  293.                         </li>
  294.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  295.                             <a href="/take-our-survey">Surveys</a>
  296.                         </li>
  297.                         <li class="menu-item menu-item-type-taxonomy menu-item-object-directory-type">
  298.                             <a href="/rcs/rooferscoffeeshop-roofing-safety-sponsored-by-wti">RCS Photo Contest</a>
  299.                         </li>
  300.                     </ul>
  301.                 </li>
  302.                 <li id="menu-photo-galleries" class="menu-item menu-item-type-taxonomy menu-item-object-category">
  303.                     <a href="/information-on">Information On...</a>
  304.                     <span class="sub-menu-toggle"></span>
  305.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  306.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  307.                             <a href="/product-information/roofing-technology">Roofing Technology</a>
  308.                         </li>
  309.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  310.                             <a href="/scholarships">Scholarships</a>
  311.                         </li>
  312.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  313.                             <a href="/vocational-schools">Vocational Schools</a>
  314.                         </li>
  315.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  316.                             <a href="/events">Events</a>
  317.                         </li>
  318.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  319.                             <a href="/add-us">Add Us</a>
  320.                         </li>
  321.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  322.                             <a href="https://askaroofer.com">Homeowners</a>
  323.                         </li>
  324.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  325.                             <a href="/building-owners">Building Owners</a>
  326.                         </li>
  327.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  328.                             <a href="/safety-tip-of-the-week">Safety Tip of the Week</a>
  329.                         </li>
  330.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  331.                             <a href="/product-information">Product Information</a>
  332.                         </li>
  333.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  334.                             <a href="/training-resources">Training Resources</a>
  335.                         </li>
  336.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  337.                             <a href="/capacitacion-en-espanol">Capacitación En Espanol</a>
  338.                         </li>
  340.                     </ul>
  341.                 </li>
  343.                 <li id="menu-advocacy" class="menu-item menu-item-type-taxonomy menu-item-object-category">
  344.                     <a href="/advocacy">Advocacy</a>
  345.                     <span class="sub-menu-toggle"></span>
  346.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  347.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  348.                             <a href="/trade-roofing-associations">Trade Associations</a>
  349.                         </li>
  350.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  351.                             <a href="/rcs-cares">RCS Cares</a>
  352.                         </li>
  353.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  354.                             <a href="/scholarships">Scholarships</a>
  355.                         </li>
  356.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  357.                             <a href="/look-up">Look-Up</a>
  358.                         </li>
  359.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  360.                             <a href="/rcs/roofing-respect">Roofing Respect</a>
  361.                         </li>
  362.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  363.                             <a href="/join-roofing-industry">Why Be a Roofer</a>
  364.                         </li>
  365.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  366.                             <a href="/forum/">Forum</a>
  367.                         </li>
  368.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  369.                             <a href="/awards/">Awards</a>
  370.                         </li>
  371.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  372.                             <a href="/giving-back">Giving Back</a>
  373.                         </li>
  374.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  375.                             <a href="/veterans">Veterans</a>
  376.                         </li>
  377.                     </ul>
  378.                 </li>
  380.                 <li id="menu-about-us" class="menu-item menu-item-type-post_type menu-item-object-page">
  381.                     <a href="/about-us">About Us</a>
  382.                     <span class="sub-menu-toggle"></span>
  383.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  384.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  385.                             <a href="/advertise-on-rcs">Advertise</a>
  386.                         </li>
  387.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  388.                             <a href="/canada-content">RCS in Canada</a>
  389.                         </li>
  390.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  391.                             <a href="/rcs-en-espanol">En Espa&ntilde;ol</a>
  392.                         </li>
  393.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  394.                             <a href="/meet-the-team">Meet the Team</a>
  395.                         </li>
  396.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  397.                             <a href="/add-us">Support RCS</a>
  398.                         </li>
  399.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  400.                             <a href="/partners">Our Partners</a>
  401.                         </li>
  402.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  403.                             <a href="/how-tos">How To's</a>
  404.                         </li>
  405.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  406.                             <a href="/contact-us">Contact Us</a>
  407.                         </li>
  408.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  409.                             <a href="/sign-up">Sign Up</a>
  410.                         </li>
  411.                     </ul>
  412.                 </li>
  415.             </ul>
  416.         </li>
  418.         <li id="menu-opportunities" class="menu-item menu-item-type-post_type menu-item-object-page">
  419.             <a href="/read-listen-watch">Read Listen Watch</a>
  420.             <span class="menu-toggle"></span>
  421.             <ul class="sub-menu menu-collapse menu-columns">
  422.                 <li id="menu-learn-your-way" class="menu-item menu-item-type-post_type menu-item-object-page">
  423.                     <a href="/learning-listening">Learn Your Way</a>
  424.                     <span class="sub-menu-toggle"></span>
  425.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  426.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  427.                             <a href="/learning-listening">Learn Your Way</a>
  428.                         </li>
  429.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  430.                             <a href="/read-listen-watch">Read Listen Watch</a>
  431.                         </li>
  432.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  433.                             <a href="/podcasts">Podcasts</a>
  434.                         </li>
  435.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  436.                             <a href="/podcasts/partner-podcast">Partner Podcasts</a>
  437.                         </li>
  438.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  439.                             <a href="/ebooks">eBooks</a>
  440.                         </li>
  441.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  442.                             <a href="/partner-ebooks">Partner eBooks</a>
  443.                         </li>
  444.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  445.                             <a href="/category/ebooks/downloads">Downloads</a>
  446.                         </li>
  447.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  448.                             <a href="/rcs-lunch-learn">Lunch & Learn</a>
  449.                         </li>
  450.                     </ul>
  451.                 </li>
  453.                 <li id="menu-rlw-news" class="menu-item menu-item-type-post_type menu-item-object-page">
  454.                     <a href="/learning-listening">Video Your Way</a>
  455.                     <span class="sub-menu-toggle"></span>
  456.                     <ul class="sub-menu sub-sub-menu menu-collapse">
  457.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  458.                             <a href="/learning-listening">Video Your Way</a>
  459.                         </li>
  460.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  461.                             <a href="/coffee-conversations">Coffee Conversations</a>
  462.                         </li>
  463.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  464.                             <a href="/econ-outlook">Economic Outlook by Angi</a>
  465.                         </li>
  466.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  467.                             <a href="/videos">Partner Videos</a>
  468.                         </li>
  469.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  470.                             <a href="/rcs-webinar-series">RCS Webinar Series</a>
  471.                         </li>
  472.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  473.                             <a href="/partner-webinars">Partner Webinars</a>
  474.                         </li>
  475.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  476.                             <a href="/upcoming-industry-webinars">Upcoming Industry Webinars</a>
  477.                         </li>
  478.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  479.                             <a href="/weekly-blend">The Weekly Blend</a>
  480.                         </li>
  481.                         <li class="menu-item menu-item-type-post_type menu-item-object-page">
  482.                             <a href="/coffeecast">CoffeeCast™</a>
  483.                         </li>
  484.                     </ul>
  485.                 </li>
  486.             </ul>
  487.         </li>
  488.         <li id="menu-membership" class="menu-item menu-item-type-post_type menu-item-object-page">
  489.             <a href="/what-is-r-club">R-Club</a>
  490.             <span class="menu-toggle"></span>
  491.             <ul class="sub-menu menu-collapse">
  492.                 <li class="menu-item menu-item-type-custom menu-item-object-custom">
  493.                     <a href="/what-is-r-club">R-Club Tools</a>
  494.                 </li>
  495.                 <li class="menu-item menu-item-type-custom menu-item-object-custom">
  496.                     <a href="/what-is-r-club">What is R-Club</a>
  497.                 </li>
  498.                 <li class="menu-item menu-item-type-custom menu-item-object-custom">
  499.                     <a href="/members-only">R-Club Perks</a>
  500.                 </li>
  501.                 <li class="menu-item menu-item-type-custom menu-item-object-custom">
  502.                     <a href="/consulting">R-Club Consulting</a>
  503.                 </li>
  504.                 <li class="menu-item menu-item-type-post_type menu-item-object-page">
  505.                     <a href="/new-club-member">New to R-Club?</a>
  506.                 </li>
  507.                 <li class="menu-item menu-item-type-post_type menu-item-object-page">
  508.                     <a href="/rcs-club-sign-up">Join R-Club</a>
  509.                 </li>
  510.                 <li class="menu-item menu-item-type-custom menu-item-object-custom">
  511.                     <a href="/handy-forms">Handy Forms</a>
  512.                 </li>
  513.                 <li class="menu-item menu-item-type-post_type menu-item-object-page">
  514.                     <a href="/sign-up ">E-News - Week in Roofing</a>
  515.                 </li>
  516.                 <li class="menu-item menu-item-type-post_type menu-item-object-page">
  517.                     <a href="/roofers-safety-information">Safety Meetings</a>
  518.                 </li>
  519.                 <li class="menu-item menu-item-type-post_type menu-item-object-page">
  520.                     <a href="/coffee-break">Coffee Break</a>
  521.                 </li>
  522.                 <li class="menu-item menu-item-type-post_type menu-item-object-page">
  523.                     <a href="/roofer-of-the-month">Roofer of the Month</a>
  524.                 </li>
  525.                 <li class="menu-item menu-item-type-post_type menu-item-object-page">
  526.                     <a href="/sign-in ">Sign In</a>
  527.                 </li>
  528.             </ul>
  529.         </li>
  530.     </ul>
  531. </div> #}