sections.html

<!-- sections.html -->

<!-- Work Section -->
<section id="work-section" class="profile-publications" style="display:none;">
    <figure class="profile-img">
        <img src="./images/work_1.jpeg" alt="Photo">
        <div class="role-hover">
            <div class="likes"><i class="fas fa-heart"></i> <strong>51</strong></div>
            <div class="comments"><i class="fas fa-comment"></i> <strong>7</strong></div>
        </div>
    </figure>
    <figure class="profile-img">
        <img src="./images/photo_2.png" alt="Photo">
        <div class="role-hover">
            <div class="likes"><i class="fas fa-heart"></i> <strong>55</strong></div>
            <div class="comments"><i class="fas fa-comment"></i> <strong>22</strong></div>
        </div>
    </figure>
</section>

<!-- Projects Section -->
<section id="projects-section" class="profile-publications" style="display:none;">
    <figure class="profile-img">
        <img src="./images/project_1.png" alt="Project">
        <div class="role-hover">
            <div class="likes"><i class="fas fa-heart"></i> <strong>30</strong></div>
            <div class="comments"><i class="fas fa-comment"></i> <strong>12</strong></div>
        </div>
    </figure>
</section>