---
layout: default
title: Feed
---

<!-- Container -->
<div id="main-feed" 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>
<!-- /Container -->

<!-- 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>