Hey there, You are most welcome to this article.
Draggable glassmorphism list using html css javascript
For full source code visit : https://freecodez.com/post/jx8om1k
<!-- https://freecodez.com -->
<div id="team-members">
<article class="team-member">
<img class="team-member-avatar" src="https://res.cloudinary.com/freecodez/image/upload/v1698067298/images/fy8azbqxhgdrbbijhipe.webp" alt="Team Member" />
<div class="team-member-name">
<h3>Vikas</h3>
<p>Full Stack Web Developer</p>
</div>
<ul class="social-links">
<li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-github"></i></a></li>
</ul>
</article>
<article class="team-member">
<img class="team-member-avatar" src="https://res.cloudinary.com/freecodez/image/upload/v1698067298/images/fy8azbqxhgdrbbijhipe.webp" alt="Team Member" />
<div class="team-member-name">
<h3>Rohan</h3>
<p>Data Analyst</p>
</div>
<ul class="social-links">
<li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-github"></i></a></li>
</ul>
</article>
<article class="team-member">
<img class="team-member-avatar" src="https://res.cloudinary.com/freecodez/image/upload/v1698067298/images/fy8azbqxhgdrbbijhipe.webp" alt="Team Member" />
<div class="team-member-name">
<h3>Nitin</h3>
<p>App Developer</p>
</div>
<ul class="social-links">
<li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-github"></i></a></li>
</ul>
</article>
</div>
Source Code : https://freecodez.com/post/jx8om1k
For more such articles visit : https://freecodez.com
Top comments (0)