diff options
Diffstat (limited to 'icon')
675 files changed, 6075 insertions, 4725 deletions
diff --git a/icon/500px/index.html b/icon/500px/index.html index 88c5fd0c9..44f8440ad 100644 --- a/icon/500px/index.html +++ b/icon/500px/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/address-book-o/index.html b/icon/address-book-o/index.html index c10cb9399..b693d8986 100644 --- a/icon/address-book-o/index.html +++ b/icon/address-book-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/address-book/index.html b/icon/address-book/index.html index 67a5683c0..7f7e6ac32 100644 --- a/icon/address-book/index.html +++ b/icon/address-book/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/address-card-o/index.html b/icon/address-card-o/index.html index 4e3ab982c..87a22a5ef 100644 --- a/icon/address-card-o/index.html +++ b/icon/address-card-o/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/address-card/index.html b/icon/address-card/index.html index 33bff6575..572fe4264 100644 --- a/icon/address-card/index.html +++ b/icon/address-card/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/adjust/index.html b/icon/adjust/index.html index b059321bc..91145e6ca 100644 --- a/icon/adjust/index.html +++ b/icon/adjust/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/adn/index.html b/icon/adn/index.html index 73c2a6c12..ba500ae7d 100644 --- a/icon/adn/index.html +++ b/icon/adn/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/align-center/index.html b/icon/align-center/index.html index fae9e556c..d99ad56b3 100644 --- a/icon/align-center/index.html +++ b/icon/align-center/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/align-justify/index.html b/icon/align-justify/index.html index e56fcb73e..c36c0d2c0 100644 --- a/icon/align-justify/index.html +++ b/icon/align-justify/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/align-left/index.html b/icon/align-left/index.html index b6a6a3be2..7e4e9a23b 100644 --- a/icon/align-left/index.html +++ b/icon/align-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/align-right/index.html b/icon/align-right/index.html index 838039660..10d1fcc9c 100644 --- a/icon/align-right/index.html +++ b/icon/align-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/amazon/index.html b/icon/amazon/index.html index cb1873dfc..eae331482 100644 --- a/icon/amazon/index.html +++ b/icon/amazon/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/ambulance/index.html b/icon/ambulance/index.html index c4918176f..356948bbb 100644 --- a/icon/ambulance/index.html +++ b/icon/ambulance/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/american-sign-language-interpreting/index.html b/icon/american-sign-language-interpreting/index.html index fa193105e..69c6468a5 100644 --- a/icon/american-sign-language-interpreting/index.html +++ b/icon/american-sign-language-interpreting/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/anchor/index.html b/icon/anchor/index.html index 06ccc5b9c..39b11fd5e 100644 --- a/icon/anchor/index.html +++ b/icon/anchor/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/android/index.html b/icon/android/index.html index 17e7d34d8..71c6de41e 100644 --- a/icon/android/index.html +++ b/icon/android/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/angellist/index.html b/icon/angellist/index.html index 12e106c7c..53e5b2be0 100644 --- a/icon/angellist/index.html +++ b/icon/angellist/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/angle-double-down/index.html b/icon/angle-double-down/index.html index e8826d53a..5556f1096 100644 --- a/icon/angle-double-down/index.html +++ b/icon/angle-double-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/angle-double-left/index.html b/icon/angle-double-left/index.html index 779f5d267..8c71bc0b3 100644 --- a/icon/angle-double-left/index.html +++ b/icon/angle-double-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/angle-double-right/index.html b/icon/angle-double-right/index.html index 874cffe84..f726402d8 100644 --- a/icon/angle-double-right/index.html +++ b/icon/angle-double-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/angle-double-up/index.html b/icon/angle-double-up/index.html index 97fe04f2f..7456c8add 100644 --- a/icon/angle-double-up/index.html +++ b/icon/angle-double-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/angle-down/index.html b/icon/angle-down/index.html index 4f41c42c7..83810e38e 100644 --- a/icon/angle-down/index.html +++ b/icon/angle-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/angle-left/index.html b/icon/angle-left/index.html index b8c91151f..cb4ce9083 100644 --- a/icon/angle-left/index.html +++ b/icon/angle-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/angle-right/index.html b/icon/angle-right/index.html index e1e0b97a5..e4e6a30db 100644 --- a/icon/angle-right/index.html +++ b/icon/angle-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/angle-up/index.html b/icon/angle-up/index.html index 3c26eda91..262555ea2 100644 --- a/icon/angle-up/index.html +++ b/icon/angle-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/apple/index.html b/icon/apple/index.html index 2225d4b02..ed2d94095 100644 --- a/icon/apple/index.html +++ b/icon/apple/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/archive/index.html b/icon/archive/index.html index b0400b7c6..bb8746c26 100644 --- a/icon/archive/index.html +++ b/icon/archive/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/area-chart/index.html b/icon/area-chart/index.html index 765ffad09..b3024415a 100644 --- a/icon/area-chart/index.html +++ b/icon/area-chart/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-circle-down/index.html b/icon/arrow-circle-down/index.html index 545c75cd5..f792edd6c 100644 --- a/icon/arrow-circle-down/index.html +++ b/icon/arrow-circle-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-circle-left/index.html b/icon/arrow-circle-left/index.html index 216fa3d6a..29e9d966e 100644 --- a/icon/arrow-circle-left/index.html +++ b/icon/arrow-circle-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-circle-o-down/index.html b/icon/arrow-circle-o-down/index.html index e3289664b..0d3795709 100644 --- a/icon/arrow-circle-o-down/index.html +++ b/icon/arrow-circle-o-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-circle-o-left/index.html b/icon/arrow-circle-o-left/index.html index a07c37d63..ae88cfcdb 100644 --- a/icon/arrow-circle-o-left/index.html +++ b/icon/arrow-circle-o-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-circle-o-right/index.html b/icon/arrow-circle-o-right/index.html index da1db83c6..137e9e055 100644 --- a/icon/arrow-circle-o-right/index.html +++ b/icon/arrow-circle-o-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-circle-o-up/index.html b/icon/arrow-circle-o-up/index.html index 7c6f69e9d..2e1206195 100644 --- a/icon/arrow-circle-o-up/index.html +++ b/icon/arrow-circle-o-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-circle-right/index.html b/icon/arrow-circle-right/index.html index 6fc250a3a..95d29801a 100644 --- a/icon/arrow-circle-right/index.html +++ b/icon/arrow-circle-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-circle-up/index.html b/icon/arrow-circle-up/index.html index 292c7ecc8..3ff753ab8 100644 --- a/icon/arrow-circle-up/index.html +++ b/icon/arrow-circle-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-down/index.html b/icon/arrow-down/index.html index 9b2029274..a9c43d679 100644 --- a/icon/arrow-down/index.html +++ b/icon/arrow-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-left/index.html b/icon/arrow-left/index.html index 705a7f5b9..24314742d 100644 --- a/icon/arrow-left/index.html +++ b/icon/arrow-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-right/index.html b/icon/arrow-right/index.html index d350d0eb8..666e7f3cd 100644 --- a/icon/arrow-right/index.html +++ b/icon/arrow-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrow-up/index.html b/icon/arrow-up/index.html index 40b690bbf..f335f0b8b 100644 --- a/icon/arrow-up/index.html +++ b/icon/arrow-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrows-alt/index.html b/icon/arrows-alt/index.html index b0102d35a..e49dac43e 100644 --- a/icon/arrows-alt/index.html +++ b/icon/arrows-alt/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrows-h/index.html b/icon/arrows-h/index.html index 6d060b70c..d37c193a4 100644 --- a/icon/arrows-h/index.html +++ b/icon/arrows-h/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrows-v/index.html b/icon/arrows-v/index.html index e9f0c6f1e..f9730062e 100644 --- a/icon/arrows-v/index.html +++ b/icon/arrows-v/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/arrows/index.html b/icon/arrows/index.html index 2879df3be..564548fdf 100644 --- a/icon/arrows/index.html +++ b/icon/arrows/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/assistive-listening-systems/index.html b/icon/assistive-listening-systems/index.html index a090b69ca..dd0800cb6 100644 --- a/icon/assistive-listening-systems/index.html +++ b/icon/assistive-listening-systems/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/asterisk/index.html b/icon/asterisk/index.html index bdf6ef796..288c443ca 100644 --- a/icon/asterisk/index.html +++ b/icon/asterisk/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/at/index.html b/icon/at/index.html index 9c8cf547a..200c67c82 100644 --- a/icon/at/index.html +++ b/icon/at/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/audio-description/index.html b/icon/audio-description/index.html index eeea96bda..bdf19940d 100644 --- a/icon/audio-description/index.html +++ b/icon/audio-description/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/backward/index.html b/icon/backward/index.html index 08e15ecd8..29bb320f3 100644 --- a/icon/backward/index.html +++ b/icon/backward/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/balance-scale/index.html b/icon/balance-scale/index.html index 453a617f8..28b730c99 100644 --- a/icon/balance-scale/index.html +++ b/icon/balance-scale/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/ban/index.html b/icon/ban/index.html index 683406c8c..2ad1ae5f7 100644 --- a/icon/ban/index.html +++ b/icon/ban/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bandcamp/index.html b/icon/bandcamp/index.html index de267d15d..7a7b7ebd3 100644 --- a/icon/bandcamp/index.html +++ b/icon/bandcamp/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bar-chart/index.html b/icon/bar-chart/index.html index 425003c45..9ec7a851f 100644 --- a/icon/bar-chart/index.html +++ b/icon/bar-chart/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/barcode/index.html b/icon/barcode/index.html index d7c2d1050..f863700c1 100644 --- a/icon/barcode/index.html +++ b/icon/barcode/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bars/index.html b/icon/bars/index.html index fcb042c92..2ab07c9b9 100644 --- a/icon/bars/index.html +++ b/icon/bars/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bath/index.html b/icon/bath/index.html index 996b2e903..ac1030abc 100644 --- a/icon/bath/index.html +++ b/icon/bath/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/battery-empty/index.html b/icon/battery-empty/index.html index 1b2fd98ec..ec8c918b4 100644 --- a/icon/battery-empty/index.html +++ b/icon/battery-empty/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/battery-full/index.html b/icon/battery-full/index.html index 874279c09..5c63ffc0c 100644 --- a/icon/battery-full/index.html +++ b/icon/battery-full/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/battery-half/index.html b/icon/battery-half/index.html index eb828aad8..27bb78ad7 100644 --- a/icon/battery-half/index.html +++ b/icon/battery-half/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/battery-quarter/index.html b/icon/battery-quarter/index.html index 724f58930..22c2f15b0 100644 --- a/icon/battery-quarter/index.html +++ b/icon/battery-quarter/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/battery-three-quarters/index.html b/icon/battery-three-quarters/index.html index 8a618e74e..dac057740 100644 --- a/icon/battery-three-quarters/index.html +++ b/icon/battery-three-quarters/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bed/index.html b/icon/bed/index.html index 71d5de608..27cee10e3 100644 --- a/icon/bed/index.html +++ b/icon/bed/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/beer/index.html b/icon/beer/index.html index ed51117dc..8560be562 100644 --- a/icon/beer/index.html +++ b/icon/beer/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/behance-square/index.html b/icon/behance-square/index.html index ea5f2d755..8f93bf6b1 100644 --- a/icon/behance-square/index.html +++ b/icon/behance-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/behance/index.html b/icon/behance/index.html index d37811cc2..b9a690422 100644 --- a/icon/behance/index.html +++ b/icon/behance/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bell-o/index.html b/icon/bell-o/index.html index d8b780107..253e1ba41 100644 --- a/icon/bell-o/index.html +++ b/icon/bell-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bell-slash-o/index.html b/icon/bell-slash-o/index.html index d24b74272..315815ab7 100644 --- a/icon/bell-slash-o/index.html +++ b/icon/bell-slash-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bell-slash/index.html b/icon/bell-slash/index.html index 70fd7f59d..383485586 100644 --- a/icon/bell-slash/index.html +++ b/icon/bell-slash/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bell/index.html b/icon/bell/index.html index cc695c336..a832600f7 100644 --- a/icon/bell/index.html +++ b/icon/bell/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bicycle/index.html b/icon/bicycle/index.html index ac9a32049..477af2ac0 100644 --- a/icon/bicycle/index.html +++ b/icon/bicycle/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/binoculars/index.html b/icon/binoculars/index.html index 041462950..e805394b0 100644 --- a/icon/binoculars/index.html +++ b/icon/binoculars/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/birthday-cake/index.html b/icon/birthday-cake/index.html index c5bee57a3..10f01343e 100644 --- a/icon/birthday-cake/index.html +++ b/icon/birthday-cake/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bitbucket-square/index.html b/icon/bitbucket-square/index.html index fd5d004be..c05751140 100644 --- a/icon/bitbucket-square/index.html +++ b/icon/bitbucket-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bitbucket/index.html b/icon/bitbucket/index.html index dae381887..8ddeb6a1c 100644 --- a/icon/bitbucket/index.html +++ b/icon/bitbucket/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/black-tie/index.html b/icon/black-tie/index.html index 01630b91e..81baa19bf 100644 --- a/icon/black-tie/index.html +++ b/icon/black-tie/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/blind/index.html b/icon/blind/index.html index 6117e2ca3..e025d4dfd 100644 --- a/icon/blind/index.html +++ b/icon/blind/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bluetooth-b/index.html b/icon/bluetooth-b/index.html index e13805171..e0e910d63 100644 --- a/icon/bluetooth-b/index.html +++ b/icon/bluetooth-b/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bluetooth/index.html b/icon/bluetooth/index.html index 0c2e15e50..85d158869 100644 --- a/icon/bluetooth/index.html +++ b/icon/bluetooth/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bold/index.html b/icon/bold/index.html index 5c65b5bc0..8eb736c33 100644 --- a/icon/bold/index.html +++ b/icon/bold/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bolt/index.html b/icon/bolt/index.html index 245aef7b7..804a5e3d4 100644 --- a/icon/bolt/index.html +++ b/icon/bolt/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bomb/index.html b/icon/bomb/index.html index 0b60944d3..897522db0 100644 --- a/icon/bomb/index.html +++ b/icon/bomb/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/book/index.html b/icon/book/index.html index 6a9a7dad1..315ffae6b 100644 --- a/icon/book/index.html +++ b/icon/book/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bookmark-o/index.html b/icon/bookmark-o/index.html index 0b223a15e..f384409c5 100644 --- a/icon/bookmark-o/index.html +++ b/icon/bookmark-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bookmark/index.html b/icon/bookmark/index.html index 6add9d0a0..fc8082497 100644 --- a/icon/bookmark/index.html +++ b/icon/bookmark/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/braille/index.html b/icon/braille/index.html index 71c12d486..f44c8e0f3 100644 --- a/icon/braille/index.html +++ b/icon/braille/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/briefcase/index.html b/icon/briefcase/index.html index 8ad9b06b8..2a899aa6d 100644 --- a/icon/briefcase/index.html +++ b/icon/briefcase/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/btc/index.html b/icon/btc/index.html index b53b28fea..bbcb0a03e 100644 --- a/icon/btc/index.html +++ b/icon/btc/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bug/index.html b/icon/bug/index.html index 006ae8285..487895ddf 100644 --- a/icon/bug/index.html +++ b/icon/bug/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/building-o/index.html b/icon/building-o/index.html index 5c91bce1f..d4723a9fa 100644 --- a/icon/building-o/index.html +++ b/icon/building-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/building/index.html b/icon/building/index.html index 68a02d51e..1fa50ad93 100644 --- a/icon/building/index.html +++ b/icon/building/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bullhorn/index.html b/icon/bullhorn/index.html index 5c0ad5178..11af5b33f 100644 --- a/icon/bullhorn/index.html +++ b/icon/bullhorn/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bullseye/index.html b/icon/bullseye/index.html index 9ebd45f36..579622ade 100644 --- a/icon/bullseye/index.html +++ b/icon/bullseye/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/bus/index.html b/icon/bus/index.html index aa8ed6920..f93f05dad 100644 --- a/icon/bus/index.html +++ b/icon/bus/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/buysellads/index.html b/icon/buysellads/index.html index 40a4213ea..ddb16a4dc 100644 --- a/icon/buysellads/index.html +++ b/icon/buysellads/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/calculator/index.html b/icon/calculator/index.html index 6b9f1635c..774bb506c 100644 --- a/icon/calculator/index.html +++ b/icon/calculator/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/calendar-check-o/index.html b/icon/calendar-check-o/index.html index e1412a13c..4eb71fdec 100644 --- a/icon/calendar-check-o/index.html +++ b/icon/calendar-check-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/calendar-minus-o/index.html b/icon/calendar-minus-o/index.html index 951cf21c5..e4c605e41 100644 --- a/icon/calendar-minus-o/index.html +++ b/icon/calendar-minus-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/calendar-o/index.html b/icon/calendar-o/index.html index 0ce097d3e..2bd284542 100644 --- a/icon/calendar-o/index.html +++ b/icon/calendar-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/calendar-plus-o/index.html b/icon/calendar-plus-o/index.html index 378a6118c..b1802951f 100644 --- a/icon/calendar-plus-o/index.html +++ b/icon/calendar-plus-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/calendar-times-o/index.html b/icon/calendar-times-o/index.html index 930fb473c..a7c0ff237 100644 --- a/icon/calendar-times-o/index.html +++ b/icon/calendar-times-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/calendar/index.html b/icon/calendar/index.html index 0911b3c43..67cb00424 100644 --- a/icon/calendar/index.html +++ b/icon/calendar/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/camera-retro/index.html b/icon/camera-retro/index.html index 5bc618b98..baebade29 100644 --- a/icon/camera-retro/index.html +++ b/icon/camera-retro/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/camera/index.html b/icon/camera/index.html index 6971b6ee2..80e4c63de 100644 --- a/icon/camera/index.html +++ b/icon/camera/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/car/index.html b/icon/car/index.html index ec3912185..e8bccb3c3 100644 --- a/icon/car/index.html +++ b/icon/car/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/caret-down/index.html b/icon/caret-down/index.html index 22a27478a..2e616efa0 100644 --- a/icon/caret-down/index.html +++ b/icon/caret-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/caret-left/index.html b/icon/caret-left/index.html index d40c89aea..691a37a14 100644 --- a/icon/caret-left/index.html +++ b/icon/caret-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/caret-right/index.html b/icon/caret-right/index.html index 62db6184e..99dc5d8cd 100644 --- a/icon/caret-right/index.html +++ b/icon/caret-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/caret-square-o-down/index.html b/icon/caret-square-o-down/index.html index 1df852b09..a6d7c2279 100644 --- a/icon/caret-square-o-down/index.html +++ b/icon/caret-square-o-down/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/caret-square-o-left/index.html b/icon/caret-square-o-left/index.html index 4ac82e73f..454b77e0f 100644 --- a/icon/caret-square-o-left/index.html +++ b/icon/caret-square-o-left/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/caret-square-o-right/index.html b/icon/caret-square-o-right/index.html index 063ba833b..4970f4d88 100644 --- a/icon/caret-square-o-right/index.html +++ b/icon/caret-square-o-right/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/caret-square-o-up/index.html b/icon/caret-square-o-up/index.html index 4bf66e209..464aa2e21 100644 --- a/icon/caret-square-o-up/index.html +++ b/icon/caret-square-o-up/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/caret-up/index.html b/icon/caret-up/index.html index a3003de13..0756055ff 100644 --- a/icon/caret-up/index.html +++ b/icon/caret-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cart-arrow-down/index.html b/icon/cart-arrow-down/index.html index c20682e47..54aee7df9 100644 --- a/icon/cart-arrow-down/index.html +++ b/icon/cart-arrow-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cart-plus/index.html b/icon/cart-plus/index.html index 1c702813b..fa1abf77e 100644 --- a/icon/cart-plus/index.html +++ b/icon/cart-plus/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cc-amex/index.html b/icon/cc-amex/index.html index 70d29a565..47cc0989d 100644 --- a/icon/cc-amex/index.html +++ b/icon/cc-amex/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cc-diners-club/index.html b/icon/cc-diners-club/index.html index 54b03ac2b..c4381ceec 100644 --- a/icon/cc-diners-club/index.html +++ b/icon/cc-diners-club/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cc-discover/index.html b/icon/cc-discover/index.html index 3e62255d5..a7ccf458e 100644 --- a/icon/cc-discover/index.html +++ b/icon/cc-discover/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cc-jcb/index.html b/icon/cc-jcb/index.html index 53e002b9f..74384a09a 100644 --- a/icon/cc-jcb/index.html +++ b/icon/cc-jcb/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cc-mastercard/index.html b/icon/cc-mastercard/index.html index ab98673c6..0d0aac3ab 100644 --- a/icon/cc-mastercard/index.html +++ b/icon/cc-mastercard/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cc-paypal/index.html b/icon/cc-paypal/index.html index 2067b966c..cd96c3204 100644 --- a/icon/cc-paypal/index.html +++ b/icon/cc-paypal/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cc-stripe/index.html b/icon/cc-stripe/index.html index 6b52f8e3f..5a8ab7fdc 100644 --- a/icon/cc-stripe/index.html +++ b/icon/cc-stripe/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cc-visa/index.html b/icon/cc-visa/index.html index 2f2cfc8b2..662041a3d 100644 --- a/icon/cc-visa/index.html +++ b/icon/cc-visa/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cc/index.html b/icon/cc/index.html index 8e025dbb2..468679e37 100644 --- a/icon/cc/index.html +++ b/icon/cc/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/certificate/index.html b/icon/certificate/index.html index 83321e1b4..0f08b8a27 100644 --- a/icon/certificate/index.html +++ b/icon/certificate/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chain-broken/index.html b/icon/chain-broken/index.html index 9400cf0f9..d48f71f78 100644 --- a/icon/chain-broken/index.html +++ b/icon/chain-broken/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/check-circle-o/index.html b/icon/check-circle-o/index.html index 22cc08368..faacae117 100644 --- a/icon/check-circle-o/index.html +++ b/icon/check-circle-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/check-circle/index.html b/icon/check-circle/index.html index a040453d1..b21c3cbdb 100644 --- a/icon/check-circle/index.html +++ b/icon/check-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/check-square-o/index.html b/icon/check-square-o/index.html index de182d67c..6d54c5c27 100644 --- a/icon/check-square-o/index.html +++ b/icon/check-square-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/check-square/index.html b/icon/check-square/index.html index cef97ed2d..313ca4bc8 100644 --- a/icon/check-square/index.html +++ b/icon/check-square/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/check/index.html b/icon/check/index.html index 826f8fa2b..6df54a485 100644 --- a/icon/check/index.html +++ b/icon/check/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chevron-circle-down/index.html b/icon/chevron-circle-down/index.html index 0ef2880c7..a68ba9075 100644 --- a/icon/chevron-circle-down/index.html +++ b/icon/chevron-circle-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chevron-circle-left/index.html b/icon/chevron-circle-left/index.html index 4a6e70176..b0880f6d0 100644 --- a/icon/chevron-circle-left/index.html +++ b/icon/chevron-circle-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chevron-circle-right/index.html b/icon/chevron-circle-right/index.html index 491f05477..bd4c0816d 100644 --- a/icon/chevron-circle-right/index.html +++ b/icon/chevron-circle-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chevron-circle-up/index.html b/icon/chevron-circle-up/index.html index 67765aaf0..25089b99b 100644 --- a/icon/chevron-circle-up/index.html +++ b/icon/chevron-circle-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chevron-down/index.html b/icon/chevron-down/index.html index 2340f70b2..6ecf1920e 100644 --- a/icon/chevron-down/index.html +++ b/icon/chevron-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chevron-left/index.html b/icon/chevron-left/index.html index 1f0c28b62..a9720e96e 100644 --- a/icon/chevron-left/index.html +++ b/icon/chevron-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chevron-right/index.html b/icon/chevron-right/index.html index 447e92c90..24ff7c5db 100644 --- a/icon/chevron-right/index.html +++ b/icon/chevron-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chevron-up/index.html b/icon/chevron-up/index.html index 54358df54..50259a83b 100644 --- a/icon/chevron-up/index.html +++ b/icon/chevron-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/child/index.html b/icon/child/index.html index 848ccf023..eb7056c5e 100644 --- a/icon/child/index.html +++ b/icon/child/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/chrome/index.html b/icon/chrome/index.html index d0ec3a554..f6d698f08 100644 --- a/icon/chrome/index.html +++ b/icon/chrome/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/circle-o-notch/index.html b/icon/circle-o-notch/index.html index 1950f746b..ea2b9fcf8 100644 --- a/icon/circle-o-notch/index.html +++ b/icon/circle-o-notch/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/circle-o/index.html b/icon/circle-o/index.html index 4ddab5b8f..53b306ed9 100644 --- a/icon/circle-o/index.html +++ b/icon/circle-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/circle-thin/index.html b/icon/circle-thin/index.html index a26b7832b..a6ed62591 100644 --- a/icon/circle-thin/index.html +++ b/icon/circle-thin/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/circle/index.html b/icon/circle/index.html index 3a41d2b58..19a3c91e0 100644 --- a/icon/circle/index.html +++ b/icon/circle/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/clipboard/index.html b/icon/clipboard/index.html index 2f0f519c8..c2709153f 100644 --- a/icon/clipboard/index.html +++ b/icon/clipboard/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/clock-o/index.html b/icon/clock-o/index.html index 5d6a3411f..523e8b350 100644 --- a/icon/clock-o/index.html +++ b/icon/clock-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/clone/index.html b/icon/clone/index.html index abef6aeb5..c8babb3a2 100644 --- a/icon/clone/index.html +++ b/icon/clone/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cloud-download/index.html b/icon/cloud-download/index.html index 5492fd085..bbfa36050 100644 --- a/icon/cloud-download/index.html +++ b/icon/cloud-download/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cloud-upload/index.html b/icon/cloud-upload/index.html index de20e4dec..c48308d8e 100644 --- a/icon/cloud-upload/index.html +++ b/icon/cloud-upload/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cloud/index.html b/icon/cloud/index.html index dcb68576b..9ca3443c3 100644 --- a/icon/cloud/index.html +++ b/icon/cloud/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/code-fork/index.html b/icon/code-fork/index.html index d9e51e7fa..3bdcb8ff7 100644 --- a/icon/code-fork/index.html +++ b/icon/code-fork/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/code/index.html b/icon/code/index.html index 983337327..4046b0c55 100644 --- a/icon/code/index.html +++ b/icon/code/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/codepen/index.html b/icon/codepen/index.html index 88866820c..1f6b7efa2 100644 --- a/icon/codepen/index.html +++ b/icon/codepen/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/codiepie/index.html b/icon/codiepie/index.html index 5ee34f3a5..158e3974c 100644 --- a/icon/codiepie/index.html +++ b/icon/codiepie/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/coffee/index.html b/icon/coffee/index.html index 4a0ad855e..1e9e0e7ce 100644 --- a/icon/coffee/index.html +++ b/icon/coffee/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cog/index.html b/icon/cog/index.html index 16c1c8038..77d5851b3 100644 --- a/icon/cog/index.html +++ b/icon/cog/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cogs/index.html b/icon/cogs/index.html index fab60c88b..b548e0c00 100644 --- a/icon/cogs/index.html +++ b/icon/cogs/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/columns/index.html b/icon/columns/index.html index 2c70c7678..80b8c84d5 100644 --- a/icon/columns/index.html +++ b/icon/columns/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/comment-o/index.html b/icon/comment-o/index.html index 2c1e1436d..bfbe4de26 100644 --- a/icon/comment-o/index.html +++ b/icon/comment-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/comment/index.html b/icon/comment/index.html index 58ecf7498..732476a15 100644 --- a/icon/comment/index.html +++ b/icon/comment/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/commenting-o/index.html b/icon/commenting-o/index.html index db1bd2942..3160f85c0 100644 --- a/icon/commenting-o/index.html +++ b/icon/commenting-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/commenting/index.html b/icon/commenting/index.html index cc8384c5c..766ae4910 100644 --- a/icon/commenting/index.html +++ b/icon/commenting/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/comments-o/index.html b/icon/comments-o/index.html index 5ee424d0b..34485abe8 100644 --- a/icon/comments-o/index.html +++ b/icon/comments-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/comments/index.html b/icon/comments/index.html index 6c5c93853..f52fd31fa 100644 --- a/icon/comments/index.html +++ b/icon/comments/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/compass/index.html b/icon/compass/index.html index 9eab464be..3f0a7c682 100644 --- a/icon/compass/index.html +++ b/icon/compass/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/compress/index.html b/icon/compress/index.html index dac9fbe23..45a450aef 100644 --- a/icon/compress/index.html +++ b/icon/compress/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/connectdevelop/index.html b/icon/connectdevelop/index.html index 20983745a..1178261c7 100644 --- a/icon/connectdevelop/index.html +++ b/icon/connectdevelop/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/contao/index.html b/icon/contao/index.html index b65172042..9074e24f9 100644 --- a/icon/contao/index.html +++ b/icon/contao/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/copyright/index.html b/icon/copyright/index.html index 9ad3f75ad..3aa2e397a 100644 --- a/icon/copyright/index.html +++ b/icon/copyright/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/creative-commons/index.html b/icon/creative-commons/index.html index a63e1f27c..8921b178d 100644 --- a/icon/creative-commons/index.html +++ b/icon/creative-commons/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/credit-card-alt/index.html b/icon/credit-card-alt/index.html index ff89cbfbf..c4a4523fd 100644 --- a/icon/credit-card-alt/index.html +++ b/icon/credit-card-alt/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/credit-card/index.html b/icon/credit-card/index.html index 017adc1fd..3d61e0337 100644 --- a/icon/credit-card/index.html +++ b/icon/credit-card/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/crop/index.html b/icon/crop/index.html index b2e813056..ed43ab512 100644 --- a/icon/crop/index.html +++ b/icon/crop/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/crosshairs/index.html b/icon/crosshairs/index.html index 274cfe6c4..25c23a66b 100644 --- a/icon/crosshairs/index.html +++ b/icon/crosshairs/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/css3/index.html b/icon/css3/index.html index fd7174771..3da6edab6 100644 --- a/icon/css3/index.html +++ b/icon/css3/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cube/index.html b/icon/cube/index.html index dd40a4792..c1599138b 100644 --- a/icon/cube/index.html +++ b/icon/cube/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cubes/index.html b/icon/cubes/index.html index 0925810d8..0de929471 100644 --- a/icon/cubes/index.html +++ b/icon/cubes/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/cutlery/index.html b/icon/cutlery/index.html index 178b21394..2e54639e3 100644 --- a/icon/cutlery/index.html +++ b/icon/cutlery/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/dashcube/index.html b/icon/dashcube/index.html index 9323a8dda..5f56738b1 100644 --- a/icon/dashcube/index.html +++ b/icon/dashcube/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/database/index.html b/icon/database/index.html index 236b07018..4d0002d28 100644 --- a/icon/database/index.html +++ b/icon/database/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/deaf/index.html b/icon/deaf/index.html index fe3d0ff9c..ccac9e3a8 100644 --- a/icon/deaf/index.html +++ b/icon/deaf/index.html @@ -266,21 +266,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/delicious/index.html b/icon/delicious/index.html index 0c0be5a0f..7c24013ff 100644 --- a/icon/delicious/index.html +++ b/icon/delicious/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/desktop/index.html b/icon/desktop/index.html index e6105e11e..2b54003ac 100644 --- a/icon/desktop/index.html +++ b/icon/desktop/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/deviantart/index.html b/icon/deviantart/index.html index 9b82e57d8..fd260ce16 100644 --- a/icon/deviantart/index.html +++ b/icon/deviantart/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/diamond/index.html b/icon/diamond/index.html index ee5d988a1..939e34ba3 100644 --- a/icon/diamond/index.html +++ b/icon/diamond/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/digg/index.html b/icon/digg/index.html index c1fb2dfb7..9e17c6e02 100644 --- a/icon/digg/index.html +++ b/icon/digg/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/dot-circle-o/index.html b/icon/dot-circle-o/index.html index dfd5e1bea..83e33e41b 100644 --- a/icon/dot-circle-o/index.html +++ b/icon/dot-circle-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/download/index.html b/icon/download/index.html index 11985aa03..791786e40 100644 --- a/icon/download/index.html +++ b/icon/download/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/dribbble/index.html b/icon/dribbble/index.html index ad805495b..8b7045144 100644 --- a/icon/dribbble/index.html +++ b/icon/dribbble/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/dropbox/index.html b/icon/dropbox/index.html index 0f5c184f7..28fd157aa 100644 --- a/icon/dropbox/index.html +++ b/icon/dropbox/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/drupal/index.html b/icon/drupal/index.html index a186ce47f..43f5028df 100644 --- a/icon/drupal/index.html +++ b/icon/drupal/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/edge/index.html b/icon/edge/index.html index c18049f5a..5d318f382 100644 --- a/icon/edge/index.html +++ b/icon/edge/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/eercast/index.html b/icon/eercast/index.html index 82f3c14db..9f95e0358 100644 --- a/icon/eercast/index.html +++ b/icon/eercast/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/eject/index.html b/icon/eject/index.html index 0429e4217..c08a07998 100644 --- a/icon/eject/index.html +++ b/icon/eject/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/ellipsis-h/index.html b/icon/ellipsis-h/index.html index 51b62b8da..c83b7beed 100644 --- a/icon/ellipsis-h/index.html +++ b/icon/ellipsis-h/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/ellipsis-v/index.html b/icon/ellipsis-v/index.html index 467c8b322..939eaa3c4 100644 --- a/icon/ellipsis-v/index.html +++ b/icon/ellipsis-v/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/empire/index.html b/icon/empire/index.html index e166ebbf0..18d460f30 100644 --- a/icon/empire/index.html +++ b/icon/empire/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/envelope-o/index.html b/icon/envelope-o/index.html index 792c71de5..2d0416c1a 100644 --- a/icon/envelope-o/index.html +++ b/icon/envelope-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/envelope-open-o/index.html b/icon/envelope-open-o/index.html index 1c70cc81f..2670f7ab8 100644 --- a/icon/envelope-open-o/index.html +++ b/icon/envelope-open-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/envelope-open/index.html b/icon/envelope-open/index.html index bc6091a9e..c91ac9adb 100644 --- a/icon/envelope-open/index.html +++ b/icon/envelope-open/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/envelope-square/index.html b/icon/envelope-square/index.html index 54b3564e3..70fb842b7 100644 --- a/icon/envelope-square/index.html +++ b/icon/envelope-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/envelope/index.html b/icon/envelope/index.html index ffd584016..e1b5c5b9b 100644 --- a/icon/envelope/index.html +++ b/icon/envelope/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/envira/index.html b/icon/envira/index.html index 04bf061c3..e754187bd 100644 --- a/icon/envira/index.html +++ b/icon/envira/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/eraser/index.html b/icon/eraser/index.html index 0125f52ec..c3120fbc1 100644 --- a/icon/eraser/index.html +++ b/icon/eraser/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/etsy/index.html b/icon/etsy/index.html index 0c90bc515..2c17375ac 100644 --- a/icon/etsy/index.html +++ b/icon/etsy/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/eur/index.html b/icon/eur/index.html index 4cd359817..5df240cea 100644 --- a/icon/eur/index.html +++ b/icon/eur/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/exchange/index.html b/icon/exchange/index.html index a0bcadc19..62625e1b3 100644 --- a/icon/exchange/index.html +++ b/icon/exchange/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/exclamation-circle/index.html b/icon/exclamation-circle/index.html index 963b75e42..41af98989 100644 --- a/icon/exclamation-circle/index.html +++ b/icon/exclamation-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/exclamation-triangle/index.html b/icon/exclamation-triangle/index.html index 6d5c6123a..4a84d96ae 100644 --- a/icon/exclamation-triangle/index.html +++ b/icon/exclamation-triangle/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/exclamation/index.html b/icon/exclamation/index.html index cde3d6d67..567b38d82 100644 --- a/icon/exclamation/index.html +++ b/icon/exclamation/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/expand/index.html b/icon/expand/index.html index a7d0d0b64..2000ba70b 100644 --- a/icon/expand/index.html +++ b/icon/expand/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/expeditedssl/index.html b/icon/expeditedssl/index.html index d330f865e..7cffb4463 100644 --- a/icon/expeditedssl/index.html +++ b/icon/expeditedssl/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/external-link-square/index.html b/icon/external-link-square/index.html index 169062f79..4a715f688 100644 --- a/icon/external-link-square/index.html +++ b/icon/external-link-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/external-link/index.html b/icon/external-link/index.html index 2290a51f7..51efd03c9 100644 --- a/icon/external-link/index.html +++ b/icon/external-link/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/eye-slash/index.html b/icon/eye-slash/index.html index 0519ae1e0..3ce3a2617 100644 --- a/icon/eye-slash/index.html +++ b/icon/eye-slash/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/eye/index.html b/icon/eye/index.html index 0864a0485..796549c76 100644 --- a/icon/eye/index.html +++ b/icon/eye/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/eyedropper/index.html b/icon/eyedropper/index.html index 2c5fc2048..8d738d7de 100644 --- a/icon/eyedropper/index.html +++ b/icon/eyedropper/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/facebook-official/index.html b/icon/facebook-official/index.html index a764de9c7..8b49a49c6 100644 --- a/icon/facebook-official/index.html +++ b/icon/facebook-official/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/facebook-square/index.html b/icon/facebook-square/index.html index c74ff69e6..2d691d640 100644 --- a/icon/facebook-square/index.html +++ b/icon/facebook-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/facebook/index.html b/icon/facebook/index.html index b19ec3465..4ac6cc7c8 100644 --- a/icon/facebook/index.html +++ b/icon/facebook/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/fast-backward/index.html b/icon/fast-backward/index.html index 53dd13416..5e68fc1b4 100644 --- a/icon/fast-backward/index.html +++ b/icon/fast-backward/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/fast-forward/index.html b/icon/fast-forward/index.html index 64edc90e2..06334fc2d 100644 --- a/icon/fast-forward/index.html +++ b/icon/fast-forward/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/fax/index.html b/icon/fax/index.html index 74a35feca..669b1e570 100644 --- a/icon/fax/index.html +++ b/icon/fax/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/female/index.html b/icon/female/index.html index 3c5af2a95..112d95b5d 100644 --- a/icon/female/index.html +++ b/icon/female/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/fighter-jet/index.html b/icon/fighter-jet/index.html index 4b785ecb8..820fac648 100644 --- a/icon/fighter-jet/index.html +++ b/icon/fighter-jet/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-archive-o/index.html b/icon/file-archive-o/index.html index 830a2ef4e..2a6a049fd 100644 --- a/icon/file-archive-o/index.html +++ b/icon/file-archive-o/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-audio-o/index.html b/icon/file-audio-o/index.html index 796da0a71..987319e96 100644 --- a/icon/file-audio-o/index.html +++ b/icon/file-audio-o/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-code-o/index.html b/icon/file-code-o/index.html index ac24997c2..2d85eed82 100644 --- a/icon/file-code-o/index.html +++ b/icon/file-code-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-excel-o/index.html b/icon/file-excel-o/index.html index 106a3a1cf..cc98f2784 100644 --- a/icon/file-excel-o/index.html +++ b/icon/file-excel-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-image-o/index.html b/icon/file-image-o/index.html index 92b296313..7118bd151 100644 --- a/icon/file-image-o/index.html +++ b/icon/file-image-o/index.html @@ -266,21 +266,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-o/index.html b/icon/file-o/index.html index e69e9209c..cc6b7974c 100644 --- a/icon/file-o/index.html +++ b/icon/file-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-pdf-o/index.html b/icon/file-pdf-o/index.html index db9d130d2..1ba60c04f 100644 --- a/icon/file-pdf-o/index.html +++ b/icon/file-pdf-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-powerpoint-o/index.html b/icon/file-powerpoint-o/index.html index ae794f929..68ad18966 100644 --- a/icon/file-powerpoint-o/index.html +++ b/icon/file-powerpoint-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-text-o/index.html b/icon/file-text-o/index.html index 8e7e8fd10..30297ce11 100644 --- a/icon/file-text-o/index.html +++ b/icon/file-text-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-text/index.html b/icon/file-text/index.html index e6356c3e9..17e843227 100644 --- a/icon/file-text/index.html +++ b/icon/file-text/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-video-o/index.html b/icon/file-video-o/index.html index 7d839db43..80ddbb1f0 100644 --- a/icon/file-video-o/index.html +++ b/icon/file-video-o/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file-word-o/index.html b/icon/file-word-o/index.html index 8d7332b46..98074823c 100644 --- a/icon/file-word-o/index.html +++ b/icon/file-word-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/file/index.html b/icon/file/index.html index 655280c77..f33ecedbc 100644 --- a/icon/file/index.html +++ b/icon/file/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/files-o/index.html b/icon/files-o/index.html index cf0a2dabb..e132c978e 100644 --- a/icon/files-o/index.html +++ b/icon/files-o/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/film/index.html b/icon/film/index.html index f0ebb95a8..08bc09d18 100644 --- a/icon/film/index.html +++ b/icon/film/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/filter/index.html b/icon/filter/index.html index f1a1e1614..4fc979c24 100644 --- a/icon/filter/index.html +++ b/icon/filter/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/fire-extinguisher/index.html b/icon/fire-extinguisher/index.html index 73dc87431..203db6710 100644 --- a/icon/fire-extinguisher/index.html +++ b/icon/fire-extinguisher/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/fire/index.html b/icon/fire/index.html index 982be8307..e82cb2e71 100644 --- a/icon/fire/index.html +++ b/icon/fire/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/firefox/index.html b/icon/firefox/index.html index 2b3e74fce..49620fa8b 100644 --- a/icon/firefox/index.html +++ b/icon/firefox/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/first-order/index.html b/icon/first-order/index.html index f1bd8584e..8d2ba8912 100644 --- a/icon/first-order/index.html +++ b/icon/first-order/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/flag-checkered/index.html b/icon/flag-checkered/index.html index bdedafe65..db1f7fc65 100644 --- a/icon/flag-checkered/index.html +++ b/icon/flag-checkered/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/flag-o/index.html b/icon/flag-o/index.html index ff2000789..26f42712a 100644 --- a/icon/flag-o/index.html +++ b/icon/flag-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/flag/index.html b/icon/flag/index.html index 0f85bf7ed..40d7d5483 100644 --- a/icon/flag/index.html +++ b/icon/flag/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/flask/index.html b/icon/flask/index.html index 82e77993c..397589926 100644 --- a/icon/flask/index.html +++ b/icon/flask/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/flickr/index.html b/icon/flickr/index.html index 3f7bfbeaf..8cb499c64 100644 --- a/icon/flickr/index.html +++ b/icon/flickr/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/floppy-o/index.html b/icon/floppy-o/index.html index 0c646504e..f72cdddbd 100644 --- a/icon/floppy-o/index.html +++ b/icon/floppy-o/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/folder-o/index.html b/icon/folder-o/index.html index 08b441b23..20a4da40e 100644 --- a/icon/folder-o/index.html +++ b/icon/folder-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/folder-open-o/index.html b/icon/folder-open-o/index.html index af664b7c1..a710e3ed2 100644 --- a/icon/folder-open-o/index.html +++ b/icon/folder-open-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/folder-open/index.html b/icon/folder-open/index.html index 4052dfcdd..8199a8bc3 100644 --- a/icon/folder-open/index.html +++ b/icon/folder-open/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/folder/index.html b/icon/folder/index.html index 068fce4e7..a1c6210d6 100644 --- a/icon/folder/index.html +++ b/icon/folder/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/font-awesome/index.html b/icon/font-awesome/index.html index 8daef4c68..623a80471 100644 --- a/icon/font-awesome/index.html +++ b/icon/font-awesome/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/font/index.html b/icon/font/index.html index 8fe7d24c5..9eba1896b 100644 --- a/icon/font/index.html +++ b/icon/font/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/fonticons/index.html b/icon/fonticons/index.html index 746208659..36118b2bb 100644 --- a/icon/fonticons/index.html +++ b/icon/fonticons/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/fort-awesome/index.html b/icon/fort-awesome/index.html index d05f429d2..1162e8753 100644 --- a/icon/fort-awesome/index.html +++ b/icon/fort-awesome/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/forumbee/index.html b/icon/forumbee/index.html index e1eec3a03..c6e8fa6ba 100644 --- a/icon/forumbee/index.html +++ b/icon/forumbee/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/forward/index.html b/icon/forward/index.html index 4d8c250cd..9c02edaee 100644 --- a/icon/forward/index.html +++ b/icon/forward/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/foursquare/index.html b/icon/foursquare/index.html index 0d12d9129..a7d48d8a5 100644 --- a/icon/foursquare/index.html +++ b/icon/foursquare/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/free-code-camp/index.html b/icon/free-code-camp/index.html index 2430f2499..eddfda164 100644 --- a/icon/free-code-camp/index.html +++ b/icon/free-code-camp/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/frown-o/index.html b/icon/frown-o/index.html index db2604ac0..21f6cf359 100644 --- a/icon/frown-o/index.html +++ b/icon/frown-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/futbol-o/index.html b/icon/futbol-o/index.html index 658d29393..a60da897e 100644 --- a/icon/futbol-o/index.html +++ b/icon/futbol-o/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/gamepad/index.html b/icon/gamepad/index.html index aede01c48..3d3047b9f 100644 --- a/icon/gamepad/index.html +++ b/icon/gamepad/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/gavel/index.html b/icon/gavel/index.html index 824f767c2..ed77411ef 100644 --- a/icon/gavel/index.html +++ b/icon/gavel/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/gbp/index.html b/icon/gbp/index.html index f43ba654f..27a7cca63 100644 --- a/icon/gbp/index.html +++ b/icon/gbp/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/genderless/index.html b/icon/genderless/index.html index 8443c2e2c..73133b4ef 100644 --- a/icon/genderless/index.html +++ b/icon/genderless/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/get-pocket/index.html b/icon/get-pocket/index.html index 6d9aec100..95b2d440b 100644 --- a/icon/get-pocket/index.html +++ b/icon/get-pocket/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/gg-circle/index.html b/icon/gg-circle/index.html index 52e429d98..9bf64aa88 100644 --- a/icon/gg-circle/index.html +++ b/icon/gg-circle/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/gg/index.html b/icon/gg/index.html index 7f0a8f5fa..3d9d5ef55 100644 --- a/icon/gg/index.html +++ b/icon/gg/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/gift/index.html b/icon/gift/index.html index 449656e83..d50ecbdf8 100644 --- a/icon/gift/index.html +++ b/icon/gift/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/git-square/index.html b/icon/git-square/index.html index 9d3dade11..c9aff8ca3 100644 --- a/icon/git-square/index.html +++ b/icon/git-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/git/index.html b/icon/git/index.html index 5db67926a..0429a7988 100644 --- a/icon/git/index.html +++ b/icon/git/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/github-alt/index.html b/icon/github-alt/index.html index 5e15fa673..f3600c393 100644 --- a/icon/github-alt/index.html +++ b/icon/github-alt/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/github-square/index.html b/icon/github-square/index.html index c7022438d..6bb301926 100644 --- a/icon/github-square/index.html +++ b/icon/github-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/github/index.html b/icon/github/index.html index e98e7e4e7..708239b95 100644 --- a/icon/github/index.html +++ b/icon/github/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/gitlab/index.html b/icon/gitlab/index.html index caa2ce6b3..b49957283 100644 --- a/icon/gitlab/index.html +++ b/icon/gitlab/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/glass/index.html b/icon/glass/index.html index 9f42bf7f1..d95d262be 100644 --- a/icon/glass/index.html +++ b/icon/glass/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/glide-g/index.html b/icon/glide-g/index.html index 366b88852..ed242c51a 100644 --- a/icon/glide-g/index.html +++ b/icon/glide-g/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/glide/index.html b/icon/glide/index.html index ffa5978f2..4dd5e05f6 100644 --- a/icon/glide/index.html +++ b/icon/glide/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/globe/index.html b/icon/globe/index.html index e4d084e4f..9c50125cd 100644 --- a/icon/globe/index.html +++ b/icon/globe/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/google-plus-official/index.html b/icon/google-plus-official/index.html index 34eafb38f..8e4053c9b 100644 --- a/icon/google-plus-official/index.html +++ b/icon/google-plus-official/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/google-plus-square/index.html b/icon/google-plus-square/index.html index a315e8e17..69998f54f 100644 --- a/icon/google-plus-square/index.html +++ b/icon/google-plus-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/google-plus/index.html b/icon/google-plus/index.html index 7a6dd5eeb..78e75e4fb 100644 --- a/icon/google-plus/index.html +++ b/icon/google-plus/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/google-wallet/index.html b/icon/google-wallet/index.html index 6d4c95785..63e91d8b3 100644 --- a/icon/google-wallet/index.html +++ b/icon/google-wallet/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/google/index.html b/icon/google/index.html index 12dbfbebc..b276dcf5b 100644 --- a/icon/google/index.html +++ b/icon/google/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/graduation-cap/index.html b/icon/graduation-cap/index.html index cf90df0cd..2387b3f46 100644 --- a/icon/graduation-cap/index.html +++ b/icon/graduation-cap/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/gratipay/index.html b/icon/gratipay/index.html index 0efb6555e..f2981379b 100644 --- a/icon/gratipay/index.html +++ b/icon/gratipay/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/grav/index.html b/icon/grav/index.html index 8b6a90e8a..7b695685a 100644 --- a/icon/grav/index.html +++ b/icon/grav/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/h-square/index.html b/icon/h-square/index.html index 732319304..dd92b5571 100644 --- a/icon/h-square/index.html +++ b/icon/h-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hacker-news/index.html b/icon/hacker-news/index.html index b852bd1de..834fb3f95 100644 --- a/icon/hacker-news/index.html +++ b/icon/hacker-news/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-lizard-o/index.html b/icon/hand-lizard-o/index.html index 2695277db..e8c0d8fa3 100644 --- a/icon/hand-lizard-o/index.html +++ b/icon/hand-lizard-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-o-down/index.html b/icon/hand-o-down/index.html index bbf9c4606..163f67695 100644 --- a/icon/hand-o-down/index.html +++ b/icon/hand-o-down/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-o-left/index.html b/icon/hand-o-left/index.html index 92b7adc64..926b00758 100644 --- a/icon/hand-o-left/index.html +++ b/icon/hand-o-left/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-o-right/index.html b/icon/hand-o-right/index.html index d1637a48d..7adc06aab 100644 --- a/icon/hand-o-right/index.html +++ b/icon/hand-o-right/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-o-up/index.html b/icon/hand-o-up/index.html index d4f971aae..c8f24e7c0 100644 --- a/icon/hand-o-up/index.html +++ b/icon/hand-o-up/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-paper-o/index.html b/icon/hand-paper-o/index.html index 588c371ca..116799ab8 100644 --- a/icon/hand-paper-o/index.html +++ b/icon/hand-paper-o/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-peace-o/index.html b/icon/hand-peace-o/index.html index 13a9d19c2..7228b5b7f 100644 --- a/icon/hand-peace-o/index.html +++ b/icon/hand-peace-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-pointer-o/index.html b/icon/hand-pointer-o/index.html index b366a848a..3c1389c4e 100644 --- a/icon/hand-pointer-o/index.html +++ b/icon/hand-pointer-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-rock-o/index.html b/icon/hand-rock-o/index.html index 0014e0853..1c6cecdbf 100644 --- a/icon/hand-rock-o/index.html +++ b/icon/hand-rock-o/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-scissors-o/index.html b/icon/hand-scissors-o/index.html index b34f5c6e3..47a0552aa 100644 --- a/icon/hand-scissors-o/index.html +++ b/icon/hand-scissors-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hand-spock-o/index.html b/icon/hand-spock-o/index.html index 8bfced31e..abe760aee 100644 --- a/icon/hand-spock-o/index.html +++ b/icon/hand-spock-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/handshake-o/index.html b/icon/handshake-o/index.html index 24ea6d8fd..5d49a4b6f 100644 --- a/icon/handshake-o/index.html +++ b/icon/handshake-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hashtag/index.html b/icon/hashtag/index.html index 9d8ef8663..2bab4b3e4 100644 --- a/icon/hashtag/index.html +++ b/icon/hashtag/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hdd-o/index.html b/icon/hdd-o/index.html index d2ce53471..3456e8569 100644 --- a/icon/hdd-o/index.html +++ b/icon/hdd-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/header/index.html b/icon/header/index.html index 56f1ec874..86d4f6213 100644 --- a/icon/header/index.html +++ b/icon/header/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/headphones/index.html b/icon/headphones/index.html index 52508094c..c7ab00e4f 100644 --- a/icon/headphones/index.html +++ b/icon/headphones/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/heart-o/index.html b/icon/heart-o/index.html index d9018b6e5..a3d45cf0d 100644 --- a/icon/heart-o/index.html +++ b/icon/heart-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/heart/index.html b/icon/heart/index.html index e78daca9c..b55b1d6f1 100644 --- a/icon/heart/index.html +++ b/icon/heart/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/heartbeat/index.html b/icon/heartbeat/index.html index 33b4d41d0..f3ae8edea 100644 --- a/icon/heartbeat/index.html +++ b/icon/heartbeat/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/history/index.html b/icon/history/index.html index 44fb2d0f3..e50d3d391 100644 --- a/icon/history/index.html +++ b/icon/history/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/home/index.html b/icon/home/index.html index bb31484f6..5082d8c23 100644 --- a/icon/home/index.html +++ b/icon/home/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hospital-o/index.html b/icon/hospital-o/index.html index 56dde806f..66a88994e 100644 --- a/icon/hospital-o/index.html +++ b/icon/hospital-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hourglass-end/index.html b/icon/hourglass-end/index.html index 5b5438141..52b311818 100644 --- a/icon/hourglass-end/index.html +++ b/icon/hourglass-end/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hourglass-half/index.html b/icon/hourglass-half/index.html index a6e4c1d28..54440c8c8 100644 --- a/icon/hourglass-half/index.html +++ b/icon/hourglass-half/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hourglass-o/index.html b/icon/hourglass-o/index.html index 7cd7e11a5..082449831 100644 --- a/icon/hourglass-o/index.html +++ b/icon/hourglass-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hourglass-start/index.html b/icon/hourglass-start/index.html index 0fdb3b46d..0e7153073 100644 --- a/icon/hourglass-start/index.html +++ b/icon/hourglass-start/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/hourglass/index.html b/icon/hourglass/index.html index c0eb9e96a..2d8d5852c 100644 --- a/icon/hourglass/index.html +++ b/icon/hourglass/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/houzz/index.html b/icon/houzz/index.html index 2fed2319b..67abcad92 100644 --- a/icon/houzz/index.html +++ b/icon/houzz/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/html5/index.html b/icon/html5/index.html index ddbfbf57f..eec8fbc27 100644 --- a/icon/html5/index.html +++ b/icon/html5/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/i-cursor/index.html b/icon/i-cursor/index.html index 935c70c63..71ee6f3b3 100644 --- a/icon/i-cursor/index.html +++ b/icon/i-cursor/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/id-badge/index.html b/icon/id-badge/index.html index 38d460c34..b1b0b91f4 100644 --- a/icon/id-badge/index.html +++ b/icon/id-badge/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/id-card-o/index.html b/icon/id-card-o/index.html index bffa0a992..03c36474f 100644 --- a/icon/id-card-o/index.html +++ b/icon/id-card-o/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/id-card/index.html b/icon/id-card/index.html index f25b4f615..4f274515c 100644 --- a/icon/id-card/index.html +++ b/icon/id-card/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/ils/index.html b/icon/ils/index.html index 2072b13ab..e6de37a70 100644 --- a/icon/ils/index.html +++ b/icon/ils/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/imdb/index.html b/icon/imdb/index.html index 14276d3aa..27831c5da 100644 --- a/icon/imdb/index.html +++ b/icon/imdb/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/inbox/index.html b/icon/inbox/index.html index 13b4337c9..575a09031 100644 --- a/icon/inbox/index.html +++ b/icon/inbox/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/indent/index.html b/icon/indent/index.html index cde8ce628..721a6d011 100644 --- a/icon/indent/index.html +++ b/icon/indent/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/industry/index.html b/icon/industry/index.html index 95151174c..e92b3890e 100644 --- a/icon/industry/index.html +++ b/icon/industry/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/info-circle/index.html b/icon/info-circle/index.html index b7baf9617..1f20aec23 100644 --- a/icon/info-circle/index.html +++ b/icon/info-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/info/index.html b/icon/info/index.html index 283822e2d..8189c8e7f 100644 --- a/icon/info/index.html +++ b/icon/info/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/inr/index.html b/icon/inr/index.html index 4f6cd09cf..bc3ca4bba 100644 --- a/icon/inr/index.html +++ b/icon/inr/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/instagram/index.html b/icon/instagram/index.html index 56d83d124..c576ada91 100644 --- a/icon/instagram/index.html +++ b/icon/instagram/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/internet-explorer/index.html b/icon/internet-explorer/index.html index 395cde701..675593ea2 100644 --- a/icon/internet-explorer/index.html +++ b/icon/internet-explorer/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/ioxhost/index.html b/icon/ioxhost/index.html index 9fd1dc935..519f3ea44 100644 --- a/icon/ioxhost/index.html +++ b/icon/ioxhost/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/italic/index.html b/icon/italic/index.html index 3a4860f2c..43c76c4f7 100644 --- a/icon/italic/index.html +++ b/icon/italic/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/joomla/index.html b/icon/joomla/index.html index 2b1b86ff2..2edf602de 100644 --- a/icon/joomla/index.html +++ b/icon/joomla/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/jpy/index.html b/icon/jpy/index.html index 5521201e6..2203d03b6 100644 --- a/icon/jpy/index.html +++ b/icon/jpy/index.html @@ -266,21 +266,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/jsfiddle/index.html b/icon/jsfiddle/index.html index 740005e77..b8aab62e0 100644 --- a/icon/jsfiddle/index.html +++ b/icon/jsfiddle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/key/index.html b/icon/key/index.html index 45cb9c849..dfe5a0ee2 100644 --- a/icon/key/index.html +++ b/icon/key/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/keyboard-o/index.html b/icon/keyboard-o/index.html index 1724d550f..f81a50b52 100644 --- a/icon/keyboard-o/index.html +++ b/icon/keyboard-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/krw/index.html b/icon/krw/index.html index 9436e5dcf..db5ff6866 100644 --- a/icon/krw/index.html +++ b/icon/krw/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/language/index.html b/icon/language/index.html index 2fe149189..645fee09f 100644 --- a/icon/language/index.html +++ b/icon/language/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/laptop/index.html b/icon/laptop/index.html index 1cb9a25f6..b92b2134d 100644 --- a/icon/laptop/index.html +++ b/icon/laptop/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/lastfm-square/index.html b/icon/lastfm-square/index.html index 1dd8723df..8975c26aa 100644 --- a/icon/lastfm-square/index.html +++ b/icon/lastfm-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/lastfm/index.html b/icon/lastfm/index.html index e3404cbe6..e060380e2 100644 --- a/icon/lastfm/index.html +++ b/icon/lastfm/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/leaf/index.html b/icon/leaf/index.html index 2ef64d8f8..5cc9af1a7 100644 --- a/icon/leaf/index.html +++ b/icon/leaf/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/leanpub/index.html b/icon/leanpub/index.html index 7c8e58a0e..b8dcb77d4 100644 --- a/icon/leanpub/index.html +++ b/icon/leanpub/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/lemon-o/index.html b/icon/lemon-o/index.html index 4f01150b1..a81ae0ba0 100644 --- a/icon/lemon-o/index.html +++ b/icon/lemon-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/level-down/index.html b/icon/level-down/index.html index ca9f1f8f9..45c22ac64 100644 --- a/icon/level-down/index.html +++ b/icon/level-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/level-up/index.html b/icon/level-up/index.html index 70d30a140..dce69ba76 100644 --- a/icon/level-up/index.html +++ b/icon/level-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/life-ring/index.html b/icon/life-ring/index.html index d5774adf0..09957a285 100644 --- a/icon/life-ring/index.html +++ b/icon/life-ring/index.html @@ -268,21 +268,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/lightbulb-o/index.html b/icon/lightbulb-o/index.html index 668a427ed..fb697e521 100644 --- a/icon/lightbulb-o/index.html +++ b/icon/lightbulb-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/line-chart/index.html b/icon/line-chart/index.html index e0b0adede..9fbafe52f 100644 --- a/icon/line-chart/index.html +++ b/icon/line-chart/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/link/index.html b/icon/link/index.html index c7a2098c7..696d65fb3 100644 --- a/icon/link/index.html +++ b/icon/link/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/linkedin-square/index.html b/icon/linkedin-square/index.html index d2bf14859..b94a61683 100644 --- a/icon/linkedin-square/index.html +++ b/icon/linkedin-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/linkedin/index.html b/icon/linkedin/index.html index 0d06a7f3f..4f5ab5b7e 100644 --- a/icon/linkedin/index.html +++ b/icon/linkedin/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/linode/index.html b/icon/linode/index.html index 96b0be637..d00665185 100644 --- a/icon/linode/index.html +++ b/icon/linode/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/linux/index.html b/icon/linux/index.html index 580e886ee..8b54f9879 100644 --- a/icon/linux/index.html +++ b/icon/linux/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/list-alt/index.html b/icon/list-alt/index.html index 49a95ee89..63386f07c 100644 --- a/icon/list-alt/index.html +++ b/icon/list-alt/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/list-ol/index.html b/icon/list-ol/index.html index 8a64df331..37ba1540d 100644 --- a/icon/list-ol/index.html +++ b/icon/list-ol/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/list-ul/index.html b/icon/list-ul/index.html index 60df28026..ce04e044d 100644 --- a/icon/list-ul/index.html +++ b/icon/list-ul/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/list/index.html b/icon/list/index.html index a5a84962e..6799a6499 100644 --- a/icon/list/index.html +++ b/icon/list/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/location-arrow/index.html b/icon/location-arrow/index.html index ff3916117..37c3c984c 100644 --- a/icon/location-arrow/index.html +++ b/icon/location-arrow/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/lock/index.html b/icon/lock/index.html index 06115f6ad..0bddd28f3 100644 --- a/icon/lock/index.html +++ b/icon/lock/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/long-arrow-down/index.html b/icon/long-arrow-down/index.html index 78cdd23d4..5386f151b 100644 --- a/icon/long-arrow-down/index.html +++ b/icon/long-arrow-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/long-arrow-left/index.html b/icon/long-arrow-left/index.html index e132a5d55..8dcfe7c7a 100644 --- a/icon/long-arrow-left/index.html +++ b/icon/long-arrow-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/long-arrow-right/index.html b/icon/long-arrow-right/index.html index 5796aa3d6..f7cd6fda1 100644 --- a/icon/long-arrow-right/index.html +++ b/icon/long-arrow-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/long-arrow-up/index.html b/icon/long-arrow-up/index.html index 0e5bb0efa..fc1fc8a5e 100644 --- a/icon/long-arrow-up/index.html +++ b/icon/long-arrow-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/low-vision/index.html b/icon/low-vision/index.html index 6283fbd60..6e0d86fb4 100644 --- a/icon/low-vision/index.html +++ b/icon/low-vision/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/magic/index.html b/icon/magic/index.html index 740a3edfc..16476b86d 100644 --- a/icon/magic/index.html +++ b/icon/magic/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/magnet/index.html b/icon/magnet/index.html index d3750caf9..b9b7e42bb 100644 --- a/icon/magnet/index.html +++ b/icon/magnet/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/male/index.html b/icon/male/index.html index 394c0863d..a9e67e8c9 100644 --- a/icon/male/index.html +++ b/icon/male/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/map-marker/index.html b/icon/map-marker/index.html index 8b6485a2e..5db4a3e18 100644 --- a/icon/map-marker/index.html +++ b/icon/map-marker/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/map-o/index.html b/icon/map-o/index.html index 83d4ec544..e2b1e3bdc 100644 --- a/icon/map-o/index.html +++ b/icon/map-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/map-pin/index.html b/icon/map-pin/index.html index b9919c483..0e0e54385 100644 --- a/icon/map-pin/index.html +++ b/icon/map-pin/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/map-signs/index.html b/icon/map-signs/index.html index 9b0416c2e..ee3276899 100644 --- a/icon/map-signs/index.html +++ b/icon/map-signs/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/map/index.html b/icon/map/index.html index a8d5ad51c..6d6c4ae7b 100644 --- a/icon/map/index.html +++ b/icon/map/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/mars-double/index.html b/icon/mars-double/index.html index f6663e24f..92db717cf 100644 --- a/icon/mars-double/index.html +++ b/icon/mars-double/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/mars-stroke-h/index.html b/icon/mars-stroke-h/index.html index ccaaa1451..0b97ae55b 100644 --- a/icon/mars-stroke-h/index.html +++ b/icon/mars-stroke-h/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/mars-stroke-v/index.html b/icon/mars-stroke-v/index.html index afb65cc55..b7cb39815 100644 --- a/icon/mars-stroke-v/index.html +++ b/icon/mars-stroke-v/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/mars-stroke/index.html b/icon/mars-stroke/index.html index d9254847d..acb6741ed 100644 --- a/icon/mars-stroke/index.html +++ b/icon/mars-stroke/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/mars/index.html b/icon/mars/index.html index 3bc546974..3b3e67e1f 100644 --- a/icon/mars/index.html +++ b/icon/mars/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/maxcdn/index.html b/icon/maxcdn/index.html index 4935bfdff..9949f4d35 100644 --- a/icon/maxcdn/index.html +++ b/icon/maxcdn/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/meanpath/index.html b/icon/meanpath/index.html index a1c6a3d60..95372cabe 100644 --- a/icon/meanpath/index.html +++ b/icon/meanpath/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/medium/index.html b/icon/medium/index.html index 5202ffd32..56c5edf17 100644 --- a/icon/medium/index.html +++ b/icon/medium/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/medkit/index.html b/icon/medkit/index.html index 661b2baae..a524b7bd0 100644 --- a/icon/medkit/index.html +++ b/icon/medkit/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/meetup/index.html b/icon/meetup/index.html index d2e0600db..85898c683 100644 --- a/icon/meetup/index.html +++ b/icon/meetup/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/meh-o/index.html b/icon/meh-o/index.html index f1f10c866..b20e7f257 100644 --- a/icon/meh-o/index.html +++ b/icon/meh-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/mercury/index.html b/icon/mercury/index.html index 8b847ab47..2a0e75358 100644 --- a/icon/mercury/index.html +++ b/icon/mercury/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/microchip/index.html b/icon/microchip/index.html index 7305bea60..817071b77 100644 --- a/icon/microchip/index.html +++ b/icon/microchip/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/microphone-slash/index.html b/icon/microphone-slash/index.html index 439264dec..a0af178c2 100644 --- a/icon/microphone-slash/index.html +++ b/icon/microphone-slash/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/microphone/index.html b/icon/microphone/index.html index 08a69341a..eedfff673 100644 --- a/icon/microphone/index.html +++ b/icon/microphone/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/minus-circle/index.html b/icon/minus-circle/index.html index 67db87556..856306fe8 100644 --- a/icon/minus-circle/index.html +++ b/icon/minus-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/minus-square-o/index.html b/icon/minus-square-o/index.html index 142d78678..d4f87cfbd 100644 --- a/icon/minus-square-o/index.html +++ b/icon/minus-square-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/minus-square/index.html b/icon/minus-square/index.html index 4c2710e9f..6131d6afe 100644 --- a/icon/minus-square/index.html +++ b/icon/minus-square/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/minus/index.html b/icon/minus/index.html index 17138b23a..c34a04005 100644 --- a/icon/minus/index.html +++ b/icon/minus/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/mixcloud/index.html b/icon/mixcloud/index.html index e03b6251b..220bc7d0a 100644 --- a/icon/mixcloud/index.html +++ b/icon/mixcloud/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/mobile/index.html b/icon/mobile/index.html index 516c8a937..c44a89443 100644 --- a/icon/mobile/index.html +++ b/icon/mobile/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/modx/index.html b/icon/modx/index.html index c38e2970a..e4efd06d6 100644 --- a/icon/modx/index.html +++ b/icon/modx/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/money/index.html b/icon/money/index.html index 5e3d0bd1e..a8cee153e 100644 --- a/icon/money/index.html +++ b/icon/money/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/moon-o/index.html b/icon/moon-o/index.html index 107f9413d..b8cf4e278 100644 --- a/icon/moon-o/index.html +++ b/icon/moon-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/motorcycle/index.html b/icon/motorcycle/index.html index ab5aa9f24..97cc972d2 100644 --- a/icon/motorcycle/index.html +++ b/icon/motorcycle/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/mouse-pointer/index.html b/icon/mouse-pointer/index.html index fdf4db87a..00429bf74 100644 --- a/icon/mouse-pointer/index.html +++ b/icon/mouse-pointer/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/music/index.html b/icon/music/index.html index 197a636cc..27d3b383f 100644 --- a/icon/music/index.html +++ b/icon/music/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/neuter/index.html b/icon/neuter/index.html index c0ab242c9..7e94e4789 100644 --- a/icon/neuter/index.html +++ b/icon/neuter/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/newspaper-o/index.html b/icon/newspaper-o/index.html index 1f0222bbe..90c6b9c4e 100644 --- a/icon/newspaper-o/index.html +++ b/icon/newspaper-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/object-group/index.html b/icon/object-group/index.html index 8ee248d2b..22aa7e553 100644 --- a/icon/object-group/index.html +++ b/icon/object-group/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/object-ungroup/index.html b/icon/object-ungroup/index.html index 1c3e3bf72..3a60ac433 100644 --- a/icon/object-ungroup/index.html +++ b/icon/object-ungroup/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/odnoklassniki-square/index.html b/icon/odnoklassniki-square/index.html index a9fcc0bd6..e501298b9 100644 --- a/icon/odnoklassniki-square/index.html +++ b/icon/odnoklassniki-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/odnoklassniki/index.html b/icon/odnoklassniki/index.html index 3881cf6f7..52bb8ce7b 100644 --- a/icon/odnoklassniki/index.html +++ b/icon/odnoklassniki/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/opencart/index.html b/icon/opencart/index.html index 06b4e85bd..36b9854e5 100644 --- a/icon/opencart/index.html +++ b/icon/opencart/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/openid/index.html b/icon/openid/index.html index 14669e975..577edb34d 100644 --- a/icon/openid/index.html +++ b/icon/openid/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/opera/index.html b/icon/opera/index.html index 1ef51f96d..26ddde430 100644 --- a/icon/opera/index.html +++ b/icon/opera/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/optin-monster/index.html b/icon/optin-monster/index.html index 4a4a9eb18..05695f306 100644 --- a/icon/optin-monster/index.html +++ b/icon/optin-monster/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/outdent/index.html b/icon/outdent/index.html index 4a215fc9a..86ed966f5 100644 --- a/icon/outdent/index.html +++ b/icon/outdent/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pagelines/index.html b/icon/pagelines/index.html index 4bb518fa2..125f89313 100644 --- a/icon/pagelines/index.html +++ b/icon/pagelines/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/paint-brush/index.html b/icon/paint-brush/index.html index 782e76124..b8bc4054d 100644 --- a/icon/paint-brush/index.html +++ b/icon/paint-brush/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/paper-plane-o/index.html b/icon/paper-plane-o/index.html index 73f316466..65d479fda 100644 --- a/icon/paper-plane-o/index.html +++ b/icon/paper-plane-o/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/paper-plane/index.html b/icon/paper-plane/index.html index 08ab3ba50..dec0ef2f1 100644 --- a/icon/paper-plane/index.html +++ b/icon/paper-plane/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/paperclip/index.html b/icon/paperclip/index.html index 9052334a8..82d8e181e 100644 --- a/icon/paperclip/index.html +++ b/icon/paperclip/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/paragraph/index.html b/icon/paragraph/index.html index 400edaffe..d82efef5f 100644 --- a/icon/paragraph/index.html +++ b/icon/paragraph/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pause-circle-o/index.html b/icon/pause-circle-o/index.html index 9c94bc03e..6f3911c55 100644 --- a/icon/pause-circle-o/index.html +++ b/icon/pause-circle-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pause-circle/index.html b/icon/pause-circle/index.html index ddc3334dc..8a96fd49a 100644 --- a/icon/pause-circle/index.html +++ b/icon/pause-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pause/index.html b/icon/pause/index.html index f27a97b31..94b8c850d 100644 --- a/icon/pause/index.html +++ b/icon/pause/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/paw/index.html b/icon/paw/index.html index 8152ad7b2..bbc6829bd 100644 --- a/icon/paw/index.html +++ b/icon/paw/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/paypal/index.html b/icon/paypal/index.html index 6d4c1e14e..efdd78f38 100644 --- a/icon/paypal/index.html +++ b/icon/paypal/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pencil-square-o/index.html b/icon/pencil-square-o/index.html index a8d313587..230d1cf98 100644 --- a/icon/pencil-square-o/index.html +++ b/icon/pencil-square-o/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pencil-square/index.html b/icon/pencil-square/index.html index 041513a87..8d5fb5b91 100644 --- a/icon/pencil-square/index.html +++ b/icon/pencil-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pencil/index.html b/icon/pencil/index.html index 5c4a97fbf..44e30a7de 100644 --- a/icon/pencil/index.html +++ b/icon/pencil/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/percent/index.html b/icon/percent/index.html index 7d90c8d3e..7300cb469 100644 --- a/icon/percent/index.html +++ b/icon/percent/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/phone-square/index.html b/icon/phone-square/index.html index a47ce25c4..2fc714403 100644 --- a/icon/phone-square/index.html +++ b/icon/phone-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/phone/index.html b/icon/phone/index.html index a5cc911ba..f5e870974 100644 --- a/icon/phone/index.html +++ b/icon/phone/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/picture-o/index.html b/icon/picture-o/index.html index 2eaafd83c..cb7072e36 100644 --- a/icon/picture-o/index.html +++ b/icon/picture-o/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pie-chart/index.html b/icon/pie-chart/index.html index 25470382b..3558614f3 100644 --- a/icon/pie-chart/index.html +++ b/icon/pie-chart/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pied-piper-alt/index.html b/icon/pied-piper-alt/index.html index 4032eb3c0..bf0159f8b 100644 --- a/icon/pied-piper-alt/index.html +++ b/icon/pied-piper-alt/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pied-piper-pp/index.html b/icon/pied-piper-pp/index.html index bbd4067f8..dbbdf30f9 100644 --- a/icon/pied-piper-pp/index.html +++ b/icon/pied-piper-pp/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pied-piper/index.html b/icon/pied-piper/index.html index 8c2d30bd6..5a7acf066 100644 --- a/icon/pied-piper/index.html +++ b/icon/pied-piper/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pinterest-p/index.html b/icon/pinterest-p/index.html index 4ff6acbc3..0f67e20ed 100644 --- a/icon/pinterest-p/index.html +++ b/icon/pinterest-p/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pinterest-square/index.html b/icon/pinterest-square/index.html index 2c10b74a6..6e4c52a08 100644 --- a/icon/pinterest-square/index.html +++ b/icon/pinterest-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/pinterest/index.html b/icon/pinterest/index.html index 862ca1f60..f9ca2a25b 100644 --- a/icon/pinterest/index.html +++ b/icon/pinterest/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/plane/index.html b/icon/plane/index.html index 521fa2634..499b962a6 100644 --- a/icon/plane/index.html +++ b/icon/plane/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/play-circle-o/index.html b/icon/play-circle-o/index.html index 9b62748ed..c4fde5898 100644 --- a/icon/play-circle-o/index.html +++ b/icon/play-circle-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/play-circle/index.html b/icon/play-circle/index.html index f832b4a79..21ef1037d 100644 --- a/icon/play-circle/index.html +++ b/icon/play-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/play/index.html b/icon/play/index.html index 89a0b921c..b917f8c65 100644 --- a/icon/play/index.html +++ b/icon/play/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/plug/index.html b/icon/plug/index.html index 6b4f4b36a..efe886ac2 100644 --- a/icon/plug/index.html +++ b/icon/plug/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/plus-circle/index.html b/icon/plus-circle/index.html index 38f979e71..2d216e07d 100644 --- a/icon/plus-circle/index.html +++ b/icon/plus-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/plus-square-o/index.html b/icon/plus-square-o/index.html index 71821f1cc..3ea996abf 100644 --- a/icon/plus-square-o/index.html +++ b/icon/plus-square-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/plus-square/index.html b/icon/plus-square/index.html index 4a15b10ae..41ff08e8e 100644 --- a/icon/plus-square/index.html +++ b/icon/plus-square/index.html @@ -261,21 +261,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/plus/index.html b/icon/plus/index.html index d8d748d26..b80bea329 100644 --- a/icon/plus/index.html +++ b/icon/plus/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/podcast/index.html b/icon/podcast/index.html index 170880e70..69c3dbe6c 100644 --- a/icon/podcast/index.html +++ b/icon/podcast/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/power-off/index.html b/icon/power-off/index.html index 452436dab..abd8f8ce7 100644 --- a/icon/power-off/index.html +++ b/icon/power-off/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/print/index.html b/icon/print/index.html index 6145282ba..8d8a0dc65 100644 --- a/icon/print/index.html +++ b/icon/print/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/product-hunt/index.html b/icon/product-hunt/index.html index b20db08d0..5381f02bc 100644 --- a/icon/product-hunt/index.html +++ b/icon/product-hunt/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/puzzle-piece/index.html b/icon/puzzle-piece/index.html index 71434032e..e6c3f6d26 100644 --- a/icon/puzzle-piece/index.html +++ b/icon/puzzle-piece/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/qq/index.html b/icon/qq/index.html index d39a1cd48..7b8f9371f 100644 --- a/icon/qq/index.html +++ b/icon/qq/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/qrcode/index.html b/icon/qrcode/index.html index d17fb5258..eb77c6bef 100644 --- a/icon/qrcode/index.html +++ b/icon/qrcode/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/question-circle-o/index.html b/icon/question-circle-o/index.html index 5795068c9..985332069 100644 --- a/icon/question-circle-o/index.html +++ b/icon/question-circle-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/question-circle/index.html b/icon/question-circle/index.html index e8c4eaef3..3a8b11531 100644 --- a/icon/question-circle/index.html +++ b/icon/question-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/question/index.html b/icon/question/index.html index c3e8ebcc9..128929687 100644 --- a/icon/question/index.html +++ b/icon/question/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/quora/index.html b/icon/quora/index.html index ac34f8da3..61fa467f3 100644 --- a/icon/quora/index.html +++ b/icon/quora/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/quote-left/index.html b/icon/quote-left/index.html index d266227de..caf389fcb 100644 --- a/icon/quote-left/index.html +++ b/icon/quote-left/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/quote-right/index.html b/icon/quote-right/index.html index 70f7c2a24..75c5f420f 100644 --- a/icon/quote-right/index.html +++ b/icon/quote-right/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/random/index.html b/icon/random/index.html index 5d26777dc..cec88b36c 100644 --- a/icon/random/index.html +++ b/icon/random/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/ravelry/index.html b/icon/ravelry/index.html index 93edaefd0..5342f8438 100644 --- a/icon/ravelry/index.html +++ b/icon/ravelry/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/rebel/index.html b/icon/rebel/index.html index b8774a2d2..e169c7858 100644 --- a/icon/rebel/index.html +++ b/icon/rebel/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/recycle/index.html b/icon/recycle/index.html index 84a0f3e29..6e3fd228d 100644 --- a/icon/recycle/index.html +++ b/icon/recycle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/reddit-alien/index.html b/icon/reddit-alien/index.html index e8027f9b5..85edc5fc2 100644 --- a/icon/reddit-alien/index.html +++ b/icon/reddit-alien/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/reddit-square/index.html b/icon/reddit-square/index.html index 9766e32c3..43df64fa0 100644 --- a/icon/reddit-square/index.html +++ b/icon/reddit-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/reddit/index.html b/icon/reddit/index.html index 7da177f91..95c966b96 100644 --- a/icon/reddit/index.html +++ b/icon/reddit/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/refresh/index.html b/icon/refresh/index.html index 6022b2b8c..f5f54f22c 100644 --- a/icon/refresh/index.html +++ b/icon/refresh/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/registered/index.html b/icon/registered/index.html index 75f04ea89..35cef8b5a 100644 --- a/icon/registered/index.html +++ b/icon/registered/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/renren/index.html b/icon/renren/index.html index fb4ae876e..bbaa997ac 100644 --- a/icon/renren/index.html +++ b/icon/renren/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/repeat/index.html b/icon/repeat/index.html index 8afeefd0b..41652a0bd 100644 --- a/icon/repeat/index.html +++ b/icon/repeat/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/reply-all/index.html b/icon/reply-all/index.html index ef75287df..f4d453b41 100644 --- a/icon/reply-all/index.html +++ b/icon/reply-all/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/reply/index.html b/icon/reply/index.html index 2ca340910..882389513 100644 --- a/icon/reply/index.html +++ b/icon/reply/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/retweet/index.html b/icon/retweet/index.html index 6c2079739..bb2d10997 100644 --- a/icon/retweet/index.html +++ b/icon/retweet/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/road/index.html b/icon/road/index.html index bb746f68b..87303b9ea 100644 --- a/icon/road/index.html +++ b/icon/road/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/rocket/index.html b/icon/rocket/index.html index 4110c9e54..279d727b9 100644 --- a/icon/rocket/index.html +++ b/icon/rocket/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/rss-square/index.html b/icon/rss-square/index.html index 5f2add950..ffc0a6546 100644 --- a/icon/rss-square/index.html +++ b/icon/rss-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/rss/index.html b/icon/rss/index.html index 2afc48aee..4b4d7a59c 100644 --- a/icon/rss/index.html +++ b/icon/rss/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/rub/index.html b/icon/rub/index.html index 179221a5c..0cbfb0825 100644 --- a/icon/rub/index.html +++ b/icon/rub/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/safari/index.html b/icon/safari/index.html index 41c079c4e..9b0355d76 100644 --- a/icon/safari/index.html +++ b/icon/safari/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/scissors/index.html b/icon/scissors/index.html index be8a26ee3..028eb51f5 100644 --- a/icon/scissors/index.html +++ b/icon/scissors/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/scribd/index.html b/icon/scribd/index.html index ea340dd6e..499e47147 100644 --- a/icon/scribd/index.html +++ b/icon/scribd/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/search-minus/index.html b/icon/search-minus/index.html index 6e2748c07..6582d8c5c 100644 --- a/icon/search-minus/index.html +++ b/icon/search-minus/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/search-plus/index.html b/icon/search-plus/index.html index 17c19f74f..e30503806 100644 --- a/icon/search-plus/index.html +++ b/icon/search-plus/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/search/index.html b/icon/search/index.html index ed90ba240..87041ec52 100644 --- a/icon/search/index.html +++ b/icon/search/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sellsy/index.html b/icon/sellsy/index.html index 7ee1ba75d..c946f36f2 100644 --- a/icon/sellsy/index.html +++ b/icon/sellsy/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/server/index.html b/icon/server/index.html index 436ef7bba..245f86f51 100644 --- a/icon/server/index.html +++ b/icon/server/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/share-alt-square/index.html b/icon/share-alt-square/index.html index 0aedb72eb..535c58ba4 100644 --- a/icon/share-alt-square/index.html +++ b/icon/share-alt-square/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/share-alt/index.html b/icon/share-alt/index.html index 83abf187b..d034f693d 100644 --- a/icon/share-alt/index.html +++ b/icon/share-alt/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/share-square-o/index.html b/icon/share-square-o/index.html index d7076676a..acca26765 100644 --- a/icon/share-square-o/index.html +++ b/icon/share-square-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/share-square/index.html b/icon/share-square/index.html index d0c6fd9bb..d0f37a33f 100644 --- a/icon/share-square/index.html +++ b/icon/share-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/share/index.html b/icon/share/index.html index 87d24bc68..2b26a6285 100644 --- a/icon/share/index.html +++ b/icon/share/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/shield/index.html b/icon/shield/index.html index fa9240f67..4b68402c4 100644 --- a/icon/shield/index.html +++ b/icon/shield/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/ship/index.html b/icon/ship/index.html index cfc47923f..4eb8b08f8 100644 --- a/icon/ship/index.html +++ b/icon/ship/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/shirtsinbulk/index.html b/icon/shirtsinbulk/index.html index bba61efd9..75768955c 100644 --- a/icon/shirtsinbulk/index.html +++ b/icon/shirtsinbulk/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/shopping-bag/index.html b/icon/shopping-bag/index.html index 813a6811a..8d431326e 100644 --- a/icon/shopping-bag/index.html +++ b/icon/shopping-bag/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/shopping-basket/index.html b/icon/shopping-basket/index.html index 9b5f78326..a5b82ce0d 100644 --- a/icon/shopping-basket/index.html +++ b/icon/shopping-basket/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/shopping-cart/index.html b/icon/shopping-cart/index.html index f4bf5337b..21d2d1052 100644 --- a/icon/shopping-cart/index.html +++ b/icon/shopping-cart/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/shower/index.html b/icon/shower/index.html index 0ddff457d..0a04f168f 100644 --- a/icon/shower/index.html +++ b/icon/shower/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sign-in/index.html b/icon/sign-in/index.html index a58892107..05a3bedb7 100644 --- a/icon/sign-in/index.html +++ b/icon/sign-in/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sign-language/index.html b/icon/sign-language/index.html index 373ce2a75..837dae3fa 100644 --- a/icon/sign-language/index.html +++ b/icon/sign-language/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sign-out/index.html b/icon/sign-out/index.html index afcab43b8..f8f7d00b2 100644 --- a/icon/sign-out/index.html +++ b/icon/sign-out/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/signal/index.html b/icon/signal/index.html index cf9be24f0..27028cc2d 100644 --- a/icon/signal/index.html +++ b/icon/signal/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/simplybuilt/index.html b/icon/simplybuilt/index.html index 8487468cb..db8641ab3 100644 --- a/icon/simplybuilt/index.html +++ b/icon/simplybuilt/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sitemap/index.html b/icon/sitemap/index.html index 1606ab385..9f327f40e 100644 --- a/icon/sitemap/index.html +++ b/icon/sitemap/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/skyatlas/index.html b/icon/skyatlas/index.html index f0f89e5a9..22a7393fa 100644 --- a/icon/skyatlas/index.html +++ b/icon/skyatlas/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/skype/index.html b/icon/skype/index.html index f73143767..dd190adde 100644 --- a/icon/skype/index.html +++ b/icon/skype/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/slack/index.html b/icon/slack/index.html index f330eac5b..37d5a33e7 100644 --- a/icon/slack/index.html +++ b/icon/slack/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sliders/index.html b/icon/sliders/index.html index 8cff5a864..61d355e19 100644 --- a/icon/sliders/index.html +++ b/icon/sliders/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/slideshare/index.html b/icon/slideshare/index.html index 0782d3009..38c2a2ab5 100644 --- a/icon/slideshare/index.html +++ b/icon/slideshare/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/smile-o/index.html b/icon/smile-o/index.html index 097ad93a6..21259f256 100644 --- a/icon/smile-o/index.html +++ b/icon/smile-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/snapchat-ghost/index.html b/icon/snapchat-ghost/index.html index 1b96844bc..0d7b6ac98 100644 --- a/icon/snapchat-ghost/index.html +++ b/icon/snapchat-ghost/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/snapchat-square/index.html b/icon/snapchat-square/index.html index 2d36f10eb..b43271edc 100644 --- a/icon/snapchat-square/index.html +++ b/icon/snapchat-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/snapchat/index.html b/icon/snapchat/index.html index 89489ae1a..1b23f7d9a 100644 --- a/icon/snapchat/index.html +++ b/icon/snapchat/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/snowflake-o/index.html b/icon/snowflake-o/index.html index 15a682b9e..ef1d73d27 100644 --- a/icon/snowflake-o/index.html +++ b/icon/snowflake-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sort-alpha-asc/index.html b/icon/sort-alpha-asc/index.html index e0a500583..672285e88 100644 --- a/icon/sort-alpha-asc/index.html +++ b/icon/sort-alpha-asc/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sort-alpha-desc/index.html b/icon/sort-alpha-desc/index.html index 72578184b..9609bd2ed 100644 --- a/icon/sort-alpha-desc/index.html +++ b/icon/sort-alpha-desc/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sort-amount-asc/index.html b/icon/sort-amount-asc/index.html index a5580c4ee..1ecfc9652 100644 --- a/icon/sort-amount-asc/index.html +++ b/icon/sort-amount-asc/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sort-amount-desc/index.html b/icon/sort-amount-desc/index.html index 2ed01be38..2d4d66366 100644 --- a/icon/sort-amount-desc/index.html +++ b/icon/sort-amount-desc/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sort-asc/index.html b/icon/sort-asc/index.html index aaebeb109..4867191e0 100644 --- a/icon/sort-asc/index.html +++ b/icon/sort-asc/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sort-desc/index.html b/icon/sort-desc/index.html index d5d5e085a..62d82fa95 100644 --- a/icon/sort-desc/index.html +++ b/icon/sort-desc/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sort-numeric-asc/index.html b/icon/sort-numeric-asc/index.html index 1ceb0bb7a..ffe704eee 100644 --- a/icon/sort-numeric-asc/index.html +++ b/icon/sort-numeric-asc/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sort-numeric-desc/index.html b/icon/sort-numeric-desc/index.html index e40273fff..1945e8612 100644 --- a/icon/sort-numeric-desc/index.html +++ b/icon/sort-numeric-desc/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sort/index.html b/icon/sort/index.html index ba409670b..9648242f8 100644 --- a/icon/sort/index.html +++ b/icon/sort/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/soundcloud/index.html b/icon/soundcloud/index.html index e534dd553..ea1ebc9b0 100644 --- a/icon/soundcloud/index.html +++ b/icon/soundcloud/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/space-shuttle/index.html b/icon/space-shuttle/index.html index 64b10a16d..2a5841422 100644 --- a/icon/space-shuttle/index.html +++ b/icon/space-shuttle/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/spinner/index.html b/icon/spinner/index.html index d4da0dfdb..9e018689f 100644 --- a/icon/spinner/index.html +++ b/icon/spinner/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/spoon/index.html b/icon/spoon/index.html index 61052c7f7..9c6dd5d09 100644 --- a/icon/spoon/index.html +++ b/icon/spoon/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/spotify/index.html b/icon/spotify/index.html index 5a0f21ffc..fdc39fc03 100644 --- a/icon/spotify/index.html +++ b/icon/spotify/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/square-o/index.html b/icon/square-o/index.html index 945f73aaa..7b73fefa5 100644 --- a/icon/square-o/index.html +++ b/icon/square-o/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/square/index.html b/icon/square/index.html index 424b1b273..689846bdc 100644 --- a/icon/square/index.html +++ b/icon/square/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/stack-exchange/index.html b/icon/stack-exchange/index.html index b26b4e3f6..3fd479a55 100644 --- a/icon/stack-exchange/index.html +++ b/icon/stack-exchange/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/stack-overflow/index.html b/icon/stack-overflow/index.html index efe52045e..78e630513 100644 --- a/icon/stack-overflow/index.html +++ b/icon/stack-overflow/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/star-half-o/index.html b/icon/star-half-o/index.html index aad980110..0d487f9f7 100644 --- a/icon/star-half-o/index.html +++ b/icon/star-half-o/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/star-half/index.html b/icon/star-half/index.html index 743b46065..57c914b43 100644 --- a/icon/star-half/index.html +++ b/icon/star-half/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/star-o/index.html b/icon/star-o/index.html index a04ba0863..49da1325d 100644 --- a/icon/star-o/index.html +++ b/icon/star-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/star/index.html b/icon/star/index.html index 3018ea069..ff2503ddf 100644 --- a/icon/star/index.html +++ b/icon/star/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/steam-square/index.html b/icon/steam-square/index.html index 1a84fc39e..b32cb09fb 100644 --- a/icon/steam-square/index.html +++ b/icon/steam-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/steam/index.html b/icon/steam/index.html index ed8e5eea6..2a8cfd71c 100644 --- a/icon/steam/index.html +++ b/icon/steam/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/step-backward/index.html b/icon/step-backward/index.html index 3f5f27c93..19343065e 100644 --- a/icon/step-backward/index.html +++ b/icon/step-backward/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/step-forward/index.html b/icon/step-forward/index.html index f08c9d24b..23c518e76 100644 --- a/icon/step-forward/index.html +++ b/icon/step-forward/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/stethoscope/index.html b/icon/stethoscope/index.html index a84298aa9..b3f426ba0 100644 --- a/icon/stethoscope/index.html +++ b/icon/stethoscope/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sticky-note-o/index.html b/icon/sticky-note-o/index.html index 44ae2aeec..393562681 100644 --- a/icon/sticky-note-o/index.html +++ b/icon/sticky-note-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sticky-note/index.html b/icon/sticky-note/index.html index 94a4df6e1..2a01d2b72 100644 --- a/icon/sticky-note/index.html +++ b/icon/sticky-note/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/stop-circle-o/index.html b/icon/stop-circle-o/index.html index 7d50bf4ed..76d110eea 100644 --- a/icon/stop-circle-o/index.html +++ b/icon/stop-circle-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/stop-circle/index.html b/icon/stop-circle/index.html index 823832170..851e7467a 100644 --- a/icon/stop-circle/index.html +++ b/icon/stop-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/stop/index.html b/icon/stop/index.html index 909edbf2c..9c93fe05c 100644 --- a/icon/stop/index.html +++ b/icon/stop/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/street-view/index.html b/icon/street-view/index.html index 959ff8448..97ac2f180 100644 --- a/icon/street-view/index.html +++ b/icon/street-view/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/strikethrough/index.html b/icon/strikethrough/index.html index 7604963a3..a74437256 100644 --- a/icon/strikethrough/index.html +++ b/icon/strikethrough/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/stumbleupon-circle/index.html b/icon/stumbleupon-circle/index.html index 0c0b216e0..adcbb9e39 100644 --- a/icon/stumbleupon-circle/index.html +++ b/icon/stumbleupon-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/stumbleupon/index.html b/icon/stumbleupon/index.html index 77be8fa35..f7a3f35ce 100644 --- a/icon/stumbleupon/index.html +++ b/icon/stumbleupon/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/subscript/index.html b/icon/subscript/index.html index 35099be98..d5565563b 100644 --- a/icon/subscript/index.html +++ b/icon/subscript/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/subway/index.html b/icon/subway/index.html index d3515ec8d..16789c4ba 100644 --- a/icon/subway/index.html +++ b/icon/subway/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/suitcase/index.html b/icon/suitcase/index.html index 1bc33630a..8045a3449 100644 --- a/icon/suitcase/index.html +++ b/icon/suitcase/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/sun-o/index.html b/icon/sun-o/index.html index 3b86bb6f5..54b6a45e2 100644 --- a/icon/sun-o/index.html +++ b/icon/sun-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/superpowers/index.html b/icon/superpowers/index.html index 5608f3d90..d121438c7 100644 --- a/icon/superpowers/index.html +++ b/icon/superpowers/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/superscript/index.html b/icon/superscript/index.html index 7e72ce637..1b51615ea 100644 --- a/icon/superscript/index.html +++ b/icon/superscript/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/table/index.html b/icon/table/index.html index b81598287..4a4a3ccc3 100644 --- a/icon/table/index.html +++ b/icon/table/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tablet/index.html b/icon/tablet/index.html index 93d0b2867..16c083db7 100644 --- a/icon/tablet/index.html +++ b/icon/tablet/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tachometer/index.html b/icon/tachometer/index.html index d68c15b31..36ff9ca57 100644 --- a/icon/tachometer/index.html +++ b/icon/tachometer/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tag/index.html b/icon/tag/index.html index 404ee6428..bb6efc53c 100644 --- a/icon/tag/index.html +++ b/icon/tag/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tags/index.html b/icon/tags/index.html index e0243416e..949d91ffd 100644 --- a/icon/tags/index.html +++ b/icon/tags/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tasks/index.html b/icon/tasks/index.html index 31218c8fb..16aef46c5 100644 --- a/icon/tasks/index.html +++ b/icon/tasks/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/taxi/index.html b/icon/taxi/index.html index 748d484c4..3bc542310 100644 --- a/icon/taxi/index.html +++ b/icon/taxi/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/telegram/index.html b/icon/telegram/index.html index 3168012b1..0f92ec05e 100644 --- a/icon/telegram/index.html +++ b/icon/telegram/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/television/index.html b/icon/television/index.html index 071e375d6..0b80edbf4 100644 --- a/icon/television/index.html +++ b/icon/television/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tencent-weibo/index.html b/icon/tencent-weibo/index.html index 2abe84b32..00f9bad50 100644 --- a/icon/tencent-weibo/index.html +++ b/icon/tencent-weibo/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/terminal/index.html b/icon/terminal/index.html index 8d28b915b..044e5d0bd 100644 --- a/icon/terminal/index.html +++ b/icon/terminal/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/text-height/index.html b/icon/text-height/index.html index 94c5e268a..0bf7cb931 100644 --- a/icon/text-height/index.html +++ b/icon/text-height/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/text-width/index.html b/icon/text-width/index.html index d351cdeca..f92ff62ed 100644 --- a/icon/text-width/index.html +++ b/icon/text-width/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/th-large/index.html b/icon/th-large/index.html index 76b32bfac..1b466687d 100644 --- a/icon/th-large/index.html +++ b/icon/th-large/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/th-list/index.html b/icon/th-list/index.html index 73ac7737c..6911b2f1b 100644 --- a/icon/th-list/index.html +++ b/icon/th-list/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/th/index.html b/icon/th/index.html index 0d5bb8c3c..80d31aea5 100644 --- a/icon/th/index.html +++ b/icon/th/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/themeisle/index.html b/icon/themeisle/index.html index 47d1fb67d..90f3fa740 100644 --- a/icon/themeisle/index.html +++ b/icon/themeisle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thermometer-empty/index.html b/icon/thermometer-empty/index.html index e662d6054..2f2345e86 100644 --- a/icon/thermometer-empty/index.html +++ b/icon/thermometer-empty/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thermometer-full/index.html b/icon/thermometer-full/index.html index 04b52f22e..45b413519 100644 --- a/icon/thermometer-full/index.html +++ b/icon/thermometer-full/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thermometer-half/index.html b/icon/thermometer-half/index.html index 7cfcd8b96..c41eaf6fd 100644 --- a/icon/thermometer-half/index.html +++ b/icon/thermometer-half/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thermometer-quarter/index.html b/icon/thermometer-quarter/index.html index f1830f604..c259b2188 100644 --- a/icon/thermometer-quarter/index.html +++ b/icon/thermometer-quarter/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thermometer-three-quarters/index.html b/icon/thermometer-three-quarters/index.html index 561f35065..9665dc37d 100644 --- a/icon/thermometer-three-quarters/index.html +++ b/icon/thermometer-three-quarters/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thumb-tack/index.html b/icon/thumb-tack/index.html index abcfae16a..6dc88c857 100644 --- a/icon/thumb-tack/index.html +++ b/icon/thumb-tack/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thumbs-down/index.html b/icon/thumbs-down/index.html index 588e8448b..a582b3223 100644 --- a/icon/thumbs-down/index.html +++ b/icon/thumbs-down/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thumbs-o-down/index.html b/icon/thumbs-o-down/index.html index a1cf590d4..7a2dab062 100644 --- a/icon/thumbs-o-down/index.html +++ b/icon/thumbs-o-down/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thumbs-o-up/index.html b/icon/thumbs-o-up/index.html index ab12569e1..3edf82287 100644 --- a/icon/thumbs-o-up/index.html +++ b/icon/thumbs-o-up/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/thumbs-up/index.html b/icon/thumbs-up/index.html index 13ac2a924..774d0b784 100644 --- a/icon/thumbs-up/index.html +++ b/icon/thumbs-up/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/ticket/index.html b/icon/ticket/index.html index 74bb4f895..e162351e7 100644 --- a/icon/ticket/index.html +++ b/icon/ticket/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/times-circle-o/index.html b/icon/times-circle-o/index.html index 8857a10aa..4f18de260 100644 --- a/icon/times-circle-o/index.html +++ b/icon/times-circle-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/times-circle/index.html b/icon/times-circle/index.html index ae111cffa..49b94f0b6 100644 --- a/icon/times-circle/index.html +++ b/icon/times-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/times/index.html b/icon/times/index.html index b3412a3be..3b4adb212 100644 --- a/icon/times/index.html +++ b/icon/times/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tint/index.html b/icon/tint/index.html index da4556c95..c63bf4108 100644 --- a/icon/tint/index.html +++ b/icon/tint/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/toggle-off/index.html b/icon/toggle-off/index.html index d67fe7d99..f2f479291 100644 --- a/icon/toggle-off/index.html +++ b/icon/toggle-off/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/toggle-on/index.html b/icon/toggle-on/index.html index 7fb902e50..b7f218af1 100644 --- a/icon/toggle-on/index.html +++ b/icon/toggle-on/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/trademark/index.html b/icon/trademark/index.html index 6765c3b8e..0bc0ab9a1 100644 --- a/icon/trademark/index.html +++ b/icon/trademark/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/train/index.html b/icon/train/index.html index e74988142..488151b00 100644 --- a/icon/train/index.html +++ b/icon/train/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/transgender-alt/index.html b/icon/transgender-alt/index.html index 06265ebfb..5be204382 100644 --- a/icon/transgender-alt/index.html +++ b/icon/transgender-alt/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/transgender/index.html b/icon/transgender/index.html index 96245b611..41f838f3c 100644 --- a/icon/transgender/index.html +++ b/icon/transgender/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/trash-o/index.html b/icon/trash-o/index.html index f30664c5e..2d8fd4b06 100644 --- a/icon/trash-o/index.html +++ b/icon/trash-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/trash/index.html b/icon/trash/index.html index f781e9a1d..43d764bd0 100644 --- a/icon/trash/index.html +++ b/icon/trash/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tree/index.html b/icon/tree/index.html index 3027aebdc..8c37112ea 100644 --- a/icon/tree/index.html +++ b/icon/tree/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/trello/index.html b/icon/trello/index.html index de71ea19e..98d1dd942 100644 --- a/icon/trello/index.html +++ b/icon/trello/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tripadvisor/index.html b/icon/tripadvisor/index.html index 75d49e6c5..f4ac3be26 100644 --- a/icon/tripadvisor/index.html +++ b/icon/tripadvisor/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/trophy/index.html b/icon/trophy/index.html index 29f8ea590..e597bab1d 100644 --- a/icon/trophy/index.html +++ b/icon/trophy/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/truck/index.html b/icon/truck/index.html index cc1f1189c..74b8cb0c8 100644 --- a/icon/truck/index.html +++ b/icon/truck/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/try/index.html b/icon/try/index.html index a6c1406cb..eff5bf86e 100644 --- a/icon/try/index.html +++ b/icon/try/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tty/index.html b/icon/tty/index.html index 2486f3a7d..b86af8aa6 100644 --- a/icon/tty/index.html +++ b/icon/tty/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tumblr-square/index.html b/icon/tumblr-square/index.html index 69edd0ad2..4f9962a5a 100644 --- a/icon/tumblr-square/index.html +++ b/icon/tumblr-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/tumblr/index.html b/icon/tumblr/index.html index 9b7c0a277..350f3fa42 100644 --- a/icon/tumblr/index.html +++ b/icon/tumblr/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/twitch/index.html b/icon/twitch/index.html index 97878958d..5c45623f8 100644 --- a/icon/twitch/index.html +++ b/icon/twitch/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/twitter-square/index.html b/icon/twitter-square/index.html index 0395fe5c5..4ce44736d 100644 --- a/icon/twitter-square/index.html +++ b/icon/twitter-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/twitter/index.html b/icon/twitter/index.html index 14155fd4a..fcd507819 100644 --- a/icon/twitter/index.html +++ b/icon/twitter/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/umbrella/index.html b/icon/umbrella/index.html index 103b72c67..6cdfe2155 100644 --- a/icon/umbrella/index.html +++ b/icon/umbrella/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/underline/index.html b/icon/underline/index.html index f17de08bf..114ed5788 100644 --- a/icon/underline/index.html +++ b/icon/underline/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/undo/index.html b/icon/undo/index.html index 3f096fb2c..a4a4f0b28 100644 --- a/icon/undo/index.html +++ b/icon/undo/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/universal-access/index.html b/icon/universal-access/index.html index 23527086d..e52ded8c4 100644 --- a/icon/universal-access/index.html +++ b/icon/universal-access/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/university/index.html b/icon/university/index.html index ea08ef9f2..ef0058a25 100644 --- a/icon/university/index.html +++ b/icon/university/index.html @@ -264,21 +264,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/unlock-alt/index.html b/icon/unlock-alt/index.html index ffc98d538..8a7e10aa3 100644 --- a/icon/unlock-alt/index.html +++ b/icon/unlock-alt/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/unlock/index.html b/icon/unlock/index.html index 3d8e6e724..57faa8605 100644 --- a/icon/unlock/index.html +++ b/icon/unlock/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/upload/index.html b/icon/upload/index.html index 7f39b6840..47f2849ba 100644 --- a/icon/upload/index.html +++ b/icon/upload/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/usb/index.html b/icon/usb/index.html index 9792ac780..4a91ab31b 100644 --- a/icon/usb/index.html +++ b/icon/usb/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/usd/index.html b/icon/usd/index.html index 3ab7e387f..6ab580657 100644 --- a/icon/usd/index.html +++ b/icon/usd/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/user-circle-o/index.html b/icon/user-circle-o/index.html index 54bab787a..75f646323 100644 --- a/icon/user-circle-o/index.html +++ b/icon/user-circle-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/user-circle/index.html b/icon/user-circle/index.html index d0e1d31f3..cc5ed9374 100644 --- a/icon/user-circle/index.html +++ b/icon/user-circle/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/user-md/index.html b/icon/user-md/index.html index 360050550..705ae0525 100644 --- a/icon/user-md/index.html +++ b/icon/user-md/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/user-o/index.html b/icon/user-o/index.html index a255d0b74..8881b6867 100644 --- a/icon/user-o/index.html +++ b/icon/user-o/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/user-plus/index.html b/icon/user-plus/index.html index daa6c1476..62c09ff22 100644 --- a/icon/user-plus/index.html +++ b/icon/user-plus/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/user-secret/index.html b/icon/user-secret/index.html index 7a626d6d8..50be2bd6a 100644 --- a/icon/user-secret/index.html +++ b/icon/user-secret/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/user-times/index.html b/icon/user-times/index.html index e63183440..d386987db 100644 --- a/icon/user-times/index.html +++ b/icon/user-times/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/user/index.html b/icon/user/index.html index 738894648..15f95852c 100644 --- a/icon/user/index.html +++ b/icon/user/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/users/index.html b/icon/users/index.html index 9f7689db2..1acfa03aa 100644 --- a/icon/users/index.html +++ b/icon/users/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/venus-double/index.html b/icon/venus-double/index.html index e7c8735a1..0ff1a1f30 100644 --- a/icon/venus-double/index.html +++ b/icon/venus-double/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/venus-mars/index.html b/icon/venus-mars/index.html index d7c57be13..16cb56654 100644 --- a/icon/venus-mars/index.html +++ b/icon/venus-mars/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/venus/index.html b/icon/venus/index.html index 94e56ea1f..601d96402 100644 --- a/icon/venus/index.html +++ b/icon/venus/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/viacoin/index.html b/icon/viacoin/index.html index f96a1e4af..1bfbeadfb 100644 --- a/icon/viacoin/index.html +++ b/icon/viacoin/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/viadeo-square/index.html b/icon/viadeo-square/index.html index 07c578561..e8e4a42bc 100644 --- a/icon/viadeo-square/index.html +++ b/icon/viadeo-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/viadeo/index.html b/icon/viadeo/index.html index c101c4c93..32c5b1e26 100644 --- a/icon/viadeo/index.html +++ b/icon/viadeo/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/video-camera/index.html b/icon/video-camera/index.html index 749640461..3954ea777 100644 --- a/icon/video-camera/index.html +++ b/icon/video-camera/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/vimeo-square/index.html b/icon/vimeo-square/index.html index 4b929ca98..910b61c6f 100644 --- a/icon/vimeo-square/index.html +++ b/icon/vimeo-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/vimeo/index.html b/icon/vimeo/index.html index 0de228570..6365efbd1 100644 --- a/icon/vimeo/index.html +++ b/icon/vimeo/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/vine/index.html b/icon/vine/index.html index 010e1557b..fbede1505 100644 --- a/icon/vine/index.html +++ b/icon/vine/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/vk/index.html b/icon/vk/index.html index f075db5b8..1697c7fa2 100644 --- a/icon/vk/index.html +++ b/icon/vk/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/volume-control-phone/index.html b/icon/volume-control-phone/index.html index 7bdceedfd..c215ba50a 100644 --- a/icon/volume-control-phone/index.html +++ b/icon/volume-control-phone/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/volume-down/index.html b/icon/volume-down/index.html index b05ade628..e04599007 100644 --- a/icon/volume-down/index.html +++ b/icon/volume-down/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/volume-off/index.html b/icon/volume-off/index.html index fab1a332d..f6aa551f0 100644 --- a/icon/volume-off/index.html +++ b/icon/volume-off/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/volume-up/index.html b/icon/volume-up/index.html index 46d5923a0..4df52ea5c 100644 --- a/icon/volume-up/index.html +++ b/icon/volume-up/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/weibo/index.html b/icon/weibo/index.html index fbeae0a84..d6c9d7b7e 100644 --- a/icon/weibo/index.html +++ b/icon/weibo/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/weixin/index.html b/icon/weixin/index.html index ba3d40d80..b5b813a88 100644 --- a/icon/weixin/index.html +++ b/icon/weixin/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/whatsapp/index.html b/icon/whatsapp/index.html index 2ea5fac94..f7bf3fb98 100644 --- a/icon/whatsapp/index.html +++ b/icon/whatsapp/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/wheelchair-alt/index.html b/icon/wheelchair-alt/index.html index 9767193fb..bcfe9a583 100644 --- a/icon/wheelchair-alt/index.html +++ b/icon/wheelchair-alt/index.html @@ -263,21 +263,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/wheelchair/index.html b/icon/wheelchair/index.html index b6815dc5e..e0a8685bb 100644 --- a/icon/wheelchair/index.html +++ b/icon/wheelchair/index.html @@ -263,21 +263,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/wifi/index.html b/icon/wifi/index.html index 4e469f515..18bde3880 100644 --- a/icon/wifi/index.html +++ b/icon/wifi/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/wikipedia-w/index.html b/icon/wikipedia-w/index.html index b923b7b8e..2edee4f39 100644 --- a/icon/wikipedia-w/index.html +++ b/icon/wikipedia-w/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/window-close-o/index.html b/icon/window-close-o/index.html index 30eb4f719..fc8eb3c44 100644 --- a/icon/window-close-o/index.html +++ b/icon/window-close-o/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/window-close/index.html b/icon/window-close/index.html index ff26f0bfc..c5dda6774 100644 --- a/icon/window-close/index.html +++ b/icon/window-close/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/window-maximize/index.html b/icon/window-maximize/index.html index f9bffff66..77b66cd5e 100644 --- a/icon/window-maximize/index.html +++ b/icon/window-maximize/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/window-minimize/index.html b/icon/window-minimize/index.html index f54f07a7b..043405db1 100644 --- a/icon/window-minimize/index.html +++ b/icon/window-minimize/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/window-restore/index.html b/icon/window-restore/index.html index 50056891b..c59f31a10 100644 --- a/icon/window-restore/index.html +++ b/icon/window-restore/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/windows/index.html b/icon/windows/index.html index 080383f17..b6464dc00 100644 --- a/icon/windows/index.html +++ b/icon/windows/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/wordpress/index.html b/icon/wordpress/index.html index 774c27a6c..d52fd7f29 100644 --- a/icon/wordpress/index.html +++ b/icon/wordpress/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/wpbeginner/index.html b/icon/wpbeginner/index.html index dd5467001..2149defd5 100644 --- a/icon/wpbeginner/index.html +++ b/icon/wpbeginner/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/wpexplorer/index.html b/icon/wpexplorer/index.html index 7cddf708a..bc409a7e1 100644 --- a/icon/wpexplorer/index.html +++ b/icon/wpexplorer/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/wpforms/index.html b/icon/wpforms/index.html index f499c05a9..303a16586 100644 --- a/icon/wpforms/index.html +++ b/icon/wpforms/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/wrench/index.html b/icon/wrench/index.html index 5fec40686..326ca62d2 100644 --- a/icon/wrench/index.html +++ b/icon/wrench/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/xing-square/index.html b/icon/xing-square/index.html index e5c67c2e6..316b9d637 100644 --- a/icon/xing-square/index.html +++ b/icon/xing-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/xing/index.html b/icon/xing/index.html index 775d47505..9c250ea5c 100644 --- a/icon/xing/index.html +++ b/icon/xing/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/y-combinator/index.html b/icon/y-combinator/index.html index 6b18d8968..d200b5fd8 100644 --- a/icon/y-combinator/index.html +++ b/icon/y-combinator/index.html @@ -262,21 +262,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/yahoo/index.html b/icon/yahoo/index.html index a2993f34d..a7f8726e6 100644 --- a/icon/yahoo/index.html +++ b/icon/yahoo/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/yelp/index.html b/icon/yelp/index.html index 71a05d181..61fc0c267 100644 --- a/icon/yelp/index.html +++ b/icon/yelp/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/yoast/index.html b/icon/yoast/index.html index 3596601b4..c95b2a773 100644 --- a/icon/yoast/index.html +++ b/icon/yoast/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/youtube-play/index.html b/icon/youtube-play/index.html index 7a5474702..1d0396fff 100644 --- a/icon/youtube-play/index.html +++ b/icon/youtube-play/index.html @@ -259,21 +259,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/youtube-square/index.html b/icon/youtube-square/index.html index 38d41d3f3..24220f85d 100644 --- a/icon/youtube-square/index.html +++ b/icon/youtube-square/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> diff --git a/icon/youtube/index.html b/icon/youtube/index.html index 35c3331ad..b7eac6169 100644 --- a/icon/youtube/index.html +++ b/icon/youtube/index.html @@ -257,21 +257,23 @@ <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> - <h2 class="modal-title" id="modal-fa5-label">Font Awesome 5 Pre-Orders Now Available!</h2> + <h3 class="modal-title" id="modal-fa5-label">Font Awesome Pro!</h3> </div> <div class="modal-body"> + <p class="lead"> + September is your last chance to get FA Pro and <strong>ALL</strong> KS rewards for just $40! + </p> <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style> - <div class='embed-container'> + <div class="embed-container"> <iframe id="fa5-iframe" src="https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html" frameborder="0" scrolling="no" allowfullscreen></iframe> </div> - <p class="lead text-center margin-top-lg margin-bottom-lg"> - Pre-order and get Font Awesome 5 Pro and <strong>ALL</strong> stretch goals for just $40! - </p> - <a class="btn btn-fa5 btn-lg btn-block" href="http://five.fontawesome.com" target="_blank" + <a class="btn btn-fa5 btn-lg btn-block padding-left-sm padding-right-sm margin-top-lg" href="https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=september_last_chance&utm_content=kickstarter_modal" target="_blank" onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Pre-Order']);"> - <h3 class="margin text-sans-serif strong">Pre-Order! <i class="fa fa-external-link-square" aria-hidden="true"></i></h3> + <h3 class="margin-top margin-bottom strong"> + Check out <span class="hidden-xs">Font Awesome</span><span class="hidden-sm hidden-md hidden-lg">FA</span> Pro! <i class="fas fas-external-link" aria-hidden="true"></i> + </h3> </a> </div> |