Skip to content

Commit 8744019

Browse files
roopaishroopaish
committed
🐢Animated Preloaders
1 parent 73eac3c commit 8744019

File tree

5 files changed

+556
-1
lines changed

5 files changed

+556
-1
lines changed

‎Animated Preloaders/index.html

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="style.css">
9+
<title>Animated Preloaders</title>
10+
</head>
11+
12+
<body>
13+
<header>Animated Preloaders</header>
14+
15+
<main>
16+
<section class="container">
17+
<article class="loader1">
18+
<span></span>
19+
<span></span>
20+
<span></span>
21+
<span></span>
22+
<span></span>
23+
<span></span>
24+
<span></span>
25+
</article>
26+
</section>
27+
28+
<section class="container">
29+
<article class="loader2"></article>
30+
</section>
31+
32+
<section class="container">
33+
<article class="loader3">
34+
<span></span>
35+
<span></span>
36+
<span></span>
37+
<span></span>
38+
<span></span>
39+
<span></span>
40+
<span></span>
41+
<span></span>
42+
<span></span>
43+
</article>
44+
</section>
45+
46+
<section class="container">
47+
<section class="loader4">
48+
<div></div>
49+
<div></div>
50+
<div></div>
51+
<div></div>
52+
</section>
53+
</section>
54+
55+
<section class="container">
56+
<section class="loader5">
57+
<img src="https://i1.wp.com/i.pinimg.com/736x/97/1b/1c/971b1cd69404cc28d73b84b2f884df9c.jpg"
58+
alt="anime-girl-story">
59+
<svg viewbox="0 0 100 100">
60+
<circle cx="50" cy="50" r="3rem" />
61+
</svg>
62+
</section>
63+
</section>
64+
65+
<section class="container">
66+
<section class="loader6">
67+
<div></div>
68+
<div></div>
69+
<div></div>
70+
</section>
71+
</section>
72+
73+
<section class="container">
74+
<section class="loader7">
75+
<div></div>
76+
<div></div>
77+
<div></div>
78+
<div></div>
79+
</section>
80+
</section>
81+
82+
</main>
83+
</body>
84+
85+
</html>

0 commit comments

Comments
 (0)