Issue 5102 - Replaced semantically incorrect <hr> elements with :after styles

pages/committee/members.tmpl

Index: pages/committee/members.tmpl
===================================================================
--- a/pages/committee/members.tmpl
+++ b/pages/committee/members.tmpl
@@ -436,17 +436,16 @@
     {% endfor %}
   </section>
 {% endmacro %}
 
 <section class="container">
   <div class="row section">
     <div class="col-6">
       <h1>{{ "Members" | translate("members-heading", "heading") }}</h1>
-      <hr>
       <p>{{ "The Acceptable Ads Committee is divided into three Coalitions, with each faction consisting of several Members. Each group includes a Representative and multiple supporting Members." | translate("members-intro-1") }}</p>
       <p>{{ "Below is a list of all current Representatives and supporting Members, broken down by Coalition.*" | translate("members-intro-2") }}</p>
       <p><small>{{ "*The Adblock Agent is a representative from an ad blocker product who attends meetings in an advisory role but does not have a vote and is not formally a member of the committee." | translate("members-intro-3") }}</small></small></p>
     </div>
     <aside class="col-6">
       <img id="committee-structure" class="block" alt="{{ "Acceptable Ads Committee Structure" | translate("featured-image-alt", "Image alt text") }}" src="img/jpg/acceptable-ads-committee-structure.jpg" />
     </aside>
   </div>