-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (83 loc) · 3.85 KB
/
index.html
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Chickadees - Pure CSS</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
</head>
<body>
<div class="centering">
<div class="canvas">
<div class="whitey-beak"></div>
<div class="yellow-beak"></div>
<div class="whitey-tail one"></div>
<div class="whitey-tail two"></div>
<div class="yellow-tail"></div>
<div class="bird-body left">
<div class="face-whitey"></div>
<div class="eye whitey"></div>
<div class="belly-whitey">
<div class="chest-yellow"></div>
<div class="feathers-whitey">
<div class="feathers-whitey-stripes one"></div>
<div class="feathers-whitey-stripes two"></div>
<div class="feathers-whitey-stripes three"></div>
<div class="feathers-whitey-stripes four"></div>
<div class="feathers-whitey-stripes five"></div>
<div class="feathers-whitey-stripes six"></div>
<div class="feathers-whitey-stripes seven"></div>
</div>
</div>
</div>
<div class="yellow-feet"></div>
<div class="branch"></div>
<div class="feet-whitey-left">
<div class="toe one"></div>
<div class="toe-connectarch one"></div>
<div class="toe two"></div>
<div class="toe-connectarch two"></div>
<div class="toe three"></div>
</div>
<div class="feet-whitey-right">
<div class="toe four"></div>
<div class="toe-connectarch three"></div>
<div class="toe five"></div>
<div class="toe-connectarch four"></div>
<div class="toe six"></div>
</div>
<div class="bird-body right">
<div class="face-yellow"></div>
<div class="eye yellow"></div>
<div class="belly-yellow"></div>
</div>
<div class="wing-bulge"></div>
<div class="wings">
<div class="wing-left">
<div class="stripey seven"></div>
<div class="stripey eight"></div>
<div class="stripey nine"></div>
<div class="stripey ten"></div>
<div class="stripey eleven"></div>
<div class="stripey tweleve"></div>
</div>
<div class="wing-right">
<div class="stripey one"></div>
<div class="stripey two"></div>
<div class="stripey three"></div>
<div class="stripey four"></div>
<div class="stripey five"></div>
<div class="stripey six"></div>
</div>
</div>
</div>
<div class="contact">
Built with pure CSS3 by <a href="https://github.com/0ww/">Simon</a>
<p>Inspired by <a href="https://jevaart.com/artworkprints.htm">Scott Pattridge</a>'s <a href="https://jevaart.com/chickadeesw.jpg">'Chickadees A'</a> </p>
</div>
</div>
<a class="github-fork-ribbon" href="https://github.com/simonpeterdebbarma/css-chikadees" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
</body>
</html>