{"id":259,"date":"2018-07-17T05:14:20","date_gmt":"2018-07-17T05:14:20","guid":{"rendered":"https:\/\/artfed.es\/sea01\/?post_type=ux-portfolio&#038;p=74"},"modified":"2025-10-26T08:18:14","modified_gmt":"2025-10-26T08:18:14","slug":"title-with-a-image-mask","status":"publish","type":"ux-portfolio","link":"https:\/\/artfed.es\/index.php\/ux-portfolio\/title-with-a-image-mask\/","title":{"rendered":"Bad dragon"},"content":{"rendered":"<div class=\"bm-builder clearfix \"><div id=\"\" class=\"module col-0 module-id-1571634062874 bm-wrap row-top row-left\" data-module-col=\"0\" data-change-color=\"off\" data-backcolor=\"transparent\" data-frontcolor=\"\" data-logocolor=\"\" data-goto-top=\"off\" data-goto-top-spacing=\"0\" data-goto-disable-m=\"off\" data-groupsameheight=\"off\"><div class=\"module-inside group-inside\" style=\"--top-mod: 0px;--bottom-mod: 0px;--top-mod-t: 0px;--bottom-mod-t: 0px;--top-mod-m:0px;--bottom-mod-m:0px;\" ><div class=\"bm-background-img\" style=\"background-image:url(https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/placeholder-image-01-1.jpg);background-attachment:fixed;background-position: 50% 0;--maskOpacity:0.00000001;--maskColor:#000000;\"><\/div><\/div><\/div><div id=\"\" class=\"module col-12 module-id-1571634063406 bm-wrap row-top row-left\" data-module-col=\"12\" data-change-color=\"off\" data-backcolor=\"transparent\" data-frontcolor=\"\" data-logocolor=\"\" data-goto-top=\"off\" data-goto-top-spacing=\"0\" data-goto-disable-m=\"\" data-groupsameheight=\"\"><div class=\"module-inside group-inside\" style=\"--top-mod: 100px;--bottom-mod: 0px;--top-mod-t: 100px;--bottom-mod-t: 0px;--top-mod-m:0px;--bottom-mod-m:0px;\" ><div id=\"\" class=\"module col-12 module-id-1571634063638 col-offset-0\" data-module-col=\"12\"><div class=\"module-inside text-inside\" style=\"--top-mod: 0px;--bottom-mod: 40px;--top-mod-t: 0px;--bottom-mod-t: 40px;--top-mod-m:40px;--bottom-mod-m:20px;\" ><div class=\"text_block_out\"  data-effect=\"mask\" style=\"\"><div class=\"text_block withbg background_image\"><div class=\"  bm-text-bgimg-mask\" style=\"\"><div class=\"text_block_inn\"><div id=\"text-1571634063638\" class=\"text_block_centered text_block_centered_enable_width\"  style=\"--text-mask-background-image:url(https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/placeholder-image-01-1.jpg)\"><h1><span style=\"--font-size-m: 36px;\">Title with a Image Mask<\/span><\/h1><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"\" class=\"module col-12 module-id-1571634063927 bm-wrap row-middle row-left bm-wrap-height-auto\" data-module-col=\"12\" data-change-color=\"off\" data-backcolor=\"transparent\" data-frontcolor=\"\" data-logocolor=\"\" data-goto-top=\"off\" data-goto-top-spacing=\"0\" data-goto-disable-m=\"\" data-groupsameheight=\"\"><div class=\"module-inside group-inside\" style=\"--top-mod: 0px;--bottom-mod: 120px;--top-mod-t: 0px;--bottom-mod-t: 120px;--top-mod-m:0px;--bottom-mod-m:0px;\" ><div id=\"\" class=\"module col-9 module-id-1571634064139 col-offset-0\" data-module-col=\"9\"><div class=\"module-inside text-inside\" style=\"--top-mod: 0px;--bottom-mod: 0px;--top-mod-t: 0px;--bottom-mod-t: 0px;--top-mod-m:0px;--bottom-mod-m:40px;\" ><div class=\"text_block_out\"  data-effect=\"standard\" style=\"\"><div class=\"text_block ux-mod-nobg\"><div class=\"text_block_inn\"><div id=\"text-1571634064139\" class=\"text_block_centered text_block_centered_enable_width\"  style=\"\"><p><span style=\"font-size: 26px;\" data-msize=\"22px\">It is easy to build your own custom layout without limitations. Most of the layouts for pages and single projects you could see in our demo have been saved to the Template Library which could be reused and reassembled in your page. You can even save your own layout to the Template Library to use them in other pages.<\/span><\/p><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"\" class=\"module col-3 module-id-1571634064325\" data-module-col=\"3\"><div class=\"module-inside social-media-inside\" style=\"--top-mod: 0px;--bottom-mod: 0px;--top-mod-t: 0px;--bottom-mod-t: 0px;--top-mod-m:0px;--bottom-mod-m:50px;\" ><div class=\"social-media-wrap ux-center ux-left-m ux-vertical ux-horizontal-m\"><ul class=\"module-social\"><li class=\"social-li\" ><a class=\"share postshareicon-facebook-wrap\" href=\"javascript:void(0)\" onclick=\"window.open(&#039;http:\/\/www.facebook.com\/sharer.php?u=https:\/\/artfed.es\/index.php\/ux-portfolio\/title-with-a-image-mask\/&#039;, &#039;Facebook&#039;, &#039;width=600,height=300,left=&#039;+(screen.availWidth\/2-300)+&#039;,top=&#039;+(screen.availHeight\/2-150)+&#039;&#039;); return false;\"><span class=\"fa fab fa-facebook postshareicon-facebook\"><\/span><\/a><\/li><li class=\"social-li\" ><a class=\"share postshareicon-twitter-wrap\" href=\"javascript:void(0)\" onclick=\"window.open(&#039;http:\/\/twitter.com\/share?url=https:\/\/artfed.es\/index.php\/ux-portfolio\/title-with-a-image-mask\/&amp;text=Bad dragon&#039;, &#039;Twitter&#039;,&#039;width=600,height=300,left=&#039;+(screen.availWidth\/2-300)+&#039;,top=&#039;+(screen.availHeight\/2-150)+&#039;&#039;); return false;\"><span class=\"fa fab fa-twitter postshareicon-twitter\"><\/span><\/a><\/li><li class=\"social-li\" ><a class=\"share postshareicon-pinterest-wrap\" href=\"javascript:void(0)\" onclick=\"javascript:void((function(){var e=document.createElement(&#039;script&#039;);e.setAttribute(&#039;type&#039;,&#039;text\/javascript&#039;);e.setAttribute(&#039;charset&#039;,&#039;UTF-8&#039;);e.setAttribute(&#039;src&#039;,&#039;https:\/\/assets.pinterest.com\/js\/pinmarklet.js?r=&#039;+Math.random()*99999999);document.body.appendChild(e)})());\"><span class=\"fa fab fa-pinterest postshareicon-pinterest\"><\/span><\/a><\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div id=\"\" class=\"module col-12 module-id-1569570872939\" data-module-col=\"12\"><div class=\"module-inside single-image-inside\" style=\"--top-mod: 0px;--bottom-mod: 80px;--top-mod-t: 0px;--bottom-mod-t: 80px;--top-mod-m:0px;--bottom-mod-m:0px;\" ><div class=\"single-image-out  \"  ><figure class=\"single-image   single-image-full   \" no><div class=\"ux-hover-wrap anima-wrap\" style=\"padding-top: 75%;\"><span class=\"ux-hover-wrap-a\"><img loading=\"lazy\" decoding=\"async\" alt=\"demo03-h1\" class=\"single-image-img img1st lazy \" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo03-h1.png\" data-srcset=\"https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo03-h1.png 800w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo03-h1-600x450.png 600w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo03-h1-300x225.png 300w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo03-h1-768x576.png 768w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo03-h1-350x263.png 350w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo03-h1-650x488.png 650w\" data-sizes=\"(max-width: 480px) 320px,(max-width: 767px) 500px,(max-width: 800px) 100vw, 800px\" width=\"800\" height=\"600\" \/><\/span><\/div><\/figure><\/div><\/div><\/div><div id=\"\" class=\"module col-0 module-id-1571634064509 bm-wrap row-top row-left\" data-module-col=\"0\" data-change-color=\"off\" data-backcolor=\"transparent\" data-frontcolor=\"\" data-logocolor=\"\" data-goto-top=\"off\" data-goto-top-spacing=\"0\" data-goto-disable-m=\"off\" data-groupsameheight=\"off\"><div class=\"module-inside group-inside\" style=\"--top-mod: 0px;--bottom-mod: 0px;--top-mod-t: 0px;--bottom-mod-t: 0px;--top-mod-m:40px;--bottom-mod-m:0px;\" ><div class=\"bm-background-img\" style=\"background-image:url(https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/placeholder-image-01-1.jpg);background-attachment:fixed;background-position: 50% 0;--maskOpacity:0.00000001;--maskColor:#000000;\"><\/div><\/div><\/div><div id=\"\" class=\"module col-12 module-id-1571634065174 bm-wrap row-middle row-left bm-wrap-height-auto\" data-module-col=\"12\" data-change-color=\"off\" data-backcolor=\"transparent\" data-frontcolor=\"\" data-logocolor=\"\" data-goto-top=\"off\" data-goto-top-spacing=\"0\" data-goto-disable-m=\"\" data-groupsameheight=\"\"><div class=\"module-inside group-inside\" style=\"--top-mod: 80px;--bottom-mod: 80px;--top-mod-t: 80px;--bottom-mod-t: 80px;--top-mod-m:60px;--bottom-mod-m:0px;\" ><div id=\"\" class=\"module col-5 module-id-1571634065408 col-offset-0\" data-module-col=\"5\"><div class=\"module-inside single-image-inside\" style=\"--top-mod: 0px;--bottom-mod: 0px;--top-mod-t: 0px;--bottom-mod-t: 0px;--top-mod-m:0px;--bottom-mod-m:0px;\" ><div class=\"single-image-out  \"  ><figure class=\"single-image   single-image-full   \" no><div class=\"ux-hover-wrap anima-wrap\" style=\"padding-top: 133.375%;\"><span class=\"ux-hover-wrap-a\"><img loading=\"lazy\" decoding=\"async\" alt=\"demo12-v1\" class=\"single-image-img img1st lazy \" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo12-v1.png\" data-srcset=\"https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo12-v1.png 800w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo12-v1-600x800.png 600w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo12-v1-225x300.png 225w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo12-v1-768x1024.png 768w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo12-v1-350x467.png 350w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo12-v1-650x867.png 650w\" data-sizes=\"(max-width: 480px) 320px,(max-width: 767px) 500px,(max-width: 800px) 100vw, 800px\" width=\"800\" height=\"1067\" \/><\/span><\/div><\/figure><\/div><\/div><\/div><div id=\"\" class=\"module col-6 module-id-1571634065690 col-offset-1\" data-module-col=\"6\"><div class=\"module-inside text-inside\" style=\"--top-mod: 0px;--bottom-mod: 0px;--top-mod-t: 0px;--bottom-mod-t: 0px;--top-mod-m:40px;--bottom-mod-m:50px;\" ><div class=\"text_block_out\"  data-effect=\"standard\" style=\"\"><div class=\"text_block ux-mod-nobg\"><div class=\"text_block_inn\"><div id=\"text-1571634065690\" class=\"text_block_centered \"  style=\"\"><p><span style=\"font-size: 22px;\" data-msize=\"18\">The Art Theme support you upload your favorite fonts to the media library and build your own web font system. You can choose from over 900+ Google fonts, 1700+ Abobe fonts and your uploaded woff2\/woff\/ttf font files to build your own font library and use them easily.<\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"\" class=\"module col-12 module-id-1571634065846 bm-wrap row-top row-left bm-wrap-height-auto\" data-module-col=\"12\" data-change-color=\"off\" data-backcolor=\"transparent\" data-frontcolor=\"\" data-logocolor=\"\" data-goto-top=\"off\" data-goto-top-spacing=\"0\" data-goto-disable-m=\"\" data-groupsameheight=\"off\"><div class=\"module-inside group-inside\" style=\"--top-mod: 0px;--bottom-mod: 80px;--top-mod-t: 0px;--bottom-mod-t: 80px;--top-mod-m:0px;--bottom-mod-m:0px;\" ><div id=\"\" class=\"module col-12 module-id-157163406647 col-offset-0\" data-module-col=\"12\"><div class=\"module-inside single-image-inside\" style=\"--top-mod: 0px;--bottom-mod: 0px;--top-mod-t: 0px;--bottom-mod-t: 0px;--top-mod-m:0px;--bottom-mod-m:0px;\" ><div class=\"single-image-out  \"  ><figure class=\"single-image   single-image-full   \" no><div class=\"ux-hover-wrap anima-wrap\" style=\"padding-top: 75%;\"><span class=\"ux-hover-wrap-a\"><img loading=\"lazy\" decoding=\"async\" alt=\"demo06-h1\" class=\"single-image-img img1st lazy \" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo06-h1.png\" data-srcset=\"https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo06-h1.png 800w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo06-h1-600x450.png 600w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo06-h1-300x225.png 300w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo06-h1-768x576.png 768w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo06-h1-350x263.png 350w, https:\/\/artfed.es\/wp-content\/uploads\/2025\/10\/demo06-h1-arttheme-standard-thumb-650x488.png 650w\" data-sizes=\"(max-width: 480px) 320px,(max-width: 767px) 500px,(max-width: 800px) 100vw, 800px\" width=\"800\" height=\"600\" \/><\/span><\/div><\/figure><\/div><\/div><\/div><\/div><\/div><div id=\"\" class=\"module col-12 module-id-1544171417427 bm-wrap row-top row-center bm-wrap-height-auto col-offset-0\" data-module-col=\"12\" data-change-color=\"off\" data-backcolor=\"transparent\" data-frontcolor=\"\" data-logocolor=\"\" data-goto-top=\"off\" data-goto-top-spacing=\"0\" data-goto-disable-m=\"off\" data-groupsameheight=\"off\"><div class=\"module-inside group-inside\" style=\"--top-mod: 0px;--bottom-mod: 170px;--top-mod-t: 0px;--bottom-mod-t: 170px;--top-mod-m:0px;--bottom-mod-m:30px;\" ><div id=\"\" class=\"module col-12 module-id-1637816144416 module-animation\" data-module-col=\"12\"><div class=\"module-inside text-inside\" style=\"--top-mod: 0px;--bottom-mod: 0px;--top-mod-t: 0px;--bottom-mod-t: 0px;--top-mod-m:0px;--bottom-mod-m:0px;\" ><div class=\"text_block_out\" data-animation=\"from-left\" data-effect=\"standard\" style=\"\"><div class=\"text_block ux-mod-nobg\"><div class=\"text_block_inn\"><div id=\"text-1637816144416\" class=\"text_block_centered text_block_centered_enable_width\"  style=\"\"><h6 style=\"text-align: center;\">Layouts from<\/h6><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"\" class=\"module col-4 module-id-1569569843692 module-animation\" data-module-col=\"4\"><div class=\"module-inside text-inside\" style=\"--top-mod: 0px;--bottom-mod: 0px;--top-mod-t: 0px;--bottom-mod-t: 0px;--top-mod-m:30px;--bottom-mod-m:20px;\" ><div class=\"text_block_out\" data-animation=\"from-right\" data-effect=\"standard\" style=\"\"><div class=\"text_block ux-mod-nobg\"><div class=\"text_block_inn\"><div id=\"text-1569569843692\" class=\"text_block_centered text_block_centered_enable_width\"  style=\"\"><h3 style=\"text-align: center;\">ART Theme.<\/h3><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Write an excerpt here<\/p>\n","protected":false},"author":1,"featured_media":118,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"ux-portfolio-cat":[18],"ux-portfolio-tag":[28],"class_list":["post-259","ux-portfolio","type-ux-portfolio","status-publish","has-post-thumbnail","hentry","ux-portfolio-cat-esculpture","ux-portfolio-tag-clay"],"_links":{"self":[{"href":"https:\/\/artfed.es\/index.php\/wp-json\/wp\/v2\/ux-portfolio\/259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artfed.es\/index.php\/wp-json\/wp\/v2\/ux-portfolio"}],"about":[{"href":"https:\/\/artfed.es\/index.php\/wp-json\/wp\/v2\/types\/ux-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/artfed.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artfed.es\/index.php\/wp-json\/wp\/v2\/comments?post=259"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/artfed.es\/index.php\/wp-json\/wp\/v2\/media\/118"}],"wp:attachment":[{"href":"https:\/\/artfed.es\/index.php\/wp-json\/wp\/v2\/media?parent=259"}],"wp:term":[{"taxonomy":"ux-portfolio-cat","embeddable":true,"href":"https:\/\/artfed.es\/index.php\/wp-json\/wp\/v2\/ux-portfolio-cat?post=259"},{"taxonomy":"ux-portfolio-tag","embeddable":true,"href":"https:\/\/artfed.es\/index.php\/wp-json\/wp\/v2\/ux-portfolio-tag?post=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}