{"id":201,"date":"2014-04-20T15:50:16","date_gmt":"2014-04-20T15:50:16","guid":{"rendered":"http:\/\/stopdesign.cn\/codecanyon\/vc-extensions\/?page_id=201"},"modified":"2016-03-13T16:21:21","modified_gmt":"2016-03-13T16:21:21","slug":"font-awesome-animation","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/font-awesome-animation\/","title":{"rendered":"Font Awesome Animation"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1457886009329{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<i class=\"fa left fa-5x fa-twitter faa-flip animated \" style=\"color:#333;\"><\/i>\n                <span style=\"color: #00bfff; font-size: 16px;\">Twitter<\/span><br \/>\nYou can put <a href=\"http:\/\/codecanyon.net\/user\/sike\/?ref=sike\">a link<\/a> too. There are 16 transitions available. You can choose the icon size, color, position etc in the backend too.[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<i class=\"fa left fa-5x fa-dribbble faa-spinslow animated \" style=\"color:#a630e5;\"><\/i>\n                <span style=\"color: #a630e5; font-size: 17px;\">Dribbble in slow spin<\/span><br \/>\nSee all the <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/\" target=\"_blank\">Font Awesome Icons<\/a>, you can choose any icon as you like in the backend.[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<i class=\"fa left fa-5x fa-thumbs-o-up faa-bounce animated \" style=\"color:#0069ba;\"><\/i>\n                <span style=\"color: #0069ba; font-size: 16px;\">Thumb Up<\/span><br \/>\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886019433{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column]<i class=\"fa left fa-5x fa-clock-o faa-spin animated \" style=\"color:#333;\"><\/i>\n                <span style=\"font-weight: bold; font-size: 17px;\">Clock in fast spin<\/span><br \/>\nAnd here is some other text information, you can put <a href=\"http:\/\/codecanyon.net\/user\/sike\/?ref=sike\">a link<\/a> too.[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886028201{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column]<i class=\"fa left fa-5x fa-hand-o-right faa-horizontal animated \" style=\"color:#81d742;\"><\/i>\n                <a style=\"color: #81d742;\" href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\">Purchase it from CodeCanyon<\/a><br \/>\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886039052{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column]<i class=\"fa pull-right fa-5x fa-github-alt faa-rubberBand animated \" style=\"color:#333;\"><\/i>\n                <span style=\"font-weight: bold; font-size: 17px;\">Github in rubberBand, put it on the right<\/span><br \/>\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886047583{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column]<i class=\"fa left fa-3x fa-bell faa-ring animated \" style=\"color:#000000;\"><\/i>\n                And here is some other text information, you can put <a href=\"http:\/\/codecanyon.net\/user\/sike\/?ref=sike\">a link<\/a> too.[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886055790{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column]<i class=\"fa left fa-5x fa-anchor faa-tada animated \" style=\"color:#000000;\"><\/i>\n                 \u00a0Small icon demo, Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886071178{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<i class=\"fa left fa-5x fa-flash faa-flash animated \" style=\"color:#fc7e00;\"><\/i>\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<i class=\"fa pull-right fa-5x fa-smile-o faa-wobble animated \" style=\"color:#333;\"><\/i>\n                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886079200{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column]<i class=\"fa left fa-4x fa-heart faa-pulse animated \" style=\"color:#c10087;\"><\/i>\n                <span style=\"color: #c10087; font-size: 19px;\">Visit <a style=\"color: #c10087;\" href=\"http:\/\/codecanyon.net\/user\/sike\/?ref=sike\">my profile<\/a><\/span><br \/>\nAnd here is some other text information, excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum, you can put <a href=\"http:\/\/codecanyon.net\/user\/sike\/?ref=sike\">a link<\/a> too.[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1457886009329{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886019433{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886028201{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886039052{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886047583{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886055790{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886071178{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457886079200{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/201"}],"collection":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":2,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/201\/revisions"}],"predecessor-version":[{"id":2345,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/201\/revisions\/2345"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}