Here’s the JekyllRB post file for the page Internal or About page (no rail, no social). I coded nearly everything here.

---
layout: template
title: "Internal or About page (no rail, no social)"
categories: Templates
---
{\% include site-header.html top_level_class="site-header--solid" subtout="full" %}
<section class="sans-serif">
  <div class="container">
    <main class="l-internal-main--no-rail no-social">
      <div class="l-internal-body internal-body">
        <h1 class="internal-headline">Page Headline or Title</h1>
        <div class="internal-share-icons-container">
                {\% include share-icons.html %}
        </div>
        <h2 class="internal-subhead--weaker">Editorial</h2>
        <div class="internal-bio-item">
          {\% include inline-bio-item.html variant="--internal"%}
        </div>
        <h2 class="internal-subhead">Customer Service</h2>
        <p>To manage your subscription online or for questions about login and registration, please visit our Account Management Center.</p>
        <h4 class="inline-title">Or, contact us by mail:</h4>
        {\% include address.html %}
        <h4 class="inline-title">By Phone:</h4>
        <div class="tel">Tel: (800) 829-5539 (US & Canada)</div>
        <div class="tel">Tel: +1 (813) 910-3608 (International)</div>
        <a class="internal-link--important" href="#">Send an email to Customer Service</a>
        <p>For general questions about our Web site, <a href="#">contact the Webmaster</a>. Please note, if you are a subscriber and you are having difficulty viewing articles, you may need to clear cookies from your browser and restart your session.</p>
        <h2 class="internal-subhead">Foreign Affairs on Digital Platforms</h2>
        <p><em>Foreign Affairs</em> is available on the following digital platforms:</p>
        <a class="internal-link--important" href="#">Amazon Kindle</a>
        <a class="internal-link--important" href="#">Barnes and Noble Nook</a>
        <a class="internal-link--important" href="#">Google Play</a>
        <a class="internal-link--important" href="#">iPad App</a>
        <a class="internal-link--important" href="#">Sony Reader</a>
        <p>Please contact the vendors directly if you have questions or concerns related to these platforms.</p>
        <p>Subscribe directly to Foreign Affairs for digital replicas to read on your iPad or computer, as well as online access to 90 years of archives on ForeignAffairs.com!</p>
        <h2 class="internal-subhead">Archive and Back Issues</h2>
        <p>The article archive on the Foreign Affairs website extends back to 1922, and is freely available to subscribers.</p>
        <p>The complete backfile of Foreign Affairs magazine, dating back to 1922, is available for order in hard copy from William S. Hein & Co., Inc. See the back-issue order form for information about ordering and pricing:</p>
        <button class="button__link-blue internal-button">{\% include icon__download_article.svg %} Download back-Issue Order Form</button>
        <p>You may contact the <a href="#">Hein Company</a> for questions about ordering or about the status of an order:</p>
        <h4 class="inline-title">Mail</h4>
        {\% include address.html %}
        <h4 class="inline-title">International</h4>
        <div class="tel">Tel: +1 (716) 882-2600</div>
        <h4 class="inline-title">Toll-Free</h4>
        <div class="tel">Tel: (800) 828-7571</div>
        <div class="tel">Fax: (716) 883-8100</div>
        <span class="internal-inline-image-container">
          {\% include internal-inline-img.html %}
          {\% include internal-inline-img--extended.html %}
          {\% include internal-inline-img--half.html %}
        </span>
        <h3 class="internal-subhead--weaker">Images Can Be Inserted in Several Different Ways</h3>
        <p>Look at the in-line photo! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet risus vel est sagittis mollis ut hendrerit augue. Suspendisse potenti. Donec lobortis suscipit metus nec malesuada. Mauris quis scelerisque leo. Donec tortor est, vehicula aliquet gravida ac, congue a nisl. Sed mollis tellus elit, non mattis felis pretium vitae.</p>
        <p>Aenean condimentum tortor et porttitor consequat. Maecenas pellentesque arcu a lectus porta malesuada. Etiam ac nulla quis felis vulputate scelerisque sit amet non nulla. Suspendisse neque lorem, pharetra ut condimentum at, hendrerit vel magna. Maecenas ac ultrices nisl.</p>

      <p class="inline-list-header">Look! It’s a lovely bulleted list est condimentum lacinia.</p>
       <ul>
          <li>Cras et augue est. Mauris id dictum lectus.</li>
          <li>Ut euismod cursus urna, lacinia consectetur ante tristique eu.</li>
          <li>Morbi lobortis eros nec nunc congue ornare.</li>
          <li>Maecenas ut turpis sapien. Etiam eget ultricies justo. Fusce suscipit erat id vulputate pulvinar. Nulla volutpat elementum auctor. Duis a mi consequat, commodo leo quis, gravida risus.</li>
          <li>Cras hendrerit nunc et justo consectetur, in tristique sem placerat.</li>
        </ul>
        <p class="inline-list-header">Look! It’s a lovely numbered list est condimentum lacinia.
      </p>
        <ol>
          <li>Cras et augue est. Mauris id dictum lectus.</li>
          <li>Ut euismod cursus urna, lacinia consectetur ante tristique eu.</li>
          <li>Morbi lobortis eros nec nunc congue ornare.</li>
          <li>Maecenas ut turpis sapien. Etiam eget ultricies justo. Fusce suscipit erat id vulputate pulvinar. Nulla volutpat elementum auctor. Duis a mi consequat, commodo leo quis, gravida risus.</li>
          <li>Cras hendrerit nunc et justo consectetur, in tristique sem placerat.</li>
        </ol>
        {\% include table--internal.html %}
        {\% include blockquote--internal.html %}

        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
          proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </p>
        <figure class="internal-inline-img--full-width">
          <div class="l-internal-main">
            <div class="article-inline-img-full-width__pull-quote">
              <p>Countries such as Brazil and China do not just give out more loans to local firms; they also offer better terms.</p>
            </div>
            <figcaption class="article-inline-img-full-width__figcaption">
              <span class="article-inline-img-full-width__photo-credit">Jonathan Doe / Reuters</span>
              <span class="article-inline-img-full-width__caption">He who controls the Spice: Caption would go here and extend across like this.<a href="#">{\% include icon__plus.svg %}</a></span>
            </figcaption>
          </div>
        </figure>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
          proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </p>
      </div>
    </main>
  </div>
</section>

For those who know JekyllRB, here’s site-header.htm which I’ve also done much editing of, notably functionality:

 <header class="\{\{ include.top_level_class \}\}">

  <header class="element-invisible">
    <p>Header</p>
  </header>

  <section class="site-header__top-bar">
    <div class="container">
      <div class="l-1up">
        <a class="site-header-publisher" href="http://www.cfr.org">Published by the Council on Foreign Relations</a>
        <!-- change this class to "site-header-nav--super--no-cover" to remove mag cover -->
        {\% if include.subtout == 'anthology' %}
        <nav class="site-header-nav--super">
        {\% endif %}
        {\% if include.subtout == 'full' %}
        <nav class="site-header-nav--super">
        {\% endif %}
        {\% if include.subtout == 'magazine' %}
        <nav class="site-header-nav--super--no-cover">
        {\% endif %}
          <header class="element-invisible">
            <p>Super Navigation</p>
          </header>
          <a href="#">About</a>
          <a href="#">Events</a>
          <a href="#">Store</a>
          <a href="#">Newsletter</a>
          <a class="site-header-nav__social-icon" href="#">{\% include icon__facebook.svg %}</a>
          <a class="site-header-nav__social-icon" href="#">{\% include icon__twitter.svg %}</a>
          <!-- remove class "is-logged-out" to show logged in version-->
          {\% include site-header-user--logged-in.html %}
          <div class="user-dropdown">
            <section class="user-dropdown-icons">
              <a href="">{\% include icon__save.svg %}</a>
              <a href="">{\% include icon__colophon-light.svg %}</a>
              <a href="">{\% include icon__book-of-the-day.svg %}</a>
              <a href="">{\% include icon__gear.svg %}</a>
            </section>
            <section class="user-dropdown-list">
                <h2 class="user-dropdown-list__label">recently saved</h2>
                <ul>
                <li class="user-dropdown-list__title"><a herf="#">This is a longish headline from articles you have recently saved.</a></li>
                <li class="user-dropdown-list__title"><a herf="#">Short headline</a></li>
                <li class="user-dropdown-list__title"><a herf="#">This is an average length headline</a></li>
                </ul>
            </section>
            <section class="user-dropdown-list">
                <h2 class="user-dropdown-list__label">recently read</h2>
                <ul>
                <li class="user-dropdown-list__title"><a herf="#">This is an average length headline</a></li>
                <li class="user-dropdown-list__title"><a herf="#">This is a longish headline from articles you have recently saved.</a></li>
                <li class="user-dropdown-list__title"><a herf="#">Short headline</a></li>
                </ul>
            </section>
          </div>
         <!-- add/remove "site-header-nav__cart" for cart states -->
         {\% if include.cart != 'yes' %}
            {\% else if include.cart =='yes' %}
          <a class="site-header-nav__cart" href="#">{\% include icon__cart.svg %}</a>
          {\% endif %}
        </nav>
      </div>
    </div>
  </section>
  <section class="site-header__bottom-bar">
    <div class="site-header__search-container">
      <div class="container">
        <div class="l-1up">
          <div class="fa-logo">
            <a href="/">
              {\% include icon__FA-logotype.svg %}
            </a>
          </div>
          <div class="site-header-search__sponsor">
            <span>Timeline Search Powered by</span>
            <img src="/assets/images/boeing-logo-white.png" alt="Boeing Logo" />
          </div>
          <nav class="site-header-nav--main">
            <header class="element-invisible">
              <p>Primary Navigation</p>
            </header>
            <div class="site-header-nav__container">
              <a href="#">The Magazine</a>
              <a href="#" class="site-header-nav__browse">Browse</a>
              <a href="#" class="site-header-nav__search-icon">
                {\% include icon__search.svg %}
              </a>
            </div>
            {\% include site-header-browse.html %}
            {\% include site-search-dropdown.html %}
          </nav>
          <nav class="site-header-nav--mobile">
            <header class="element-invisible">
               <p>Mobile Navigation</p>
            </header>
            <a class="site-header-menu-trigger" href="#"><span class="menu">&#9776;</span></a>
             {\% include nav-drawer.html %}
          </nav>
          {\% if include.subtout == 'anthology' %}
                {\% include site-header__register.html %}
          {\% endif %}
          {\% if include.subtout == 'full' %}
                {\% include site-header__sub-tout.html %}
          {\% endif %}
        </div>
      </div>
    </div>
  </section>
</header>