diff options
Diffstat (limited to 'static/fork-awesome/src/doc/_includes/why.html')
-rw-r--r-- | static/fork-awesome/src/doc/_includes/why.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/static/fork-awesome/src/doc/_includes/why.html b/static/fork-awesome/src/doc/_includes/why.html new file mode 100644 index 0000000..e95b514 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/why.html @@ -0,0 +1,42 @@ +<section id="why" class="feature-list"> + <div class="row"> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-fork-awesome" aria-hidden="true"></i> One Font, {{ icons | size }} Icons</h4> + In a single collection, {{ site.forkawesome.name }} is a pictographic language of web-related actions. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-ban" aria-hidden="true"></i> No JavaScript Required</h4> + Fewer compatibility concerns because {{ site.forkawesome.name }} doesn't require JavaScript. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-arrows-alt" aria-hidden="true"></i> Infinite Scalability</h4> + Scalable vector graphics means every icon looks awesome at any size. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-microphone" aria-hidden="true"></i> Free, as in Speech</h4> + {{ site.forkawesome.name }} is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-pencil" aria-hidden="true"></i> CSS Control</h4> + Easily style icon color, size, shadow, and anything that's possible with CSS. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-eye" aria-hidden="true"></i> Perfect on Retina Displays</h4> + {{ site.forkawesome.name }} icons are vectors, which mean they're gorgeous on high-resolution displays. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-gamepad" aria-hidden="true"></i> Plays Well with Others</h4> + Originally designed for <a href="{{ site.bootstrap.url }}">Bootstrap</a>, {{ site.forkawesome.name }} works great with all frameworks. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-desktop" aria-hidden="true"></i> Desktop Friendly</h4> + To use on the desktop or for a complete set of vectors, + check out the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-wheelchair" aria-hidden="true"></i> Accessibility-minded</h4> + {{ site.forkawesome.name }} <i class="fa fa-heart" aria-hidden="true"></i><span class="sr-only">loves</span> screen readers and +<a href="{{ page.relative_path }}accessibility/">helps make your icons accessible</a> on the web. + </div> + </div> +</section> |