Header, section, and footer consistently

src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.html

@@ -1,7 +1,7 @@
 <div class="container">
   <ng-container *ngVar="(parent$ | async) as parent">
     <ng-container *ngIf="parent?.payload as parentContext">
-      <header>
+        <header class="comcol-header">
         <!-- Parent Name -->
         <ds-comcol-page-header [name]="parentContext.name">
         </ds-comcol-page-header>
@@ -17,6 +17,7 @@
             [title]="parentContext.type+'.page.handle'" >
         </ds-comcol-page-handle>
       </header>
+      <section class="comcol-page-browse-section">
         <!-- Browse-By Links -->
         <ds-comcol-page-browse-by [id]="parentContext.id" [contentType]="parentContext.type"></ds-comcol-page-browse-by>
     </ng-container>
@@ -37,6 +38,7 @@
     </ds-browse-by>
     <ds-loading *ngIf="!startsWithOptions" message="{{'loading.browse-by-page' | translate}}"></ds-loading>
   </div>
+</section>
   <footer *ngVar="(parent$ | async) as parent">
     <div *ngIf="parent?.payload as parentContext">
 

src/app/+collection-page/collection-page.component.html

@@ -3,7 +3,7 @@
          *ngVar="(collectionRD$ | async) as collectionRD">
         <div *ngIf="collectionRD?.hasSucceeded" @fadeInOut>
             <div *ngIf="collectionRD?.payload as collection">
-                <header>
+                <header class="comcol-header">
                     <!-- Collection logo -->
                     <ds-comcol-page-logo *ngIf="logoRD$"
                         [logo]="(logoRD$ | async)?.payload" [alternateText]="'Collection Logo'">
@@ -30,6 +30,7 @@
                         [title]="'collection.page.handle'" >
                 </ds-comcol-page-handle>
               </header>
+              <section class="comcol-page-browse-section">
               <!-- Browse-By Links -->
               <ds-comcol-page-browse-by
                       [id]="collection.id"
@@ -55,6 +56,7 @@
                         {{'collection.page.browse.recent.empty' | translate}}
                 </div>
             </ng-container>
+            </section>
         <footer>
           <!-- Copyright -->
           <ds-comcol-page-content

src/app/+community-page/community-page.component.html

@@ -1,6 +1,7 @@
 <div class="container" *ngVar="(communityRD$ | async) as communityRD">
   <div class="community-page" *ngIf="communityRD?.hasSucceeded" @fadeInOut>
     <div *ngIf="communityRD?.payload; let communityPayload">
+      <header class="comcol-header">
       <!-- Community logo -->
       <ds-comcol-page-logo *ngIf="logoRD$"
         [logo]="(logoRD$ | async)?.payload"
@@ -31,11 +32,21 @@
         [content]="communityPayload.handle"
         [title]="'community.page.handle'" >
       </ds-comcol-page-handle>
+      </header>
+      <section class="comcol-page-browse-section">
       <!-- Browse-By Links -->
       <ds-comcol-page-browse-by [id]="communityPayload.id" [contentType]="communityPayload.type"></ds-comcol-page-browse-by>
 
       <ds-community-page-sub-community-list [community]="communityPayload"></ds-community-page-sub-community-list>
       <ds-community-page-sub-collection-list [community]="communityPayload"></ds-community-page-sub-collection-list>
+    </section>
+      <footer>
+          <!-- Copyright -->
+          <ds-comcol-page-content
+                      [content]="communityPayload.copyrightText"
+                      [hasInnerHtml]="true">
+          </ds-comcol-page-content>
+        </footer>
     </div>
   </div>