1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,42 @@ |
1 |
+<section id="why" class="feature-list"> |
|
2 |
+ <div class="row"> |
|
3 |
+ <div class="col-md-4 col-sm-6"> |
|
4 |
+ <h4><i class="fa fa-flag" aria-hidden="true"></i> One Font, {{ icons | size }} Icons</h4> |
|
5 |
+ In a single collection, Font Awesome is a pictographic language of web-related actions. |
|
6 |
+ </div> |
|
7 |
+ <div class="col-md-4 col-sm-6"> |
|
8 |
+ <h4><i class="fa fa-ban" aria-hidden="true"></i> No JavaScript Required</h4> |
|
9 |
+ Fewer compatibility concerns because Font Awesome doesn't require JavaScript. |
|
10 |
+ </div> |
|
11 |
+ <div class="col-md-4 col-sm-6"> |
|
12 |
+ <h4><i class="fa fa-arrows-alt" aria-hidden="true"></i> Infinite Scalability</h4> |
|
13 |
+ Scalable vector graphics means every icon looks awesome at any size. |
|
14 |
+ </div> |
|
15 |
+ <div class="col-md-4 col-sm-6"> |
|
16 |
+ <h4><i class="fa fa-microphone" aria-hidden="true"></i> Free, as in Speech</h4> |
|
17 |
+ Font Awesome is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>. |
|
18 |
+ </div> |
|
19 |
+ <div class="col-md-4 col-sm-6"> |
|
20 |
+ <h4><i class="fa fa-pencil" aria-hidden="true"></i> CSS Control</h4> |
|
21 |
+ Easily style icon color, size, shadow, and anything that's possible with CSS. |
|
22 |
+ </div> |
|
23 |
+ <div class="col-md-4 col-sm-6"> |
|
24 |
+ <h4><i class="fa fa-eye" aria-hidden="true"></i> Perfect on Retina Displays</h4> |
|
25 |
+ Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays. |
|
26 |
+ </div> |
|
27 |
+ <div class="col-md-4 col-sm-6"> |
|
28 |
+ <h4><i class="fa fa-gamepad" aria-hidden="true"></i> Plays Well with Others</h4> |
|
29 |
+ Originally designed for <a href="{{ site.bootstrap.url }}">Bootstrap</a>, Font Awesome works great with all frameworks. |
|
30 |
+ </div> |
|
31 |
+ <div class="col-md-4 col-sm-6"> |
|
32 |
+ <h4><i class="fa fa-desktop" aria-hidden="true"></i> Desktop Friendly</h4> |
|
33 |
+ To use on the desktop or for a complete set of vectors, |
|
34 |
+ check out the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>. |
|
35 |
+ </div> |
|
36 |
+ <div class="col-md-4 col-sm-6"> |
|
37 |
+ <h4><i class="fa fa-wheelchair" aria-hidden="true"></i> Accessibility-minded</h4> |
|
38 |
+ Font Awesome <i class="fa fa-heart" aria-hidden="true"></i><span class="sr-only">loves</span> screen readers and |
|
39 |
+<a href="{{ page.relative_path }}accessibility/">helps make your icons accessible</a> on the web. |
|
40 |
+ </div> |
|
41 |
+ </div> |
|
42 |
+</section> |