2016-10-22 23:02:47 +02:00
< div class = "modal fade" id = "modal-kickstarter" tabindex = "-1" role = "dialog" aria-labelledby = "modal-kickstarter-label"
xmlns="http://www.w3.org/1999/html">
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" > < i class = "fa fa-times" aria-hidden = "true" > < / i > < span class = "close" > < / span > < / button >
2016-10-25 15:42:00 +02:00
< h2 class = "modal-title" id = "modal-kickstarter-label" > Font Awesome 5!< / h2 >
2016-10-22 23:02:47 +02:00
< / div >
< div class = "modal-body" >
< style > . embed-container { position : relative ; padding-bottom : 56.25 % ; height : 0 ; overflow : hidden ; max-width : 100 % ; } . embed-container iframe , . embed-container object , . embed-container embed { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; } < / style >
2016-10-25 15:42:00 +02:00
< div class = 'embed-container' > < iframe src = 'https://www.kickstarter.com/projects/232193852/font-awesome-5/widget/video.html' frameborder = '0' allowfullscreen > < / iframe > < / div >
2016-10-22 23:02:47 +02:00
< a class = "btn btn-kickstarter btn-lg btn-block margin-top" href = "http://five.fontawesome.io/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=kickstarter_modal&utm_campaign=promo_4.7_update"
onClick="_gaq.push(['_trackEvent', 'Outbound Modal Link', 'Check out the Kickstarter']);">
< h3 class = "margin text-sans-serif strong" > Check out the < br class = "hide-sm hide-md hide-lg" > Kickstarter! < i class = "fa fa-external-link-square" aria-hidden = "true" > < / i > < / h3 >
< / a >
< / div >
< / div >
< / div >
< / div >