diff options
Diffstat (limited to 'cdn/success')
-rw-r--r-- | cdn/success/index.html | 57 |
1 files changed, 49 insertions, 8 deletions
diff --git a/cdn/success/index.html b/cdn/success/index.html index 40cfcc716..cc31b0692 100644 --- a/cdn/success/index.html +++ b/cdn/success/index.html @@ -173,20 +173,61 @@ <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="../../cdn/new/">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="../../icons/">Font Awesome icons</a> and <a href="../../examples/">examples</a> to learn how drop icons right into your UI. + </p> + </div> + </li> + </ol> </div> </div> </div> |