mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-11-20 11:14:28 +00:00
tweaking lead text on getting started
This commit is contained in:
parent
ec4a665ffc
commit
93f183d736
@ -1,20 +1,20 @@
|
|||||||
<section>
|
<section>
|
||||||
<div class="row">
|
<div class="row stripe-ad">
|
||||||
<div class="span8">
|
<div class="span8">
|
||||||
<h2 class="page-header">Ways to use Font Awesome</h2>
|
<p class="lead">
|
||||||
<p>It's easy to get started with Font Awesome. And it plays really nicely with <a href="{{ site.bootstrap.url }}">Bootstrap</a>!</p>
|
Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro
|
||||||
|
customize the LESS yourself! Font Awesome even plays nicely with
|
||||||
|
<a href="{{ site.bootstrap.url }}">Bootstrap</a>!
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
<div>
|
{% include ads/carbon-light-horizontal.html %}
|
||||||
<br>
|
|
||||||
{% include ads/carbon-light-horizontal.html %}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section class="margin-top-large">
|
||||||
<h3>EASIEST: <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a></h3>
|
<h2 class="page-header">EASIEST: <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a></h2>
|
||||||
<p>Add Font Awesome + Bootstrap into your website with two lines of code. You don't even have to download or install anything!</p>
|
<p>Add Font Awesome + Bootstrap into your website with two lines of code. You don't even have to download or install anything!</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>
|
<li>
|
||||||
@ -24,7 +24,7 @@
|
|||||||
<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.font-awesome.version }}/css/font-awesome.css" rel="stylesheet">
|
<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.font-awesome.version }}/css/font-awesome.css" rel="stylesheet">
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
<div class="alert alert-info margin-top">
|
<div class="alert alert-info margin-top">
|
||||||
<i class="icon-info-sign"></i> Want to use Font Awesome by itself without Bootstrap? Just skip pasting in the first line.
|
<i class="icon-info-sign"></i> Want to use Font Awesome by itself without Bootstrap? Just don't include the first line.
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
@ -38,7 +38,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3>EASY: Default CSS</h3>
|
<h2 class="page-header">EASY: Default CSS</h2>
|
||||||
<p>Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.</p>
|
<p>Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>Copy the Font Awesome font directory into your project.</li>
|
<li>Copy the Font Awesome font directory into your project.</li>
|
||||||
@ -62,7 +62,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3>PRO: Custom LESS</h3>
|
<h2 class="page-header">PRO: Custom LESS</h2>
|
||||||
<p>Use this method to customize Font Awesome and Bootstrap using LESS.</p>
|
<p>Use this method to customize Font Awesome and Bootstrap using LESS.</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>Copy the Font Awesome font directory into your project.</li>
|
<li>Copy the Font Awesome font directory into your project.</li>
|
||||||
@ -81,7 +81,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3>Not using Bootstrap?</h3>
|
<h2 class="page-header">Not using Bootstrap?</h2>
|
||||||
<p>Font Awesome works just as well without Bootstrap.</p>
|
<p>Font Awesome works just as well without Bootstrap.</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>Copy the Font Awesome font directory into your project.</li>
|
<li>Copy the Font Awesome font directory into your project.</li>
|
||||||
@ -92,7 +92,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3>Need IE7 Support?</h3>
|
<h2 class="page-header">Need IE7 Support?</h2>
|
||||||
<p>Font Awesome supports IE7. If you need it, you have my condolences.</p>
|
<p>Font Awesome supports IE7. If you need it, you have my condolences.</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>Get Font Awesome working properly in a modern browser.</li>
|
<li>Get Font Awesome working properly in a modern browser.</li>
|
||||||
|
Loading…
Reference in New Issue
Block a user