Day 216

Ready for bonus project part two...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

         <div class="widget-box post">
          <div class="head">
            <div class="user-img-container">
              <div class="user-img">
              </div>
            </div>
            <div class="post-info">
              <span class="user-info">
                <a href="#">Chloe Grace Moretz</a> shared a  <a href="#">link</a>.
              </span>
              <span class="post-date">Feb 19 at 10:35 AM Via Instagram</span>
            </div>
          </div>
          <div class="body">
            <div class="post-img">
              <img src="img/meme.jpg" alt="">
            </div>
            <div class="top-icons">
              <i class="fas fa-thumbs-up"></i>
              <i class="fas fa-share"></i>
              <span>
                <i class="fas fa-comment-alt"></i> 1
              </span>
            </div>
            <div class="post-comments">
              <div class="user-img">
                <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="">
              </div>
              <div class="user-comment">
                <div class="user-info">
                  <a href="#">Jane Doe</a>
                  <span class="time"> 11:09 AM </span>
                </div>
                <p>
                  Awesome - funny meme dude!!!
                </p>
              </div>
            </div>
            <div class="post-form">
              <div class="user-img">
                  <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="">
              </div>
              <div class="form-info">
                <input type="text" placeholder="Write a comment..." />
                <div class="icons">
                  <i class="fas fa fa-camera-retro"></i>
                  <i class="far fa fa-smile-beam"></i>
                </div>
              </div>               
            </div>
          </div>
        </div>