Writing-mini-projects-for-learning--HTML-CSS-JavaScript/miniProjectsPreview.html at main · MaHyaR-Emadi/Writing-mini-projects-for-learning--HTML-CSS-JavaScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta
         name="description"
         content="here you can see many mini projects for learning (HTML,CSS,JAVASCRIPT)"
      />
      <title>miniProjectsPreview</title>
      <link rel="stylesheet" href="assets/css/styleofminiprojects.css" />
   </head>
   <body>
      <div class="container">

         <a href="Animated Glassmorphism Cards using HTML & CSS/index.html"><div class="card" data-text = "Animated Glassmorphism"><img src="assets/Icons/Social/animated glassmorphism cards .png" width="180" height="140" alt=""></div></a>

         <a href="Card hover effects with ease/index.html"><div class="card" data-text = "Card hover effects"><img src="assets/Icons/Social/card hover effect with ease active.png" width="180" height="140" alt=""></div></a>

         <a href="CSS Card Hover Effects-HTML & CSS/index.html"><div class="card" data-text = "CSS Card Hover Effects"><img src="assets/Icons/Social/css card hover effect active.png" width="180" height="140" alt=""></div></a>

         <a href="Email Validation - js/index.html"><div class="card" data-text = "Email Validation - js"><img src="assets/Icons/Social/email validation focus.png" width="180" height="140" alt=""></div></a>

         <a href="Number-Counting-Animation/index.html"><div class="card" data-text = "Number-Counting-Animation"><img src="assets/Icons/Social/Number Counting Animation.png" width="180" height="140" alt=""></div></a>

         <a href="fun css effect/index.html"><div class="card" data-text = "fun css effect by Kevin Powell"><img src="assets/Icons/Social/fun css effect.png" width="180" height="140" alt=""></div></a>
      </div>
   </body>
</html>