<!-- Page Timeline POST #2 -->
<div class="profile-post">
  <!-- Timeline -->
  <div class="time is-hidden-mobile">
    <div class="img-container">
      <img
        src="https://via.placeholder.com/300x300"
        data-demo-src="assets/img/vector/icons/logos/fastpizza.svg"
        alt=""
      />
    </div>
  </div>
  <!-- Post -->
  <div class="card is-post has-nested">
    <!-- Main wrap -->
    <div class="content-wrap">
      <!-- Header -->
      <div class="card-heading">
        <div class="user-block">
          <div class="image">
            <img
              src="https://via.placeholder.com/300x300"
              data-demo-src="assets/img/vector/icons/logos/fastpizza.svg"
              data-page-popover="6"
              alt=""
            />
          </div>
          <div class="user-info">
            <a href="#"
              >Fast Pizza shared <span>Nelly Schwartz's post</span> on their
              feed</a
            >
            <span class="time">July 19 2018, 19:42pm</span>
          </div>
        </div>

        {{> feed-post-dropdown}}
      </div>
      <!-- /Header -->

      <!-- Post body -->
      <div class="card-body">
        <!-- Post body text -->
        <div class="post-text">
          <p>
            We were simply amazed by one post made by one of our regular
            customers. You can feel the love just by reading it. Way to go
            Nelly!
          </p>
          <p></p>
        </div>
        <!-- Featured image -->

        <!-- Nested Post (Shared) -->
        <div class="card is-post is-nested">
          <!-- Main wrap -->
          <div class="content-wrap">
            <!-- Post header -->
            <div class="card-heading">
              <!-- User meta -->
              <div class="user-block">
                <div class="image">
                  <img
                    src="https://via.placeholder.com/300x300"
                    data-demo-src="assets/img/avatars/nelly.png"
                    data-user-popover="9"
                    alt=""
                  />
                </div>
                <div class="user-info">
                  <a href="#">Nelly Schwartz</a>
                  <span class="time">July 26 2018, 01:03pm</span>
                </div>
              </div>
            </div>
            <!-- /Post header -->

            <!-- Post body -->
            <div class="card-body">
              <!-- Post body text -->
              <div class="post-text">
                <p>
                  <a href="#">@Jenna Davis</a> and I were very excited to have
                  one of those new pizzas advetised by Fast Pizza, we were so
                  hungry! We went at the nearest Fast Pizza and ordered those
                  babies and, Uhhmmm, the taste was simply divine. Can't wait to
                  do that again!
                </p>
              </div>
              <!-- Featured image -->
              <div class="post-image">
                <a
                  data-fancybox="profile-post2"
                  data-lightbox-type="comments"
                  data-thumb="assets/img/demo/pages/posts/2.jpg"
                  href="https://via.placeholder.com/1600x900"
                  data-demo-href="assets/img/demo/pages/posts/2.jpg"
                >
                  <img
                    src="https://via.placeholder.com/1600x900"
                    data-demo-src="assets/img/demo/pages/posts/2.jpg"
                    alt=""
                  />
                </a>
              </div>
            </div>
            <!-- /Post body -->
          </div>
          <!-- /Main wrap -->
        </div>
        <!-- /Nested Post (Shared) -->
        <div class="action-wrap">
          <!-- Post actions -->
          {{> feed-post-actions}}
        </div>
      </div>
      <!-- /Post body -->

      <!-- Post footer -->
      <div class="card-footer">
        <!-- Followers -->
        <div class="likers-group">
          <img
            src="https://via.placeholder.com/300x300"
            data-demo-src="assets/img/avatars/jenna.png"
            data-user-popover="0"
            alt=""
          />
          <img
            src="https://via.placeholder.com/300x300"
            data-demo-src="assets/img/avatars/edward.jpeg"
            data-user-popover="5"
            alt=""
          />
          <img
            src="https://via.placeholder.com/300x300"
            data-demo-src="assets/img/avatars/nelly.png"
            data-user-popover="9"
            alt=""
          />
          <img
            src="https://via.placeholder.com/300x300"
            data-demo-src="assets/img/avatars/stella.jpg"
            data-user-popover="2"
            alt=""
          />
          <img
            src="https://via.placeholder.com/300x300"
            data-demo-src="assets/img/avatars/rolf.jpg"
            data-user-popover="13"
            alt=""
          />
        </div>
        <div class="likers-text">
          <p>
            <a href="#">Jenna</a>,
            <a href="#">Edward</a>
          </p>
          <p>and 94 more liked this</p>
        </div>
        <!-- Post statistics -->
        <div class="social-count">
          <div class="likes-count">
            <i data-feather="heart"></i>
            <span>96</span>
          </div>
          <div class="shares-count">
            <i data-feather="link-2"></i>
            <span>12</span>
          </div>
          <div class="comments-count">
            <i data-feather="message-circle"></i>
            <span>4</span>
          </div>
        </div>
      </div>
      <!-- /Post footer -->
    </div>
    <!-- /Main wrap -->

    <!-- Comments -->
    <div class="comments-wrap is-hidden">
      <!-- Header -->
      <div class="comments-heading">
        <h4>Comments <small>(4)</small></h4>
        <div class="close-comments">
          <i data-feather="x"></i>
        </div>
      </div>
      <!-- Header -->

      <!-- Comments body -->
      <div class="comments-body has-slimscroll">
        <!-- Comment -->
        <div class="media is-comment">
          <!-- User image -->
          <div class="media-left">
            <div class="image">
              <img
                src="https://via.placeholder.com/300x300"
                data-demo-src="assets/img/avatars/david.jpg"
                data-user-popover="4"
                alt=""
              />
            </div>
          </div>
          <!-- Content -->
          <div class="media-content">
            <a href="#">David Kim</a>
            <span class="time">5 hours ago</span>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
              eiusmod tempo incididunt ut labore et dolore magna aliqua. Ut enim
              ad minim veniam, quis nostrud exercitation ullamco laboris
              consequat.
            </p>
            <!-- Comment actions -->
            <div class="controls">
              <div class="like-count">
                <i data-feather="thumbs-up"></i>
                <span>1</span>
              </div>
              <div class="reply">
                <a href="#">Reply</a>
              </div>
            </div>
            <!-- Nested Comment -->
            <div class="media is-comment">
              <!-- User image -->
              <div class="media-left">
                <div class="image">
                  <img
                    src="https://via.placeholder.com/300x300"
                    data-demo-src="assets/img/avatars/daniel.jpg"
                    data-user-popover="3"
                    alt=""
                  />
                </div>
              </div>
              <!-- Content -->
              <div class="media-content">
                <a href="#">Daniel Wellington</a>
                <span class="time">3 minutes ago</span>
                <p>
                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                  do eiusmod tempo incididunt ut labore et dolore magna aliqua.
                </p>
                <!-- Comment actions -->
                <div class="controls">
                  <div class="like-count">
                    <i data-feather="thumbs-up"></i>
                    <span>4</span>
                  </div>
                  <div class="reply">
                    <a href="#">Reply</a>
                  </div>
                </div>
              </div>
              <!-- Right side dropdown -->
              <div class="media-right">{{> comment-dropdown}}</div>
            </div>
            <!-- /Nested Comment -->
          </div>
          <!-- Right side dropdown -->
          <div class="media-right">{{> comment-dropdown}}</div>
        </div>
        <!-- /Comment -->

        <!-- Comment -->
        <div class="media is-comment">
          <!-- User image -->
          <div class="media-left">
            <div class="image">
              <img
                src="https://via.placeholder.com/300x300"
                data-demo-src="assets/img/avatars/edward.jpeg"
                data-user-popover="5"
                alt=""
              />
            </div>
          </div>
          <!-- Content -->
          <div class="media-content">
            <a href="#">Edward Mayers</a>
            <span class="time">Yesterday</span>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
              eiusmod tempo incididunt ut labore et dolore magna aliqua.
            </p>
            <!-- Comment actions -->
            <div class="controls">
              <div class="like-count">
                <i data-feather="thumbs-up"></i>
                <span>3</span>
              </div>
              <div class="reply">
                <a href="#">Reply</a>
              </div>
            </div>
          </div>
          <!-- Right side dropdown -->
          <div class="media-right">{{> comment-dropdown}}</div>
        </div>
        <!-- /Comment -->

        <!-- Comment -->
        <div class="media is-comment">
          <!-- User image -->
          <div class="media-left">
            <div class="image">
              <img
                src="https://via.placeholder.com/300x300"
                data-demo-src="assets/img/avatars/nelly.png"
                data-user-popover="9"
                alt=""
              />
            </div>
          </div>
          <!-- Content -->
          <div class="media-content">
            <a href="#">Nelly Schwartz</a>
            <span class="time">2 days ago</span>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
              eiusmod tempo incididunt ut labore et dolore magna aliqua.
            </p>
            <!-- Comment actions -->
            <div class="controls">
              <div class="like-count">
                <i data-feather="thumbs-up"></i>
                <span>1</span>
              </div>
              <div class="reply">
                <a href="#">Reply</a>
              </div>
            </div>
          </div>
          <!-- Right side dropdown -->
          <div class="media-right">{{> comment-dropdown}}</div>
        </div>
        <!-- /Comment -->
      </div>
      <!-- Comments body -->

      <!-- Comments footer -->
      <div class="card-footer">
        <div class="media post-comment has-emojis">
          <!-- Textarea -->
          <div class="media-content">
            <div class="field">
              <p class="control">
                <textarea
                  class="textarea comment-textarea"
                  rows="5"
                  placeholder="Write a comment..."
                ></textarea>
              </p>
            </div>
            <!-- Additional actions -->
            <div class="actions">
              <div class="image is-32x32">
                <img
                  class="is-rounded"
                  src="https://via.placeholder.com/300x300"
                  data-demo-src="assets/img/avatars/jenna.png"
                  data-user-popover="0"
                  alt=""
                />
              </div>
              <div class="toolbar">
                <div class="action is-auto">
                  <i data-feather="at-sign"></i>
                </div>
                <div class="action is-emoji">
                  <i data-feather="smile"></i>
                </div>
                <div class="action is-upload">
                  <i data-feather="camera"></i>
                  <input type="file" />
                </div>
                <a class="button is-solid primary-button raised"
                  >Post Comment</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /Comments footer -->
    </div>
    <!-- /Comments -->
  </div>
  <!-- /Post -->
</div>
<!-- /Page Timeline POST #2 -->
