<!doctype html>
<html class="no-js">
    <head>
    {{> head}}
    </head>
    <body class="">
        {{> header}}
        <section class="so-social-promo text-only">
            <h1>Testing A Heading</h1>
            <h2>This Is A Sub-Title</h2>
        </section>
        <main class="so-social-main-content">
            <div class="content overlap">
                <article>
                    <p class="type so-label sosocial-facebook">Facebook Advertising</p>
                    <h1>Article Heading</h1>
                    <h2>Consequatur a, ullam, voluptatum incidunt neque doloremque vel inventore distinctio laudantium harum illo quam nulla dolor alias iure impedit! Accusamus! Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h2>
                    <p class="date">30 Mar 2014</p>
                    <p><span>Lorem ipsum dolor sit amet</span>, consectetur adipisicing elit. Consequatur a, ullam, voluptatum incidunt neque doloremque vel inventore distinctio laudantium harum illo quam nulla dolor alias iure impedit! Accusamus! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur, a, ullam, voluptatum incidunt neque porro numquam doloremque vel inventore distinctio laudantium harum illo quam nulla dolor alias iure impedit.
                        <a href="javascript:void(0)" class="read-more">Read More <span>&rsaquo;</span></a>
                    </p>
                    
                    <table class="tables">
  <thead>
    <tr>
      <th>Header Cell 1</th>
      <th>Header Cell 2</th>
      <th>Header Cell 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Row 1 Cell 1</td>
      <td>Row 1 Cell 2</td>
      <td><button>Confirm</button><button>Reject</button></td>
    </tr>
    <tr>
      <td>Row 2 Cell 1</td>
      <td>Row 2 Cell 2</td>
      <td><button>Confirm</button><button>Reject</button></td>
    </tr>
    <tr>
      <td>Row 3 Cell 1</td>
      <td>Row 3 Cell 2</td>
      <td><button>Confirm</button><button>Reject</button></td>
    </tr>
    <tr>
      <td>Row 4 Cell 1</td>
      <td>Row 4 Cell 2</td>
      <td><button>Confirm</button><button>Reject</button></td>
    </tr>
  </tbody>
</table>

                    
                    
                    <h3>Subheading lorem</h3>
                    <p><span>Consequatur ullam, voluptatum</span> incidunt neque porro numquam doloremque vel inventore distinctio laudantium harum illo quam nulla dolor alias iure impedit. Accusamus. Consequatur, a, ullam, voluptatum incidunt neque porro numquam doloremque vel inventore distinctio laudantium harum illo quam nulla dolor alias iure impedit! Accusamus.</p>
                    <hr>
                    <p class="author">Author Name</p>
                </article>
            </div>
        </main>   
        {{> footer}}
        {{> login_modal}}
        {{> navigation}}
        {{> footer_scripts}}
    </body>
</html>