Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/ForkAwesome/Fork-Awesome.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'test/index.html')
-rw-r--r--test/index.html88
1 files changed, 73 insertions, 15 deletions
diff --git a/test/index.html b/test/index.html
index 2f4945bbc..a9ce7dfc8 100644
--- a/test/index.html
+++ b/test/index.html
@@ -49,7 +49,21 @@
})();
</script>
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
- <div class="navbar navbar-inverse navbar-static-top hidden-print">
+ <div class="fonticons">
+ <div class="container">
+ <div class="message-container">
+ <div class="tagline">
+ <span id="rotating-message">Take your icon game to the next level.</span>
+ Check out <strong>Fonticons</strong>, from the maker of Font Awesome.
+ </div>
+ <div class="action">
+ <a id="rotating-url" class="btn btn-primary btn-block" href="https://fonticons.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_4.3_update">Gimme Some!</a>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class="navbar navbar-inverse navbar-static-top hidden-print">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
@@ -75,10 +89,11 @@
<i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu pull-right">
- <li><a href="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+ <li><a href="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; All Icons</a></li>
<li class="divider"></li>
- <li><a href="../icons/#new"><i class="fa fa-cube fa-fw"></i>&nbsp; New Icons in 4.2</a></li>
+ <li><a href="../icons/#new"><i class="fa fa-diamond fa-fw"></i>&nbsp; New Icons in 4.3</a></li>
<li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+ <li><a href="../icons/#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; Transportation Icons</a></li>
<li><a href="../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; File Type Icons</a></li>
<li><a href="../icons/#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; Spinner Icons</a></li>
<li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
@@ -105,7 +120,7 @@
<li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
<li><a href="../examples/#list">List Icons</a></li>
<li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
- <li><a href="../examples/#spinning">Spinning Icons</a></li>
+ <li><a href="../examples/#animated">Animated Icons</a></li>
<li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
<li><a href="../examples/#stacked">Stacked Icons</a></li>
<li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
@@ -854,7 +869,7 @@
Twitter Icon
<span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i>
- <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+ <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
<span class="fa-stack">
@@ -871,7 +886,7 @@
Twitter Icon
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x"></i>
- <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+ <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
<span class="fa-stack">
@@ -888,7 +903,7 @@
Twitter Icon
<span class="fa-stack">
<i class="fa fa-circle-o fa-stack-2x"></i>
- <i class="fa fa-facebook fa-stack-1x"></i>
+ <i class="fa fa-facebook-f fa-stack-1x"></i>
</span>
Facebook Icon
<span class="fa-stack">
@@ -915,7 +930,7 @@
Twitter Icon
<span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i>
- <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+ <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
<span class="fa-stack">
@@ -932,7 +947,7 @@
Twitter Icon
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x"></i>
- <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+ <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
<span class="fa-stack">
@@ -949,7 +964,7 @@
Twitter Icon
<span class="fa-stack">
<i class="fa fa-circle-o fa-stack-2x"></i>
- <i class="fa fa-facebook fa-stack-1x"></i>
+ <i class="fa fa-facebook-f fa-stack-1x"></i>
</span>
Facebook Icon
<span class="fa-stack">
@@ -973,7 +988,7 @@
<a href="#">
<span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i>
- <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+ <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
</a>
@@ -996,7 +1011,7 @@
<a href="#">
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x"></i>
- <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+ <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
Facebook Icon
</a>
@@ -1019,7 +1034,7 @@
<a href="#">
<span class="fa-stack">
<i class="fa fa-circle-o fa-stack-2x"></i>
- <i class="fa fa-facebook fa-stack-1x"></i>
+ <i class="fa fa-facebook-f fa-stack-1x"></i>
</span>
Facebook Icon
</a>
@@ -1093,6 +1108,41 @@
</div>
</div>
+ <h3>Animation Wobble <a href="https://github.com/FortAwesome/Font-Awesome/issues/671">#671</a></h3>
+ <div>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-spinner fa-spin"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-cog fa-spin"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-circle-o-notch fa-spin"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-spinner fa-pulse"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-cog fa-pulse"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-circle-o-notch fa-pulse"></i></span>
+ </div>
+ <div>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-spinner fa-spin fa-5x"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-cog fa-spin fa-5x"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-circle-o-notch fa-spin fa-5x"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-spinner fa-pulse fa-5x"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-cog fa-pulse fa-5x"></i></span>
+ <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-circle-o-notch fa-pulse fa-5x"></i></span>
+ </div>
+ <div>
+ <button class="btn btn-default"><i class="fa fa-spinner fa-spin"></i></button>
+ <button class="btn btn-default"><i class="fa fa-cog fa-spin"></i></button>
+ <button class="btn btn-default"><i class="fa fa-circle-o-notch fa-spin"></i></button>
+ <button class="btn btn-default"><i class="fa fa-spinner fa-pulse"></i></button>
+ <button class="btn btn-default"><i class="fa fa-cog fa-pulse"></i></button>
+ <button class="btn btn-default"><i class="fa fa-circle-o-notch fa-pulse"></i></button>
+ </div>
+ <div>
+ <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i></button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-spin"></i></button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-circle-o-notch fa-spin"></i></button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-pulse"></i></button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-pulse"></i></button>
+ <button class="btn btn-default btn-lg"><i class="fa fa-circle-o-notch fa-pulse"></i></button>
+ </div>
+
+
</section>
</div>
@@ -1100,7 +1150,7 @@
<div class="container text-center">
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8"></div>
<div>
- <i class="fa fa-flag"></i> Font Awesome 4.2.0
+ <i class="fa fa-flag"></i> Font Awesome 4.3.0
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
Created by <a href="http://twitter.com/davegandy">Dave Gandy</a>
</div>
@@ -1126,7 +1176,15 @@
<script src="http://platform.twitter.com/widgets.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+<script src="../assets/js/tabcomplete.min.js"></script>
<script src="../assets/js/site.js"></script>
-
+<script type="text/javascript">
+ (function() {
+ window._pa = window._pa || {};
+ var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.async = true;
+ pa.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + "//tag.perfectaudience.com/serve/54bfdab8751a087f190000f8.js";
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pa, s);
+ })();
+</script>
</body>
</html>