{"id":3425,"date":"2015-04-16T21:20:00","date_gmt":"2015-04-16T21:20:00","guid":{"rendered":"https:\/\/themify.me\/demo\/themes\/ultra\/?page_id=3424"},"modified":"2016-10-23T19:38:49","modified_gmt":"2016-10-23T19:38:49","slug":"serif","status":"publish","type":"page","link":"https:\/\/sulaimankhan.com\/index.php\/theme-appearance\/serif\/","title":{"rendered":"Serif"},"content":{"rendered":"<div id=\"themify_builder_content-3425\" data-postid=\"3425\" class=\"themify_builder_content themify_builder_content-3425 themify_builder themify_builder_front\">\n\n\t\n                <!-- module_row -->\n                <div data-gutter=\"gutter-default\" class=\"themify_builder_row themify_builder_3425_row module_row module_row_0 clearfix gutter-default builder-parallax-scrolling\"                      data-equal-column-height=\"\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n                            \n                                \n                                        <div class=\"col-full first tb-column  tb_3425_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    <div class=\"themify_builder_sub_row\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearfix gutter-default  sub_row_0-0-1\" >\n                                                                \n                                                                    <div class=\"col4-2 first sub_column sub_column_0-0-1-0 sub_column_post_3425\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n<!-- module text -->\n<div id=\"text-3425-sub_row_0-0-1-0-0\" class=\"module module-text text-3425-sub_row_0-0-1-0-0   \">\n\t\n\t\n\t<h1 style=\"text-align: left;\">Serif Typography<\/h1><p style=\"text-align: left;\">Create an amazing page for your app using the Builder plugin. Highlight app features, display video demo, and much more. See how your can look like with this demo.\u00a0<\/p><p><a href=\"https:\/\/themify.me\" class=\"shortcode button large blue flat rect \" style=\"\" target=\"\" onclick=\"\">Download from <br \/>APP STORE<\/a>\u00a0<a href=\"https:\/\/themify.me\" class=\"shortcode button large green flat rect \" style=\"\" target=\"\" onclick=\"\">Download from <br \/>PLAY STORE<\/a><\/p>\n\t<\/div>\n<!-- \/module text -->\n\n                                                                                                                                                    <\/div><div class=\"col4-2 last sub_column sub_column_0-0-1-1 sub_column_post_3425\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n\t<!-- module image -->\n\t<div id=\"image-3425-sub_row_0-0-1-1-0\" class=\"module module-image image-3425-sub_row_0-0-1-1-0 rounded image-top  \">\n\n\t\t\n\t\t\n\t\t<div class=\"image-wrap\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/themify.me\/demo\/themes\/landing\/files\/2015\/02\/iphone-image-3.png\" width=\"500\" height=\"500\" alt=\"Serif\" \/>\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t<!-- \/image-wrap -->\n\t\t\n\t\t\n\t\t\n\t\t<\/div>\n\t<!-- \/module image -->\n\n\n                                                                                                                                                    <\/div><\/div>\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                    \n                                    \n                                \n                            <\/div>\n                            <!-- \/row_inner -->\n                        <\/div>\n                        <!-- \/row_inner_wrapper -->\n                    <\/div>\n                    <!-- \/module_row -->\n                    \n\n                <!-- module_row -->\n                <div data-gutter=\"gutter-default\" class=\"themify_builder_row themify_builder_3425_row module_row module_row_1 clearfix gutter-default fullwidth\"                      data-equal-column-height=\"\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n<!-- .themify_builder_3425_row.module_row_1 Style -->\n<style type=\"text\/css\" >\n.themify_builder_3425_row.module_row_1.module_row {\n\tbackground-color: #ebebeb;\n\tpadding-top : 6%;\n\tpadding-right : 3%;\n\tpadding-bottom : 6%;\n\tpadding-left : 3%\n}\n<\/style>\n<!-- End .themify_builder_3425_row.module_row_1 Style -->\n\n                            \n                                \n                                        <div class=\"col-full first tb-column  tb_3425_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-3425-1-0-1\" class=\"module module-text text-3425-1-0-1   \">\n\t\n\t\n\t<h2 style=\"text-align: center;\">App Features<\/h2>\n\t<\/div>\n<!-- \/module text -->\n<div class=\"themify_builder_sub_row\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearfix gutter-default  sub_row_1-0-2\" >\n                                                                \n                                                                    <div class=\"col3-1 first sub_column sub_column_1-0-2-0 sub_column_post_3425\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n    <!-- module feature -->\n    <div id=\"feature-3425-sub_row_1-0-2-0-0\" class=\"module module-feature feature-3425-sub_row_1-0-2-0-0 with-chart layout-icon-right size-small  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"70\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,228,20, 1)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"100\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-credit-card\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n            \n            <h3 style=\"text-align: right;\">Mobile Commerce<\/h3><p style=\"text-align: right;\">Maecenas fermentum, est nec auctor dignissim, ex sem congue est, id interdum sapien felis sit amet augue. Nam mattis efficitur pellentesque.\u00a0<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-sub_row_1-0-2-0-0 .module-feature-chart-html5 {\n                width: 100px;\n                height: 100px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-sub_row_1-0-2-0-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-sub_row_1-0-2-0-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 100px;\n                height: 100px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-sub_row_1-0-2-0-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 50px 50px 0;\n                clip: rect(0px, 100px, 100px, 50px);\n            }\n            .feature-3425-sub_row_1-0-2-0-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 50px 0 0 50px;\n            }\n            .feature-3425-sub_row_1-0-2-0-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 50px, 100px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n            }\n            .feature-3425-sub_row_1-0-2-0-0 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n    <!-- module feature -->\n    <div id=\"feature-3425-sub_row_1-0-2-0-1\" class=\"module module-feature feature-3425-sub_row_1-0-2-0-1 with-chart layout-icon-right size-small  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"50\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,228,20, 1)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"100\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-wechat\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n            \n            <h3 style=\"text-align: right;\">Chat Services<\/h3><p style=\"text-align: right;\">Nam mattis efficitur pellentesque. Phasellus tempor dui nunc, eget tristique lorem tincidunt.\u00a0<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-sub_row_1-0-2-0-1 .module-feature-chart-html5 {\n                width: 100px;\n                height: 100px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-sub_row_1-0-2-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-sub_row_1-0-2-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 100px;\n                height: 100px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-sub_row_1-0-2-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 50px 50px 0;\n                clip: rect(0px, 100px, 100px, 50px);\n            }\n            .feature-3425-sub_row_1-0-2-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 50px 0 0 50px;\n            }\n            .feature-3425-sub_row_1-0-2-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 50px, 100px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n            }\n            .feature-3425-sub_row_1-0-2-0-1 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n    <!-- module feature -->\n    <div id=\"feature-3425-sub_row_1-0-2-0-2\" class=\"module module-feature feature-3425-sub_row_1-0-2-0-2 with-chart layout-icon-right size-small  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"100\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,228,20, 1)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"100\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-share-alt\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n            \n            <h3 style=\"text-align: right;\">Social Sharing<\/h3><p style=\"text-align: right;\">Id interdum sapien felis sit amet augue. Nam mattis efficitur pellentesque. Phasellus tempor dui nunc, eget tristique lorem.\u00a0<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-sub_row_1-0-2-0-2 .module-feature-chart-html5 {\n                width: 100px;\n                height: 100px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-sub_row_1-0-2-0-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-sub_row_1-0-2-0-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 100px;\n                height: 100px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-sub_row_1-0-2-0-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 50px 50px 0;\n                clip: rect(0px, 100px, 100px, 50px);\n            }\n            .feature-3425-sub_row_1-0-2-0-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 50px 0 0 50px;\n            }\n            .feature-3425-sub_row_1-0-2-0-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 50px, 100px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n            }\n            .feature-3425-sub_row_1-0-2-0-2 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n                                                                                                                                                    <\/div><div class=\"col3-1 sub_column sub_column_1-0-2-1 sub_column_post_3425\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n\t<!-- module image -->\n\t<div id=\"image-3425-sub_row_1-0-2-1-0\" class=\"module module-image image-3425-sub_row_1-0-2-1-0   image-center  \">\n\n\t\t\n\t\t\n\t\t<div class=\"image-wrap\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/themify.me\/demo\/themes\/landing\/files\/2015\/02\/iphone6plus_gold_portrait1.png\" width=\"340\" alt=\"Serif\" \/>\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t<!-- \/image-wrap -->\n\t\t\n\t\t\n\t\t\n\t\t<\/div>\n\t<!-- \/module image -->\n<style type=\"text\/css\">.themify_builder .image-3425-sub_row_1-0-2-1-0.module-image { margin-bottom: 30px;  } \n<\/style>\n\n                                                                                                                                                    <\/div><div class=\"col3-1 last sub_column sub_column_1-0-2-2 sub_column_post_3425\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n    <!-- module feature -->\n    <div id=\"feature-3425-sub_row_1-0-2-2-0\" class=\"module module-feature feature-3425-sub_row_1-0-2-2-0 with-chart layout-icon-left size-small  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"80\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,228,20, 1)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"100\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-pencil-square-o\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n            \n            <h3>User Reviews<\/h3><p>Incidunt massa. Curabitur nulla quam, convallis et ligula eget, dictum pharetra augue. Integer id malesuada sem.\u00a0<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-sub_row_1-0-2-2-0 .module-feature-chart-html5 {\n                width: 100px;\n                height: 100px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-sub_row_1-0-2-2-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-sub_row_1-0-2-2-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 100px;\n                height: 100px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-sub_row_1-0-2-2-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 50px 50px 0;\n                clip: rect(0px, 100px, 100px, 50px);\n            }\n            .feature-3425-sub_row_1-0-2-2-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 50px 0 0 50px;\n            }\n            .feature-3425-sub_row_1-0-2-2-0 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 50px, 100px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n            }\n            .feature-3425-sub_row_1-0-2-2-0 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n    <!-- module feature -->\n    <div id=\"feature-3425-sub_row_1-0-2-2-1\" class=\"module module-feature feature-3425-sub_row_1-0-2-2-1 with-chart layout-icon-left size-small  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"100\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,228,20, 1)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"100\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-calendar\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n            \n            <h3 style=\"text-align: left;\">Events<\/h3><p style=\"text-align: left;\">Incidunt massa. Curabitur nulla quam, convallis et ligula eget, dictum pharetra augue. Integer id malesuada sem. In pellentesque maximus lorem vitae congue. Quisque vel metus sem.\u00a0<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-sub_row_1-0-2-2-1 .module-feature-chart-html5 {\n                width: 100px;\n                height: 100px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-sub_row_1-0-2-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-sub_row_1-0-2-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 100px;\n                height: 100px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-sub_row_1-0-2-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 50px 50px 0;\n                clip: rect(0px, 100px, 100px, 50px);\n            }\n            .feature-3425-sub_row_1-0-2-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 50px 0 0 50px;\n            }\n            .feature-3425-sub_row_1-0-2-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 50px, 100px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n            }\n            .feature-3425-sub_row_1-0-2-2-1 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n    <!-- module feature -->\n    <div id=\"feature-3425-sub_row_1-0-2-2-2\" class=\"module module-feature feature-3425-sub_row_1-0-2-2-2 with-chart layout-icon-left size-small  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"20\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,228,20, 1)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"100\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-camera-retro\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n            \n            <h3 style=\"text-align: left;\">Photos<\/h3><p style=\"text-align: left;\">Incidunt massa. Curabitur nulla quam, convallis et ligula ege.<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-sub_row_1-0-2-2-2 .module-feature-chart-html5 {\n                width: 100px;\n                height: 100px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-sub_row_1-0-2-2-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-sub_row_1-0-2-2-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 100px;\n                height: 100px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-sub_row_1-0-2-2-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 50px 50px 0;\n                clip: rect(0px, 100px, 100px, 50px);\n            }\n            .feature-3425-sub_row_1-0-2-2-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 50px 0 0 50px;\n            }\n            .feature-3425-sub_row_1-0-2-2-2 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 50px, 100px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n                box-shadow: inset 0 0 0 2px rgba(255,228,20, 1);\n            }\n            .feature-3425-sub_row_1-0-2-2-2 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n                                                                                                                                                    <\/div><\/div>\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                    \n                                    \n                                \n                            <\/div>\n                            <!-- \/row_inner -->\n                        <\/div>\n                        <!-- \/row_inner_wrapper -->\n                    <\/div>\n                    <!-- \/module_row -->\n                    \n\n                <!-- module_row -->\n                <div data-gutter=\"gutter-default\" class=\"themify_builder_row themify_builder_3425_row module_row module_row_6a19ee96f2889 clearfix gutter-default\" data-fullwidthvideo=\"https:\/\/themify.me\/demo\/themes\/landing-dev\/files\/2014\/04\/Apple-Iphone4s-TvAd-Life1.mp4\"                     data-equal-column-height=\"\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n<!-- .themify_builder_3425_row.module_row_6a19ee96f2889 Style -->\n<style type=\"text\/css\" >\n.themify_builder_3425_row.module_row_6a19ee96f2889.module_row {\n\tbackground-image: url(https:\/\/themify.me\/demo\/themes\/landing\/files\/2015\/02\/207765343.jpg);\n\tbackground-size: cover;\n\tpadding-top : 20%;\n\tpadding-bottom : 20%\n}\n<\/style>\n<!-- End .themify_builder_3425_row.module_row_6a19ee96f2889 Style -->\n\n                            \n                                \n                                        <div class=\"themify_builder_col col-full first last\">\n                                            \n                                                &nbsp;\n                                                                                        <\/div>\n                                        <!-- \/col -->\n\n                                    \n                                    \n                                \n                            <\/div>\n                            <!-- \/row_inner -->\n                        <\/div>\n                        <!-- \/row_inner_wrapper -->\n                    <\/div>\n                    <!-- \/module_row -->\n                    \n\n                <!-- module_row -->\n                <div data-gutter=\"gutter-default\" class=\"themify_builder_row themify_builder_3425_row module_row module_row_3 clearfix gutter-default\"                      data-equal-column-height=\"\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n<!-- .themify_builder_3425_row.module_row_3 Style -->\n<style type=\"text\/css\" >\n.themify_builder_3425_row.module_row_3.module_row {\n\tpadding-top : 6%\n}\n<\/style>\n<!-- End .themify_builder_3425_row.module_row_3 Style -->\n\n                            \n                                \n                                        <div class=\"col4-2 first tb-column  tb_3425_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n\t<!-- module image -->\n\t<div id=\"image-3425-3-0-1\" class=\"module module-image image-3425-3-0-1 rounded image-top  \">\n\n\t\t\n\t\t\n\t\t<div class=\"image-wrap\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/themify.me\/demo\/themes\/landing\/files\/2015\/02\/mac.png\" width=\"600\" alt=\"Serif\" \/>\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t<!-- \/image-wrap -->\n\t\t\n\t\t\n\t\t\n\t\t<\/div>\n\t<!-- \/module image -->\n\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                        <div class=\"col4-2 last tb-column  tb_3425_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-3425-3-1-1\" class=\"module module-text text-3425-3-1-1   \">\n\t\n\t\n\t<h3 style=\"text-align: left;\">Manage Your App<\/h3><p style=\"text-align: left;\">Use various styling features to change the layout of your app. Insert analytics to keep track of all users. Test and preview styling changes made both front and backend. Add an eCommerce feature to monetize your app. Run various promotional campaigns using the promotional tools and lastly, share with your users with the User Engagement resources built into the app. Lastly, manage the app using your laptop to create and customize your app easily. Insert custom coding and upload images. This is the perfect app managing tool that can be accessed anywhere on your site.\u00a0<\/p>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-3425-3-1-1.module-text { padding-left: 2%;  } \n<\/style>\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                    \n                                    \n                                \n                            <\/div>\n                            <!-- \/row_inner -->\n                        <\/div>\n                        <!-- \/row_inner_wrapper -->\n                    <\/div>\n                    <!-- \/module_row -->\n                    \n\n                <!-- module_row -->\n                <div data-gutter=\"gutter-default\" class=\"themify_builder_row themify_builder_3425_row module_row module_row_4 clearfix gutter-default fullwidth\"                      data-equal-column-height=\"\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n<!-- .themify_builder_3425_row.module_row_4 Style -->\n<style type=\"text\/css\" >\n.themify_builder_3425_row.module_row_4.module_row {\n\tpadding-top : 3%;\n\tpadding-right : 3%;\n\tpadding-bottom : 6%;\n\tpadding-left : 3%\n}\n<\/style>\n<!-- End .themify_builder_3425_row.module_row_4 Style -->\n\n                            \n                                \n                                        <div class=\"col4-1 first tb-column  tb_3425_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n    <!-- module feature -->\n    <div id=\"feature-3425-4-0-1\" class=\"module module-feature feature-3425-4-0-1 with-chart layout-icon-top size-medium  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"70\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,238,0, 1.00)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"150\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-paint-brush\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n                            <h3 class=\"module-feature-title\">\n                    \n                        Styling\n                                        <\/h3>\n            \n            <p>Customize the look and feel of your site<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-4-0-1 .module-feature-chart-html5 {\n                width: 150px;\n                height: 150px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-4-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-4-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 150px;\n                height: 150px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-4-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 75px 75px 0;\n                clip: rect(0px, 150px, 150px, 75px);\n            }\n            .feature-3425-4-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 75px 0 0 75px;\n            }\n            .feature-3425-4-0-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 75px, 150px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n            }\n            .feature-3425-4-0-1 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                        <div class=\"col4-1 second tb-column  tb_3425_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n    <!-- module feature -->\n    <div id=\"feature-3425-4-1-1\" class=\"module module-feature feature-3425-4-1-1 with-chart layout-icon-top size-medium  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"80\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,238,0, 1.00)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"150\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-bar-chart-o\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n                            <h3 class=\"module-feature-title\">\n                    \n                        Analytics\n                                        <\/h3>\n            \n            <p>Input your Google analytics code on your Footer to get more accurate results in your analytics<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-4-1-1 .module-feature-chart-html5 {\n                width: 150px;\n                height: 150px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-4-1-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-4-1-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 150px;\n                height: 150px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-4-1-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 75px 75px 0;\n                clip: rect(0px, 150px, 150px, 75px);\n            }\n            .feature-3425-4-1-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 75px 0 0 75px;\n            }\n            .feature-3425-4-1-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 75px, 150px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n            }\n            .feature-3425-4-1-1 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                        <div class=\"col4-1 third tb-column  tb_3425_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n    <!-- module feature -->\n    <div id=\"feature-3425-4-2-1\" class=\"module module-feature feature-3425-4-2-1 with-chart layout-icon-top size-medium  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"70\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,238,0, 1.00)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"150\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-gear\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n                            <h3 class=\"module-feature-title\">\n                    \n                        Customize\n                                        <\/h3>\n            \n            <p>Customize the look and feel on your site by adjusting the Styling panel.<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-4-2-1 .module-feature-chart-html5 {\n                width: 150px;\n                height: 150px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-4-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-4-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 150px;\n                height: 150px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-4-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 75px 75px 0;\n                clip: rect(0px, 150px, 150px, 75px);\n            }\n            .feature-3425-4-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 75px 0 0 75px;\n            }\n            .feature-3425-4-2-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 75px, 150px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n            }\n            .feature-3425-4-2-1 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                        <div class=\"col4-1 last tb-column  tb_3425_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n    <!-- module feature -->\n    <div id=\"feature-3425-4-3-1\" class=\"module module-feature feature-3425-4-3-1 with-chart layout-icon-top size-medium  \">\n\n        \n        \n        <div class=\"module-feature-image\">\n\n            \n                <div class=\"module-feature-chart-html5\"\n                    data-progress=\"0\"\n                    data-progress-end=\"70\"\n                    data-bgcolor=\"rgba(0,0,0, 1)\"\n                    data-color=\"rgba(255,238,0, 1.00)\"\n                    data-trackcolor=\"rgba(0,0,0,.1)\"\n                    data-size=\"150\"\n                    data-linewidth=\"2\"\n                    data-animate=\"2000\"\n                    \n                    data-linecap=\"butt\"\n                    data-scalelength=\"0\"\n                    data-rotate=\"0\">\n                    \n                    <div class=\"chart-html5-circle\">\n                        <div class=\"chart-html5-mask chart-html5-full\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                        <div class=\"chart-html5-mask chart-html5-half\"><div class=\"chart-html5-fill\"><\/div><\/div>\n                    <\/div>\n\n                    <div class=\"chart-html5-inset chart-html5-inset-icon\">\n                        \n                                                                                <i class=\"module-feature-icon fa fa-users\" style=\"color: rgba(0,0,0, 1)\"><\/i>                        \n                    <\/div>\n                <\/div>\n\n                \n        <\/div>\n\n        <div class=\"module-feature-content\">\n                            <h3 class=\"module-feature-title\">\n                    \n                        Communicate\n                                        <\/h3>\n            \n            <p>Email us at info[at]themify.me and we&#8217;ll respond to your queries as fast as possible<\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module feature -->\n\n    <style>\n            .feature-3425-4-3-1 .module-feature-chart-html5 {\n                width: 150px;\n                height: 150px;\n                -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n                box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);\n            }\n            .feature-3425-4-3-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask,\n            .feature-3425-4-3-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                width: 150px;\n                height: 150px;\n                -webkit-transition: all 2000ms ease 0s;\n                -moz-transition: all 2000ms ease 0s;\n                -ms-transition: all 2000ms ease 0s;\n                -o-transition: all 2000ms ease 0s;\n                transition: all 2000ms ease 0s;\n            }\n            .feature-3425-4-3-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask {\n                border-radius: 0 75px 75px 0;\n                clip: rect(0px, 150px, 150px, 75px);\n            }\n            .feature-3425-4-3-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-fill {\n                border-radius: 75px 0 0 75px;\n            }\n            .feature-3425-4-3-1 .module-feature-chart-html5 .chart-html5-circle .chart-html5-mask .chart-html5-fill {\n                clip: rect(0px, 75px, 150px, 0px);\n                -webkit-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -moz-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -ms-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                -o-box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n                box-shadow: inset 0 0 0 2px rgba(255,238,0, 1.00);\n            }\n            .feature-3425-4-3-1 .module-feature-chart-html5 .chart-html5-inset {\n                background-color: ;\n            }\n        <\/style>\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                    \n                                    \n                                \n                            <\/div>\n                            <!-- \/row_inner -->\n                        <\/div>\n                        <!-- \/row_inner_wrapper -->\n                    <\/div>\n                    <!-- \/module_row -->\n                    \n\n                <!-- module_row -->\n                <div data-gutter=\"gutter-default\" class=\"themify_builder_row themify_builder_3425_row module_row module_row_5 clearfix gutter-default\"                      data-equal-column-height=\"\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n<!-- .themify_builder_3425_row.module_row_5 Style -->\n<style type=\"text\/css\" >\n.themify_builder_3425_row.module_row_5.module_row {\n\tbackground-color: #ebebeb;\n\tpadding-top : 6%;\n\tpadding-bottom : 6%\n}\n<\/style>\n<!-- End .themify_builder_3425_row.module_row_5 Style -->\n\n                            \n                                \n                                        <div class=\"col-full first tb-column  tb_3425_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-3425-5-0-1\" class=\"module module-text text-3425-5-0-1   \">\n\t\n\t\n\t<h2 style=\"text-align: center;\">Pricing<\/h2>\n\t<\/div>\n<!-- \/module text -->\n<div class=\"themify_builder_sub_row\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearfix gutter-default  sub_row_5-0-2\" >\n                                                                \n                                                                    <div class=\"col3-1 first sub_column sub_column_5-0-2-0 sub_column_post_3425\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n    <!-- module box -->\n    <div id=\"box-3425-sub_row_5-0-2-0-0\" class=\"module module-box box-3425-sub_row_5-0-2-0-0 \">\n        \n        \n        <div class=\"module-box-content ui   default price-box \">\n            <h3 style=\"text-align: center;\">Basic<\/h3><h4 style=\"text-align: center;\">$300<\/h4><ul><li style=\"text-align: center;\">Access to all Themify themes<\/li><li style=\"text-align: center;\">Can be used on Multiple sites<\/li><li style=\"text-align: center;\">All themes is built-in with the Builder<\/li><\/ul><p style=\"text-align: center;\"><a href=\"https:\/\/themify.me\/themes\/landing\" class=\"shortcode button xlarge black outline rect \" style=\"\" target=\"\" onclick=\"\">Buy Basic<\/a><\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module box -->\n\n\n                                                                                                                                                    <\/div><div class=\"col3-1 sub_column sub_column_5-0-2-1 sub_column_post_3425\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n    <!-- module box -->\n    <div id=\"box-3425-sub_row_5-0-2-1-0\" class=\"module module-box box-3425-sub_row_5-0-2-1-0 \">\n        \n        \n        <div class=\"module-box-content ui   default price-box \">\n            <h3 style=\"text-align: center;\">Pro<\/h3><h4 style=\"text-align: center;\">$400<\/h4><ul><li style=\"text-align: center;\">Comes with access to all Themes<\/li><li style=\"text-align: center;\">Comes with PSD (Photoshop) files<\/li><li style=\"text-align: center;\">Very similar to the Pro memerbsip<\/li><\/ul><p style=\"text-align: center;\"><a href=\"https:\/\/themify.me\/themes\/landing\" class=\"shortcode button xlarge black outline rect \" style=\"\" target=\"\" onclick=\"\">Buy Pro<\/a><\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module box -->\n\n\n                                                                                                                                                    <\/div><div class=\"col3-1 last sub_column sub_column_5-0-2-2 sub_column_post_3425\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n    <!-- module box -->\n    <div id=\"box-3425-sub_row_5-0-2-2-0\" class=\"module module-box box-3425-sub_row_5-0-2-2-0 \">\n        \n        \n        <div class=\"module-box-content ui   default price-box \">\n            <h3 style=\"text-align: center;\">Premium<\/h3><h4 style=\"text-align: center;\">$500<\/h4><ul><li style=\"text-align: center;\">Access to all Themify themes<\/li><li style=\"text-align: center;\">Access to all Stand-alone plugins<\/li><li style=\"text-align: center;\">Acces to all extendable idons<\/li><\/ul><p style=\"text-align: center;\"><a href=\"https:\/\/themify.me\/themes\/landing\" class=\"shortcode button xlarge black outline rect \" style=\"\" target=\"\" onclick=\"\">Buy Premium<\/a><\/p>        <\/div>\n\n            <\/div>\n    <!-- \/module box -->\n\n\n                                                                                                                                                    <\/div><\/div>\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                    \n                                    \n                                \n                            <\/div>\n                            <!-- \/row_inner -->\n                        <\/div>\n                        <!-- \/row_inner_wrapper -->\n                    <\/div>\n                    <!-- \/module_row -->\n                    \n<\/div>\n<!-- \/themify_builder_content -->","protected":false},"excerpt":{"rendered":"<p>Serif TypographyCreate an amazing page for your app using the Builder plugin. Highlight app features, display video demo, and much more. See how your can look like with this demo.\u00a0<a href=\"https:\/\/themify.me\" class=\"shortcode button large blue flat rect \" style=\"\" target=\"\" onclick=\"\">Download from APP STORE<\/a>\u00a0<a href=\"https:\/\/themify.me\" class=\"shortcode button large green flat rect \" style=\"\" target=\"\" onclick=\"\">Download from PLAY STORE<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3420,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3425","page","type-page","status-publish","hentry","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author"],"_links":{"self":[{"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/pages\/3425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/comments?post=3425"}],"version-history":[{"count":2,"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/pages\/3425\/revisions"}],"predecessor-version":[{"id":5111,"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/pages\/3425\/revisions\/5111"}],"up":[{"embeddable":true,"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/pages\/3420"}],"wp:attachment":[{"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/media?parent=3425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}