---
layout: navbar-v2
title: Main Feed
---

<div id="main-feed" class="navbar-v2-wrapper">
  <!-- Container -->
  <div class="container">
    <!-- Content placeholders at page load -->
    {{> feed-shadow-dom}}

    <!-- Feed page main wrapper -->
    <div id="activity-feed" class="view-wrap true-dom is-hidden">
      <div class="columns">
        <!-- Left side column -->
        <div class="column is-3 is-hidden-mobile">
          <!-- Weather widget -->
          <!-- /partials/widgets/weather-widget.html -->
          {{> weather-widget}}

          <!-- Pages widget -->
          <!-- /partials/widgets/recommended-pages-1-widget.html -->
          {{> recommended-pages-1-widget}}

          <!-- Fake Ad -->
          <!-- /partials/widgets/fake-add-widget.html -->
          {{> fake-add-widget}}

          <!-- Latest activities widget -->
          <!-- /partials/widgets/latest-activity-1-widget.html -->
          {{> latest-activity-1-widget}}
        </div>
        <!-- /Left side column -->

        <!-- Middle column -->
        <div class="column is-6">
          <!-- Publishing Area -->
          <!-- /partials/pages/feed/compose-card.html -->
          {{> compose-card}}

          <!-- Post 1 -->
          <!-- /partials/pages/feed/posts/feed-post1.html -->
          {{> feed-post1}}

          <!-- Post 2 -->
          <!-- /partials/pages/feed/posts/feed-post2.html -->
          {{> feed-post2}}

          <!-- Post 3 -->
          <!-- /partials/pages/feed/posts/feed-post3.html -->
          {{> feed-post3}}

          <!-- Post 4 -->
          <!-- /partials/pages/feed/posts/feed-post4.html -->
          {{> feed-post4}}

          <!-- Post 5 -->
          <!-- /partials/pages/feed/posts/feed-post5.html -->
          {{> feed-post5}}

          <!-- Post 6 -->
          <!-- /partials/pages/feed/posts/feed-post6.html -->
          {{> feed-post6}}

          <!-- Load more posts -->
          <div class="load-more-wrap narrow-top has-text-centered">
            <a href="#" class="load-more-button">Load More</a>
          </div>
          <!-- /Load more posts -->
        </div>
        <!-- /Middle column -->

        <!-- Right side column -->
        <div class="column is-3">
          <!-- Stories widget -->
          <!-- /partials/widgets/stories-widget.html -->
          {{> stories-widget}}

          <!-- Birthday widget -->
          <!-- /partials/widgets/birthday-widget.html -->
          {{> birthday-widget}}

          <!-- Suggested friends widget -->
          <!-- /partials/widgets/suggested-friends-1-widget.html -->
          {{> suggested-friends-1-widget}}

          <!-- New job widget -->
          <!-- /partials/widgets/new-job-widget.html -->
          {{> new-job-widget}}
        </div>
        <!-- /Right side column -->
      </div>
    </div>
    <!-- /Feed page main wrapper -->
  </div>
</div>

<!-- Create group modal in compose card -->
<!-- /partials/pages/feed/modals/create-group-modal.html -->
{{> create-group-modal}}

<!-- Albums onboarding modal -->
<!-- /partials/pages/feed/modals/albums-help-modal.html -->
{{> albums-help-modal}}

<!-- Album upload modal -->
<!-- /partials/pages/feed/modals/albums-modal.html -->
{{> albums-modal}}

<!-- Live video onboarding modal -->
<!-- /partials/pages/feed/modals/videos-help-modal.html -->
{{> videos-help-modal}}

<!-- Live video modal -->
<!-- /partials/pages/feed/modals/videos-modal.html -->
{{> videos-modal}}

<!-- Share from feed modal -->
<!-- /partials/pages/feed/modals/share-modal.html -->
{{> share-modal}}

<!-- No Stream modal -->
<!-- /partials/pages/feed/modals/no-stream-modal.html -->
{{> no-stream-modal}}

<!-- Google places Lib -->
<script src="https://maps.google.com/maps/api/js?key=AIzaSyAGLO_M5VT7BsVdjMjciKoH1fFJWWdhDPU&libraries=places"></script>