LikeandCommentSave
This commit is contained in:
20
index.html
20
index.html
@@ -108,7 +108,7 @@
|
||||
<!-- Feed Section -->
|
||||
<section class="feed-container">
|
||||
<!-- Post Card -->
|
||||
<article class="post-card">
|
||||
<article class="post-card" data-post-id="1">
|
||||
<div class="post-header">
|
||||
<div class="post-user">
|
||||
<img src="https://i.pravatar.cc/150?img=1" alt="User" class="avatar-sm">
|
||||
@@ -142,10 +142,18 @@
|
||||
<span class="likes">124 likes</span>
|
||||
<p><span class="username">sarah_j</span> Exploring the Cinque Terre! 🇮🇹✨</p>
|
||||
</div>
|
||||
<!-- Comment Section -->
|
||||
<div class="comment-section">
|
||||
<div class="added-comments"></div>
|
||||
<div class="comment-input-wrapper">
|
||||
<input type="text" class="comment-input" placeholder="Add a comment...">
|
||||
<button class="post-btn">Post</button>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Post Card 2 -->
|
||||
<article class="post-card">
|
||||
<article class="post-card" data-post-id="2">
|
||||
<div class="post-header">
|
||||
<div class="post-user">
|
||||
<img src="https://i.pravatar.cc/150?img=2" alt="User" class="avatar-sm">
|
||||
@@ -179,6 +187,14 @@
|
||||
<span class="likes">892 likes</span>
|
||||
<p><span class="username">mike_photo</span> Golden hour in the mountains 🏔️</p>
|
||||
</div>
|
||||
<!-- Comment Section -->
|
||||
<div class="comment-section">
|
||||
<div class="added-comments"></div>
|
||||
<div class="comment-input-wrapper">
|
||||
<input type="text" class="comment-input" placeholder="Add a comment...">
|
||||
<button class="post-btn">Post</button>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Spacer for bottom nav -->
|
||||
|
||||
Reference in New Issue
Block a user