-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (63 loc) · 5.04 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Cool Loadings, Loaders by bullgitters</title>
<meta name="description" content="Cool loadings, loaders by bullgitters.">
<meta name="keywords" content="css, css loading, css loader, html, bullgit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script async src="https://codepen.io/assets/embed/ei.js"></script>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
<h1><a href="http://bullg.it/loading/"><span class="diff-color">Load</span>ings by <span class="diff-color">bull</span>gitters</a></h1>
<!-- 1 -->
<div class="number">#1 One div simple Loader by Kaushalya Mandaliya</div>
<p data-height="321" data-theme-id="168" data-slug-hash="fJmsK" data-user="kman" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/kman/pen/fJmsK'>One div simple Loader</a> by Kaushalya Mandaliya (<a href='http://codepen.io/kman'>@kman</a>) on <a href='http://codepen.io'>CodePen</a></p>
<!-- 1 Over -->
<!-- 2 -->
<div class="number">#2 Liquid Loading by Tim Pietrusky</div>
<p data-height="268" data-theme-id="168" data-slug-hash="Indcm" data-user="TimPietrusky" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/TimPietrusky/pen/Indcm'>Liquid Loading</a> by Tim Pietrusky (<a href='http://codepen.io/TimPietrusky'>@TimPietrusky</a>) on <a href='http://codepen.io'>CodePen</a></p>
<!-- 2 Over -->
<!-- 3 -->
<div class="number">#3 Twitter Loader by Max Boll</div>
<p data-height="268" data-theme-id="168" data-slug-hash="ayDgk" data-user="MyXoToD" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/MyXoToD/pen/ayDgk'>Twitter Loader</a> by Max Boll (<a href='http://codepen.io/MyXoToD'>@MyXoToD</a>) on <a href='http://codepen.io'>CodePen</a></p>
<!-- 3 Over -->
<!-- 4 -->
<div class="number">#4 CSS3 Spinner by Max Boll</div>
<p data-height="268" data-theme-id="168" data-slug-hash="JtBfh" data-user="MyXoToD" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/MyXoToD/pen/JtBfh'>CSS3 Spinner</a> by Max Boll (<a href='http://codepen.io/MyXoToD'>@MyXoToD</a>) on <a href='http://codepen.io'>CodePen</a></p>
<!-- 4 Over -->
<!-- 5 -->
<div class="number">#5 Google Chromecast Loader by Max Boll</div>
<p data-height="300" data-theme-id="168" data-slug-hash="pBtzy" data-user="MyXoToD" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/MyXoToD/pen/pBtzy'>Google Chromecast Loader</a> by Max Boll (<a href='http://codepen.io/MyXoToD'>@MyXoToD</a>) on <a href='http://codepen.io'>CodePen</a></p>
<!-- 5 Over -->
<!-- 6 -->
<div class="number">#6 CSS3 Line-Loader by Max Boll</div>
<p data-height="268" data-theme-id="168" data-slug-hash="ucEwb" data-user="MyXoToD" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/MyXoToD/pen/ucEwb'>CSS3 Line-Loader</a> by Max Boll (<a href='http://codepen.io/MyXoToD'>@MyXoToD</a>) on <a href='http://codepen.io'>CodePen</a></p>
<!-- 6 Over -->
<!-- 7 -->
<div class="number">#7 Loading ( A progress like :p) by Kaushalya Mandaliya</div>
<p data-height="268" data-theme-id="168" data-slug-hash="Lncta" data-user="kman" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/kman/pen/Lncta'>Loading ( A progress like :p)</a> by Kaushalya Mandaliya (<a href='http://codepen.io/kman'>@kman</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
<!-- 7 Over -->
<!-- 8 -->
<div class="number">#8 Equalizer loading by Kaushalya Mandaliya</div>
<p data-height="268" data-theme-id="168" data-slug-hash="ksDuA" data-user="kman" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/kman/pen/ksDuA'>Equalizer loading </a> by Kaushalya Mandaliya (<a href='http://codepen.io/kman'>@kman</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
<!-- 8 Over -->
<!-- 9 -->
<div class="number">#9 Faster Loading with random() by Kaushalya Mandaliya</div>
<p data-height="268" data-theme-id="168" data-slug-hash="jBmKL" data-user="kman" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/kman/pen/jBmKL'>Faster Loading with random()</a> by Kaushalya Mandaliya (<a href='http://codepen.io/kman'>@kman</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
<!-- 9 Over -->
<!-- 10 -->
<div class="number">#10 Loader by Kaushalya Mandaliya</div>
<p data-height="268" data-theme-id="168" data-slug-hash="itfsK" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/kman/pen/itfsK/'>Loader</a> by Kaushalya Mandaliya (<a href='http://codepen.io/kman'>@kman</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
<!-- 10 Over -->
<!-- Navigation -->
<ul id="nav">
<li class="disabled">Prev</li>
<li><a href="page2.html">Next</a></li>
</ul>
<!-- Over-->
<!-- Go back to bullg.it --> <div class="goback"><a href="http://bullg.it"> ← Go back to bullgit</a></div>
</body>
</html>