{"id":2687,"date":"2013-11-18T02:49:29","date_gmt":"2013-11-18T02:49:29","guid":{"rendered":"http:\/\/themeforest.unitedthemes.com\/wpversions\/brooklyn\/xml\/demo5\/?page_id=2687"},"modified":"2013-11-18T02:49:29","modified_gmt":"2013-11-18T02:49:29","slug":"interactive-elements","status":"publish","type":"page","link":"http:\/\/www.gregstutsman.com\/?page_id=2687","title":{"rendered":"Interactive Elements"},"content":{"rendered":"<h6 class=\"ut-title-divider \" ><span> Image from left <\/span><\/h6>\n<div  class=\"ut-one-half  \"> <div style=\"text-align:left; \"><img alt=\"\" class=\"ut-animate-image animated \"  data-effecttype=\"image\" data-effect=\"slideInLeft\" src=\"http:\/\/www.gregstutsman.com\/wp-content\/uploads\/2013\/12\/image-placerholder-slider.jpg\" \/><\/div>\n<\/div>\n<div  class=\"ut-one-half ut-column-last  \"> <div  class=\"clearfix   \" ><figure class=\"ut-service-icon fa-stack fa-lg \" style=\"line-height:60px;\"><i class=\"fa fa-circle fa-stack-2x\" style=\"color: #f1f1f1\"><\/i><i style=\"color: #222222\" class=\"fa fa-stack-1x fa-map-marker\"><\/i><\/figure><div class=\"ut-service-column\" ><h3>Photography<\/h3><p> At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <\/p><\/div><\/div>\n<div  class=\"clearfix   \" ><figure class=\"ut-service-icon fa-stack fa-lg \" style=\"line-height:60px;\"><i class=\"fa fa-circle fa-stack-2x\" style=\"color: #f1f1f1\"><\/i><i style=\"color: #222222\" class=\"fa fa-stack-1x fa-thumbs-o-up \"><\/i><\/figure><div class=\"ut-service-column\" ><h3>Video Production<\/h3><p> At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <\/p><\/div><\/div>\n<div  class=\"clearfix   \" ><figure class=\"ut-service-icon fa-stack fa-lg \" style=\"line-height:60px;\"><i class=\"fa fa-circle fa-stack-2x\" style=\"color: #f1f1f1\"><\/i><i style=\"color: #222222\" class=\"fa fa-stack-1x fa-leaf\"><\/i><\/figure><div class=\"ut-service-column\" ><h3>User Experience<\/h3><p> At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <\/p><\/div><\/div> <\/div><div class=\"clear\"><\/div>\n<h6 class=\"ut-title-divider \" style=\"margin-top:40px;\"><span> Image from Right <\/span><\/h6>\n<div  class=\"ut-one-half  \"> <div  class=\"clearfix   \" ><figure class=\"ut-service-icon fa-stack fa-lg \" style=\"line-height:60px;\"><i class=\"fa fa-circle fa-stack-2x\" style=\"color: #f1f1f1\"><\/i><i style=\"color: #222222\" class=\"fa fa-stack-1x fa-map-marker\"><\/i><\/figure><div class=\"ut-service-column\" ><h3>Identity &amp; Branding<\/h3><p> At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <\/p><\/div><\/div>\n<div  class=\"clearfix   \" ><figure class=\"ut-service-icon fa-stack fa-lg \" style=\"line-height:60px;\"><i class=\"fa fa-circle fa-stack-2x\" style=\"color: #f1f1f1\"><\/i><i style=\"color: #222222\" class=\"fa fa-stack-1x fa-thumbs-o-up\"><\/i><\/figure><div class=\"ut-service-column\" ><h3>Mobile &amp; WEB DESIGN<\/h3><p> At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <\/p><\/div><\/div>\n<div  class=\"clearfix   \" ><figure class=\"ut-service-icon fa-stack fa-lg \" style=\"line-height:60px;\"><i class=\"fa fa-circle fa-stack-2x\" style=\"color: #f1f1f1\"><\/i><i style=\"color: #222222\" class=\"fa fa-stack-1x fa-leaf\"><\/i><\/figure><div class=\"ut-service-column\" ><h3>iOS Development<\/h3><p> At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <\/p><\/div><\/div> <\/div>\n<div  class=\"ut-one-half ut-column-last  \"> <div style=\"text-align:left; \"><img alt=\"\" class=\"ut-animate-image animated \"  data-effecttype=\"image\" data-effect=\"slideInRight\" src=\"http:\/\/www.gregstutsman.com\/wp-content\/uploads\/2013\/12\/image-placerholder-slider.jpg\" \/><\/div>\n<\/div><div class=\"clear\"><\/div>\n<h6 class=\"ut-title-divider \" style=\"margin-top:40px;\"><span> Image FadeIn <\/span><\/h6><\/p>\n<p style=\"text-align: center;\"><div style=\"text-align:left; \"><img alt=\"\" class=\"ut-animate-image animated \"  data-effecttype=\"image\" data-effect=\"fadeIn\" src=\"http:\/\/www.gregstutsman.com\/wp-content\/uploads\/2013\/12\/image-placerholder-slider.jpg\" \/><\/div>\n<h6 class=\"ut-title-divider \" style=\"margin-top:50px;\"><span> Counter <\/span><\/h6>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"1270\" style=\"background: rgba(241,241,241,1);\"><span class=\"ut-count\" style=\"color: #222222\">1270<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Twinkies Eaten <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"75\" style=\"background: rgba(241,241,241,1);\"><span class=\"ut-count\" style=\"color: #222222\">75<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Clients Worked With <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"90\" style=\"background: rgba(241,241,241,1);\"><span class=\"ut-count\" style=\"color: #222222\">90<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Completed Projects <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  ut-column-last\"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"4\" style=\"background: rgba(241,241,241,1);\"><span class=\"ut-count\" style=\"color: #222222\">4<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Winning Awards <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"1270\" style=\"background: rgba(34,34,34,1);\"><span class=\"ut-count\" style=\"color: #ffffff\">1270<\/span><h3 class=\"ut-counter-details\" style=\"color: #ffffff\"> Twinkies Eaten <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"75\" style=\"background: rgba(34,34,34,1);\"><span class=\"ut-count\" style=\"color: #ffffff\">75<\/span><h3 class=\"ut-counter-details\" style=\"color: #ffffff\"> Clients Worked With <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"90\" style=\"background: rgba(34,34,34,1);\"><span class=\"ut-count\" style=\"color: #ffffff\">90<\/span><h3 class=\"ut-counter-details\" style=\"color: #ffffff\"> Completed Projects <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  ut-column-last\"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"4\" style=\"background: rgba(34,34,34,1);\"><span class=\"ut-count\" style=\"color: #ffffff\">4<\/span><h3 class=\"ut-counter-details\" style=\"color: #ffffff\"> Winning Awards <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"1270\" style=\"background: rgba(255,255,255,1);\"><span class=\"ut-count\" style=\"color: #EB005D\">1270<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Twinkies Eaten <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"75\" style=\"background: rgba(255,255,255,1);\"><span class=\"ut-count\" style=\"color: #EB005D\">75<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Clients Worked With <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"90\" style=\"background: rgba(255,255,255,1);\"><span class=\"ut-count\" style=\"color: #EB005D\">90<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Completed Projects <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  ut-column-last\"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"4\" style=\"background: rgba(255,255,255,1);\"><span class=\"ut-count\" style=\"color: #EB005D\">4<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Winning Awards <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"1270\" style=\"background: rgba(255,255,255,1);\"><i class=\"fa fa-cutlery fa-4x\" style=\"color: #EB005D\"><\/i><span class=\"ut-count\" style=\"color: #EB005D\">1270<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Twinkies Eaten <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"75\" style=\"background: rgba(255,255,255,1);\"><i class=\"fa fa-users fa-4x\" style=\"color: #EB005D\"><\/i><span class=\"ut-count\" style=\"color: #EB005D\">75<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Clients Worked With <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  \"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"90\" style=\"background: rgba(255,255,255,1);\"><i class=\"fa fa-thumbs-up fa-4x\" style=\"color: #EB005D\"><\/i><span class=\"ut-count\" style=\"color: #EB005D\">90<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Completed Projects <\/h3><\/div><\/div>\n<div class=\"ut-one-fourth  ut-column-last\"><div data-effecttype=\"counter\" class=\"ut-counter-box ut-counter\" data-counter=\"4\" style=\"background: rgba(255,255,255,1);\"><i class=\"fa fa-trophy fa-4x\" style=\"color: #EB005D\"><\/i><span class=\"ut-count\" style=\"color: #EB005D\">4<\/span><h3 class=\"ut-counter-details\" style=\"color: #222222\"> Winning Awards <\/h3><\/div><\/div>\n<div class=\"clear\"><\/div>\n<h6 class=\"ut-title-divider \" style=\"margin-top:30px;\"><span> Service Icons <\/span><\/h6>\n<style> #utbx_69e04427b2f82 { background:#CCC; } #utbx_69e04427b2f82:hover { background: #EB005D; } #utbx_69e04427b2f82:after { box-shadow: 0 0 0 4px #EB005D; } <\/style><div class=\"ut-service-icon-box ut-one-third \"><div class=\"ut-highlight-icon-wrap ut-highlight-icon-effect\"><a id=\"utbx_69e04427b2f82\" data-id=\"utbx_69e04427b2f82\" data-hovercolor=\"#EB005D\"   class=\"ut-highlight-icon fa fa-adjust \" href=\"#\" target=\"_self\"><\/a><\/div><div class=\"ut-service-icon-box-content\"><h3>Unlimited Style Options<\/h3><p> Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. <\/p><\/div><\/div>\n<style> #utbx_69e04427b2f94 { background:#CCC; } #utbx_69e04427b2f94:hover { background: #EB005D; } #utbx_69e04427b2f94:after { box-shadow: 0 0 0 4px #EB005D; } <\/style><div class=\"ut-service-icon-box ut-one-third \"><div class=\"ut-highlight-icon-wrap ut-highlight-icon-effect\"><a id=\"utbx_69e04427b2f94\" data-id=\"utbx_69e04427b2f94\" data-hovercolor=\"#EB005D\"   class=\"ut-highlight-icon fa fa-trophy \" href=\"#\" target=\"_self\"><\/a><\/div><div class=\"ut-service-icon-box-content\"><h3>Lifetime Updates<\/h3><p> Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. <\/p><\/div><\/div>\n<style> #utbx_69e04427b2fd0 { background:#CCC; } #utbx_69e04427b2fd0:hover { background: #EB005D; } #utbx_69e04427b2fd0:after { box-shadow: 0 0 0 4px #EB005D; } <\/style><div class=\"ut-service-icon-box ut-one-third ut-column-last\"><div class=\"ut-highlight-icon-wrap ut-highlight-icon-effect\"><a id=\"utbx_69e04427b2fd0\" data-id=\"utbx_69e04427b2fd0\" data-hovercolor=\"#EB005D\"   class=\"ut-highlight-icon fa fa-tasks \" href=\"#\" target=\"_self\"><\/a><\/div><div class=\"ut-service-icon-box-content\"><h3>Customer Support<\/h3><p> Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. <\/p><\/div><\/div>\n<div class=\"clear\"><\/div>\n<div  class=\"ut-one-third  \"> <h6 class=\"ut-title-divider \" style=\"margin-top:30px;\"><span> Buttons Round <\/span><\/h6><\/p>\n<p style=\"text-align: left;\"><a target=\"_self\" class=\"ut-btn  theme-btn small round\" href=\"#\">Download Brooklyn<\/a>\n<p style=\"text-align: left;\"><a target=\"_self\" class=\"ut-btn  theme-btn medium round\" href=\"#\">Download Brooklyn<\/a>\n<p style=\"text-align: left;\"><a target=\"_self\" class=\"ut-btn  theme-btn large round\" href=\"#\">Download Brooklyn<\/a>\n<\/div>\n<div  class=\"ut-one-third  \"> <h6 class=\"ut-title-divider \" style=\"margin-top:30px;\"><span> Buttons Normal <\/span><\/h6><\/p>\n<p style=\"text-align: left;\"><a target=\"_self\" class=\"ut-btn  theme-btn small \" href=\"#\">Download Brooklyn<\/a>\n<p style=\"text-align: left;\"><a target=\"_self\" class=\"ut-btn  theme-btn medium \" href=\"#\">Download Brooklyn<\/a>\n<p style=\"text-align: left;\"><a target=\"_self\" class=\"ut-btn  theme-btn large \" href=\"#\">Download Brooklyn<\/a>\n<\/div>\n<div  class=\"ut-one-third ut-column-last  \"> <h6 class=\"ut-title-divider \" style=\"margin-top:30px;\"><span> Progress Bars <\/span><\/h6><\/p>\n<div class=\"ut-skill \"><span class=\"ut-skill-name\">Web Design<\/span><div class=\"ut-skill-bar\"><div class=\"ut-skill-overlay ut-skill-active\" data-effecttype=\"skillbar\" data-width=\"85\" ><span class=\"ut-skill-percent\">85%<\/span><\/div><\/div><\/div>\n<div class=\"ut-skill \"><span class=\"ut-skill-name\">WordPress<\/span><div class=\"ut-skill-bar\"><div class=\"ut-skill-overlay ut-skill-active\" data-effecttype=\"skillbar\" data-width=\"90\" ><span class=\"ut-skill-percent\">90%<\/span><\/div><\/div><\/div>\n<div class=\"ut-skill \"><span class=\"ut-skill-name\">PHP<\/span><div class=\"ut-skill-bar\"><div class=\"ut-skill-overlay ut-skill-active\" data-effecttype=\"skillbar\" data-width=\"95\" ><span class=\"ut-skill-percent\">95%<\/span><\/div><\/div><\/div>\n<\/div><div class=\"clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/www.gregstutsman.com\/index.php?rest_route=\/wp\/v2\/pages\/2687"}],"collection":[{"href":"http:\/\/www.gregstutsman.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.gregstutsman.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.gregstutsman.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gregstutsman.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2687"}],"version-history":[{"count":0,"href":"http:\/\/www.gregstutsman.com\/index.php?rest_route=\/wp\/v2\/pages\/2687\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gregstutsman.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}