diff options
Diffstat (limited to 'library/font_awesome/src/cdn/success.html')
| -rw-r--r-- | library/font_awesome/src/cdn/success.html | 57 |
1 files changed, 49 insertions, 8 deletions
diff --git a/library/font_awesome/src/cdn/success.html b/library/font_awesome/src/cdn/success.html index 6199f0b02..585729248 100644 --- a/library/font_awesome/src/cdn/success.html +++ b/library/font_awesome/src/cdn/success.html @@ -5,20 +5,61 @@ relative_path: ../../ --- <div class="container"> - <div class="row"> - <div class="col-md-6 col-md-offset-3 margin-top-lg"> - <div class="well well-lg margin-top-xl margin-bottom-xl"> - <h1 class="text-success page-header"><i class="fa fa-envelope"></i> On the way!</h1> + <div class="row margin-top-xl"> + <div class="col-lg-7"> + <div class="well well-lg margin-bottom-xl"> + <h1 class="page-header text-success"> + <i class="fa fa-check"></i> + Great Success! + </h1> + <p class="lead"> - We just sent you an email with your new Font Awesome CDN embed code and instructions - for what to do next! + <strong>Your embed code is on its way.</strong> + </p> + + <p> + We just sent you an email with your new Font Awesome CDN embed code and instructions for what to do next! </p> - <p class="lead text-muted"> - If you don't see the email, maybe check your spam. + <p> + If you don't see the email (sent by "Font Awesome") in your inbox, maybe check your spam folder first. Also, make sure you haven't previously unsubscribed. Still nothing? <a href="{{ page.relative_path }}get-started/#get-started-cdn">Try again</a> or <a href="https://cdn.fontawesome.com/help">get some help</a>. </p> </div> + </div> + + <div class="col-lg-4 col-lg-offset-1"> + + <h2 class="sr-only">Next Steps</h2> + + <ol class="list-unstyled gg gg-top"> + <li class="gg-row"> + <div class="gg-col p-xs-r-md"> + <i class="fa fa-envelope fa-2x margin-right-lg text-muted"></i> + </div> + <div class="gg-col"> + <h3 class="text-lg text-muted">Check your email</h3> + + <p> + Your embed code should be waiting there for you. From there you can also register a Font Awesome CDN account to help you manage your icons even more easily. + </p> + + <hr class="hr-lg m-xs-y-lg"> + </div> + </li> + + <li class="gg-row"> + <div class="gg-col p-xs-r-md"> + <i class="fa fa-flag-checkered fa-2x margin-right-lg text-muted"></i> + </div> + <div class="gg-col"> + <h3 class="text-lg text-muted">Get ready to use Font Awesome</h3> + <p> + While you're waiting, dive into how to use Font Awesome. You'll want to add your embed code within the <code><head></code> of each template or page that you want to use Font Awesome on. Then, check out the <a href="{{ page.relative_path }}icons/">Font Awesome icons</a> and <a href="{{ page.relative_path }}examples/">examples</a> to learn how drop icons right into your UI. + </p> + </div> + </li> + </ol> </div> </div> </div> |