{"id":4907,"date":"2016-03-14T20:22:11","date_gmt":"2016-03-14T20:22:11","guid":{"rendered":"https:\/\/themify.me\/demo\/themes\/ultra\/?page_id=4907"},"modified":"2016-10-23T19:38:49","modified_gmt":"2016-10-23T19:38:49","slug":"header-overlay","status":"publish","type":"page","link":"https:\/\/sulaimankhan.com\/index.php\/theme-appearance\/header-overlay\/","title":{"rendered":"Header Overlay"},"content":{"rendered":"<div id=\"themify_builder_content-4907\" data-postid=\"4907\" class=\"themify_builder_content themify_builder_content-4907 themify_builder themify_builder_front\">\n\n\t\n                <!-- module_row -->\n                <div data-gutter=\"gutter-none\" class=\"themify_builder_row themify_builder_4907_row module_row module_row_0 clearfix gutter-none equal-column-height fullwidth\"                      data-equal-column-height=\"equal-column-height\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n                            \n                                \n                                        <div class=\"col4-2 first tb-column  tb_4907_column module_column_0 module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n\t<!-- module image -->\n\t<div id=\"image-4907-0-0-1\" class=\"module module-image image-4907-0-0-1   image-center   auto_fullwidth\">\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\/builder-layouts\/files\/2016\/01\/Apple-Watch_MockUp_typeA-1-650x662.png\" width=\"650\" alt=\"Header Overlay\" \/>\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-4907-0-0-1.module-image { padding-top: 6%; padding-bottom: 6%;  } \n<\/style>\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                        <div class=\"col4-2 last tb-column  tb_4907_column module_column_1 module_column fullcover\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n<!-- .module_row_0 .tb_4907_column.module_column_1 Style -->\n<style type=\"text\/css\" >\n.module_row_0 .tb_4907_column.module_column_1.module_column {\n\tbackground-image: url(https:\/\/themify.me\/demo\/themes\/builder-layouts\/files\/2016\/01\/Apple_Watch_MockUp_typeB-4.png)\n}\n<\/style>\n<!-- End .module_row_0 .tb_4907_column.module_column_1 Style -->\n\n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-4907-0-1-1\" class=\"module module-text text-4907-0-1-1   \">\n\t\n\t\n\t<h1>Smart\u00a0Watch<\/h1><h3>Change the way you see time<\/h3>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-4907-0-1-1.module-text { color: #ffffff; padding-top: 35%; padding-bottom: 20%; padding-left: 13%;  } \n.themify_builder .text-4907-0-1-1.module-text h1 { color: #ffffff;  } \n.themify_builder .text-4907-0-1-1.module-text h2 { color: #ffffff;  } \n.themify_builder .text-4907-0-1-1.module-text h3:not(.module-title) { color: #ffffff;  } \n.themify_builder .text-4907-0-1-1.module-text h4 { color: #ffffff;  } \n.themify_builder .text-4907-0-1-1.module-text h5 { color: #ffffff;  } \n.themify_builder .text-4907-0-1-1.module-text h6 { color: #ffffff;  } \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-none\" class=\"themify_builder_row themify_builder_4907_row module_row module_row_1 clearfix gutter-none repeat-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_4907_row.module_row_1 Style -->\n<style type=\"text\/css\" >\n.themify_builder_4907_row.module_row_1.module_row {\n\tbackground-color: #f2f2f2;\n\tpadding-top : 6%;\n\tpadding-right : 6%;\n\tpadding-bottom : 6%;\n\tpadding-left : 6%\n}\n<\/style>\n<!-- End .themify_builder_4907_row.module_row_1 Style -->\n\n                            \n                                \n                                        <div class=\"col3-2 first tb-column  tb_4907_column module_column_0 module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-4907-1-0-1\" class=\"module module-text text-4907-1-0-1   \">\n\t\n\t\n\t<h1>Why Smart\u00a0Watch?<\/h1><h3>Sed sagittis, elit egestas rutrum vehicula, neque dolor fringilla lacus, ut rhoncus turpis augue vitae libero. Nam risus velit, rhoncus eget consectetur id, posuere eget diam pretium cursus at ligula.<\/h3>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-4907-1-0-1.module-text { color: #000000; text-align: center; padding-top: 12%; padding-right: 5%; padding-bottom: 5%;  } \n.themify_builder .text-4907-1-0-1.module-text h1 { color: #000000;  } \n.themify_builder .text-4907-1-0-1.module-text h2 { color: #000000;  } \n.themify_builder .text-4907-1-0-1.module-text h3:not(.module-title) { color: #000000;  } \n.themify_builder .text-4907-1-0-1.module-text h4 { color: #000000;  } \n.themify_builder .text-4907-1-0-1.module-text h5 { color: #000000;  } \n.themify_builder .text-4907-1-0-1.module-text h6 { color: #000000;  } \n<\/style>\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                        <div class=\"col3-1 last tb-column  tb_4907_column module_column_1 module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n\t<!-- module image -->\n\t<div id=\"image-4907-1-1-1\" class=\"module module-image image-4907-1-1-1   image-right  \">\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\/builder-layouts\/files\/2016\/01\/Apple_Watch_Mockup_juank85-3-550x536.png\" width=\"550\" alt=\"Header Overlay\" \/>\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                                    \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_4907_row module_row module_row_2 clearfix gutter-none equal-column-height fullwidth\"                      data-equal-column-height=\"equal-column-height\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n                            \n                                \n                                        <div class=\"col4-2 first tb-column  tb_4907_column module_column_0 module_column fullcover\" >\n\n                                            \n                <div class=\"builder_row_cover\" style=\"background-color: rgba(0,0,0, 0.55)\" data-color=\"rgba(0,0,0, 0.55)\" data-hover-color=\"rgba(0,0,0, 0.89)\"><\/div>\n\n                \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n<!-- .module_row_2 .tb_4907_column.module_column_0 Style -->\n<style type=\"text\/css\" >\n.module_row_2 .tb_4907_column.module_column_0.module_column {\n\tbackground-image: url(https:\/\/themify.me\/demo\/themes\/builder-layouts\/files\/2016\/01\/iphone-1021293_1920.jpg);\n\tpadding-top : 0px\n}\n<\/style>\n<!-- End .module_row_2 .tb_4907_column.module_column_0 Style -->\n\n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-4907-2-0-1\" class=\"module module-text text-4907-2-0-1   \">\n\t\n\t\n\t<h3>Phone Connect<\/h3>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-4907-2-0-1.module-text { color: #ffffff; text-align: center; padding-top: 20%;  } \n.themify_builder .text-4907-2-0-1.module-text h1 { color: #ffffff;  } \n.themify_builder .text-4907-2-0-1.module-text h2 { color: #ffffff;  } \n.themify_builder .text-4907-2-0-1.module-text h3:not(.module-title) { color: #ffffff;  } \n.themify_builder .text-4907-2-0-1.module-text h4 { color: #ffffff;  } \n.themify_builder .text-4907-2-0-1.module-text h5 { color: #ffffff;  } \n.themify_builder .text-4907-2-0-1.module-text h6 { color: #ffffff;  } \n<\/style>\n\n    <!-- module buttons -->\n    <div id=\"buttons-4907-2-0-2\" class=\"module module-buttons buttons-4907-2-0-2  \">\n\n        \n        \n        <div class=\"module-buttons normal outline\">\n                            <div class=\"module-buttons-item\">\n                                            <a class=\"ui builder_button  default\"  href=\"https:\/\/themify.me\/\">\n                                                                    <span>LEARN MORE<\/span>\n                                            <\/a>\n                                    <\/div>\n                    <\/div>\n\n        \n    <\/div>\n    <!-- \/module buttons -->\n<style type=\"text\/css\">.themify_builder .buttons-4907-2-0-2 div.module-buttons { text-align: center; margin-bottom: 20%;  } \n.themify_builder .buttons-4907-2-0-2div.module-buttons { color: #ffffff;  } \n.themify_builder .buttons-4907-2-0-2 div.module-buttons 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_4907_column module_column_1 module_column fullcover\" >\n\n                                            \n                <div class=\"builder_row_cover\" style=\"background-color: rgba(0,0,0, 0.51)\" data-color=\"rgba(0,0,0, 0.51)\" data-hover-color=\"rgba(0,0,0, 0.85)\"><\/div>\n\n                \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n<!-- .module_row_2 .tb_4907_column.module_column_1 Style -->\n<style type=\"text\/css\" >\n.module_row_2 .tb_4907_column.module_column_1.module_column {\n\tbackground-image: url(https:\/\/themify.me\/demo\/themes\/builder-layouts\/files\/2016\/01\/fitnessmockup-1.png)\n}\n<\/style>\n<!-- End .module_row_2 .tb_4907_column.module_column_1 Style -->\n\n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-4907-2-1-1\" class=\"module module-text text-4907-2-1-1   \">\n\t\n\t\n\t<h3>Fitness Tracker<\/h3>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-4907-2-1-1.module-text { color: #ffffff; text-align: center; padding-top: 20%;  } \n.themify_builder .text-4907-2-1-1.module-text h1 { color: #ffffff;  } \n.themify_builder .text-4907-2-1-1.module-text h2 { color: #ffffff;  } \n.themify_builder .text-4907-2-1-1.module-text h3:not(.module-title) { color: #ffffff;  } \n.themify_builder .text-4907-2-1-1.module-text h4 { color: #ffffff;  } \n.themify_builder .text-4907-2-1-1.module-text h5 { color: #ffffff;  } \n.themify_builder .text-4907-2-1-1.module-text h6 { color: #ffffff;  } \n<\/style>\n\n    <!-- module buttons -->\n    <div id=\"buttons-4907-2-1-2\" class=\"module module-buttons buttons-4907-2-1-2  \">\n\n        \n        \n        <div class=\"module-buttons normal outline\">\n                            <div class=\"module-buttons-item\">\n                                            <a class=\"ui builder_button  default\"  href=\"https:\/\/themify.me\/\">\n                                                                    <span>LEARN MORE<\/span>\n                                            <\/a>\n                                    <\/div>\n                    <\/div>\n\n        \n    <\/div>\n    <!-- \/module buttons -->\n<style type=\"text\/css\">.themify_builder .buttons-4907-2-1-2 div.module-buttons { text-align: center; margin-bottom: 20%;  } \n.themify_builder .buttons-4907-2-1-2div.module-buttons { color: #ffffff;  } \n.themify_builder .buttons-4907-2-1-2 div.module-buttons a { color: #ffffff;  } \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_4907_row module_row module_row_3 clearfix gutter-default equal-column-height repeat-none fullwidth\"                      data-equal-column-height=\"equal-column-height\">\n\n                    \n                    \n                    <div class=\"row_inner_wrapper\">\n                        <div class=\"row_inner\">\n\n                            \n<!-- .themify_builder_4907_row.module_row_3 Style -->\n<style type=\"text\/css\" >\n.themify_builder_4907_row.module_row_3.module_row {\n\tpadding-top : 6%;\n\tpadding-right : 6%;\n\tpadding-bottom : 8%;\n\tpadding-left : 6%\n}\n<\/style>\n<!-- End .themify_builder_4907_row.module_row_3 Style -->\n\n                            \n                                \n                                        <div class=\"col3-1 first tb-column  tb_4907_column module_column_0 module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n\t<!-- module image -->\n\t<div id=\"image-4907-3-0-1\" class=\"module module-image image-4907-3-0-1   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\/builder-layouts\/files\/2016\/01\/apple-watch-moxtra-app-1024x537-550x288.png\" width=\"550\" alt=\"Header Overlay\" \/>\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-4907-3-0-1.module-image { padding-top: 17%;  } \n<\/style>\n\n                                                    <\/div>\n                                                    <!-- \/.tb-column-inner -->\n                                                                                                <\/div>\n                                            <!-- \/.tb-column -->\n                                        \n                                        <div class=\"col3-2 last tb-column  tb_4907_column module_column_1 module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-4907-3-1-1\" class=\"module module-text text-4907-3-1-1   \">\n\t\n\t\n\t<h1>Colors<\/h1><h3>Sed sagittis, elit egestas rutrum vehicula, neque dolor fringilla lacus, ut rhoncus turpis augue vitae libero. Nam risus velit, rhoncus eget consectetur id, posuere at ligula.<\/h3>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-4907-3-1-1.module-text { color: #000000; padding-top: 7%; padding-right: 5%; padding-bottom: 5%; padding-left: 8%;  } \n.themify_builder .text-4907-3-1-1.module-text h1 { color: #000000;  } \n.themify_builder .text-4907-3-1-1.module-text h2 { color: #000000;  } \n.themify_builder .text-4907-3-1-1.module-text h3:not(.module-title) { color: #000000;  } \n.themify_builder .text-4907-3-1-1.module-text h4 { color: #000000;  } \n.themify_builder .text-4907-3-1-1.module-text h5 { color: #000000;  } \n.themify_builder .text-4907-3-1-1.module-text h6 { color: #000000;  } \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_4907_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_4907_row.module_row_4 Style -->\n<style type=\"text\/css\" >\n.themify_builder_4907_row.module_row_4.module_row {\n\tbackground-color: #f2f2f2;\n\tpadding-top : 6%;\n\tpadding-right : 6%;\n\tpadding-bottom : 4%;\n\tpadding-left : 6%\n}\n<\/style>\n<!-- End .themify_builder_4907_row.module_row_4 Style -->\n\n                            \n                                \n                                        <div class=\"col-full first tb-column  tb_4907_column module_column_0 module_column\" >\n\n                                            \n                                            \n                                            <div class=\"tb-column-inner\">\n\n                                                \n                                                \n                                                    \n<!-- module text -->\n<div id=\"text-4907-4-0-1\" class=\"module module-text text-4907-4-0-1   \">\n\t\n\t\n\t<h1>Get Smart\u00a0Watch<\/h1><h3>Buy from our store and get 30% off<\/h3>\n\t<\/div>\n<!-- \/module text --><style type=\"text\/css\">.themify_builder .text-4907-4-0-1.module-text { text-align: center;  } \n<\/style>\n\n    <!-- module buttons -->\n    <div id=\"buttons-4907-4-0-2\" class=\"module module-buttons buttons-4907-4-0-2  \">\n\n        \n        \n        <div class=\"module-buttons normal circle\">\n                            <div class=\"module-buttons-item\">\n                                            <a class=\"ui builder_button  blue\"  href=\"http:\/\/themify.me\/\">\n                                                                    <span>BUY NOW<\/span>\n                                            <\/a>\n                                    <\/div>\n                    <\/div>\n\n        \n    <\/div>\n    <!-- \/module buttons -->\n<style type=\"text\/css\">.themify_builder .buttons-4907-4-0-2 div.module-buttons { text-align: center; margin-bottom: 6%;  } \n.themify_builder .buttons-4907-4-0-2div.module-buttons { color: #ffffff;  } \n.themify_builder .buttons-4907-4-0-2 div.module-buttons i { font-size: 20px;  } \n.themify_builder .buttons-4907-4-0-2 div.module-buttons a { font-size: 20px;  } \n.themify_builder .buttons-4907-4-0-2 div.module-buttons span { font-size: 20px;  } \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<\/div>\n<!-- \/themify_builder_content -->","protected":false},"excerpt":{"rendered":"<p>Smart\u00a0WatchChange the way you see time<\/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-4907","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\/4907","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=4907"}],"version-history":[{"count":1,"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/pages\/4907\/revisions"}],"predecessor-version":[{"id":5067,"href":"https:\/\/sulaimankhan.com\/index.php\/wp-json\/wp\/v2\/pages\/4907\/revisions\/5067"}],"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=4907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}