{"id":4249,"date":"2015-07-01T18:48:36","date_gmt":"2015-07-01T18:48:36","guid":{"rendered":"https:\/\/themify.me\/demo\/themes\/ultra\/?page_id=4249"},"modified":"2016-10-23T19:38:49","modified_gmt":"2016-10-23T19:38:49","slug":"header-top-bar","status":"publish","type":"page","link":"https:\/\/sulaimankhan.com\/index.php\/theme-appearance\/header-top-bar\/","title":{"rendered":"Header Top Bar"},"content":{"rendered":"<div id=\"themify_builder_content-4249\" data-postid=\"4249\" class=\"themify_builder_content themify_builder_content-4249 themify_builder themify_builder_front\">\n\n\t\n                <!-- module_row -->\n                <div data-gutter=\"gutter-default\" class=\"themify_builder_row themify_builder_4249_row module_row module_row_0 clearfix gutter-default builder-parallax-scrolling fullwidth fullheight\"                      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_4249_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_4249\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n<!-- module text -->\n<div id=\"text-4249-sub_row_0-0-1-0-0\" class=\"module module-text text-4249-sub_row_0-0-1-0-0   \">\n\t\n\t\n\t<h1>New Music Landing Page.<\/h1><h5>We used the Audio, Button, and Pricing Table addon to show you how you can create an amazing music layout.<\/h5>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-4249-sub_row_0-0-1-0-0.module-text { padding-right: 4%; padding-bottom: 2%;  } \n<\/style>\n\n                                                                                                                                                    <\/div><div class=\"col4-2 last sub_column sub_column_0-0-1-1 sub_column_post_4249\" >\n                                                                        \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_4249_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                            \n                                \n                                        <div class=\"col-full first tb-column  tb_4249_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \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-none\" class=\"themify_builder_row themify_builder_4249_row module_row module_row_2 clearfix gutter-none fullwidth\"                      data-equal-column-height=\"\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n<!-- .themify_builder_4249_row.module_row_2 Style -->\n<style type=\"text\/css\" >\n.themify_builder_4249_row.module_row_2.module_row {\n\tbackground-color: #475F77\n}\n<\/style>\n<!-- End .themify_builder_4249_row.module_row_2 Style -->\n\n                            \n                                \n                                        <div class=\"col4-2 first tb-column  tb_4249_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-4249-2-0-1\" class=\"module module-text text-4249-2-0-1  fullcover \">\n\t\n\t\n\t<h2>Showcase Your Music.<\/h2><p><strong>Morbi augue lacus, malesuada id cursus a, consequat vel risus. Fusce non lectus nibh. Quisque tempor augue ut porttitor auctor. Suspendisse iaculis diam non est ultrices rhoncus.\u00a0<\/strong><strong>Suspendisse potenti. Aenean ultrices nisl quis tempor sodales.\u00a0<\/strong><\/p><h4><a href=\"https:\/\/themify.me\/themes\/landing\"><b>Get it now<\/b><\/a><\/h4><h4><a href=\"https:\/\/themify.me\/themes\/landing\"><b>Download now<\/b><\/a><\/h4>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-4249-2-0-1.module-text { background-image: url(\"https:\/\/themify.me\/demo\/themes\/ultra\/files\/2015\/06\/139731562.jpg\"); background-repeat: fullcover; color: #ffffff; padding-top: 15%; padding-right: 20%; padding-bottom: 22%; padding-left: 10%;  } \n.themify_builder .text-4249-2-0-1.module-text h1 { color: #ffffff;  } \n.themify_builder .text-4249-2-0-1.module-text h2 { color: #ffffff;  } \n.themify_builder .text-4249-2-0-1.module-text h3:not(.module-title) { color: #ffffff;  } \n.themify_builder .text-4249-2-0-1.module-text h4 { color: #ffffff;  } \n.themify_builder .text-4249-2-0-1.module-text h5 { color: #ffffff;  } \n.themify_builder .text-4249-2-0-1.module-text h6 { color: #ffffff;  } \n.themify_builder .text-4249-2-0-1.module-text a { color: #ffffff;  } \n<\/style>\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                        <div class=\"col4-2 last tb-column  tb_4249_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-none  sub_row_2-1-1\" >\n                                                                \n                                                                    <div class=\"col3-1 first sub_column sub_column_2-1-1-0 sub_column_post_4249\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n\t<!-- module image -->\n\t<div id=\"image-4249-sub_row_2-1-1-0-0\" class=\"module module-image image-4249-sub_row_2-1-1-0-0   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\/ultra\/files\/2015\/07\/ariana-grande-400x400.jpg\" width=\"400\" height=\"400\" alt=\"Header Top Bar\" \/>\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 class=\"col3-1 sub_column sub_column_2-1-1-1 sub_column_post_4249\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n\t<!-- module image -->\n\t<div id=\"image-4249-sub_row_2-1-1-1-0\" class=\"module module-image image-4249-sub_row_2-1-1-1-0   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\/ultra\/files\/2015\/07\/jason-derulo-400x400.jpg\" width=\"400\" height=\"400\" alt=\"Header Top Bar\" \/>\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 class=\"col3-1 last sub_column sub_column_2-1-1-2 sub_column_post_4249\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n\t<!-- module image -->\n\t<div id=\"image-4249-sub_row_2-1-1-2-0\" class=\"module module-image image-4249-sub_row_2-1-1-2-0   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\/ultra\/files\/2015\/07\/kanye-west-400x400.png\" width=\"400\" height=\"400\" alt=\"Header Top Bar\" \/>\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<!-- module text -->\n<div id=\"text-4249-2-1-2\" class=\"module module-text text-4249-2-1-2   \">\n\t\n\t\n\t<h2>Broadcast\u00a0Your music.<\/h2><p><strong>Upload your tracks using the <a href=\"https:\/\/themify.me\/addons\/audio\/\">Audio addon<\/a>, and allow you users to get a taste of your music. Check out our <a href=\"https:\/\/themify.me\/themes\">Pricing Table addon<\/a> below.<\/strong><\/p>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-4249-2-1-2.module-text { background-color: #DCDDD8; color: #475F77; text-align: center; padding-top: 3%; padding-right: 5%; padding-bottom: 3%; padding-left: 5%;  } \n.themify_builder .text-4249-2-1-2.module-text h1 { color: #475F77;  } \n.themify_builder .text-4249-2-1-2.module-text h2 { color: #475F77;  } \n.themify_builder .text-4249-2-1-2.module-text h3:not(.module-title) { color: #475F77;  } \n.themify_builder .text-4249-2-1-2.module-text h4 { color: #475F77;  } \n.themify_builder .text-4249-2-1-2.module-text h5 { color: #475F77;  } \n.themify_builder .text-4249-2-1-2.module-text h6 { color: #475F77;  } \n.themify_builder .text-4249-2-1-2.module-text a { color: #D74B4B;  } \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_4249_row module_row module_row_3 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<!-- .themify_builder_4249_row.module_row_3 Style -->\n<style type=\"text\/css\" >\n.themify_builder_4249_row.module_row_3.module_row {\n\tbackground-image: url(https:\/\/themify.me\/demo\/themes\/ultra\/files\/2015\/06\/193816727.jpg);\n\tbackground-color: #dbdbdb;\n\ttext-align: center;\n\tcolor: #000000;\n\tpadding-top : 10%;\n\tpadding-bottom : 10%;\n\tborder-bottom: #faf205 5px solid\n}\n.themify_builder_4249_row.module_row_3.module_row a {\n\tcolor: #000000\n}\n.themify_builder_4249_row.module_row_3.module_row h1 {\n\tcolor: #000000\n}\n.themify_builder_4249_row.module_row_3.module_row h2 {\n\tcolor: #000000\n}\n.themify_builder_4249_row.module_row_3.module_row h3:not(.module-title) {\n\tcolor: #000000\n}\n.themify_builder_4249_row.module_row_3.module_row h4 {\n\tcolor: #000000\n}\n.themify_builder_4249_row.module_row_3.module_row h5 {\n\tcolor: #000000\n}\n.themify_builder_4249_row.module_row_3.module_row h6 {\n\tcolor: #000000\n}\n<\/style>\n<!-- End .themify_builder_4249_row.module_row_3 Style -->\n\n                            \n                                \n                                        <div class=\"col-full first tb-column  tb_4249_column module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-4249-3-0-1\" class=\"module module-text text-4249-3-0-1   \">\n\t\n\t\n\t<h2>Get the new Music landing page<\/h2><p>Now available together with all the 25+ page layouts<\/p>\n\t<\/div>\n<!-- \/module text -->\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_4249_row module_row module_row_4 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_4249_row.module_row_4 Style -->\n<style type=\"text\/css\" >\n.themify_builder_4249_row.module_row_4.module_row {\n\tpadding-top : 5%;\n\tpadding-bottom : 5%\n}\n<\/style>\n<!-- End .themify_builder_4249_row.module_row_4 Style -->\n\n                            \n                                \n                                        <div class=\"col-full first tb-column  tb_4249_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_4-0-1\" >\n                                                                \n                                                                    <div class=\"col3-1 first sub_column sub_column_4-0-1-0 sub_column_post_4249\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n                                                                                                                                                    <\/div><div class=\"col3-1 sub_column sub_column_4-0-1-1 sub_column_post_4249\" >\n                                                                        \n                                                                        \n                                                                                                                                                    \n                                                                                                                                                    <\/div><div class=\"col3-1 last sub_column sub_column_4-0-1-2 sub_column_post_4249\" >\n                                                                        \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>New Music Landing Page.We used the Audio, Button, and Pricing Table addon to show you how you can create an amazing music layout.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3420,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-4249","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\/4249","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=4249"}],"version-history":[{"count":2,"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/pages\/4249\/revisions"}],"predecessor-version":[{"id":5108,"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/pages\/4249\/revisions\/5108"}],"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=4249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}