{"id":143,"date":"2011-10-31T11:09:56","date_gmt":"2011-10-31T10:09:56","guid":{"rendered":"https:\/\/www.apatfalva.hu\/apatfalva\/?p=143"},"modified":"2011-10-31T11:09:56","modified_gmt":"2011-10-31T10:09:56","slug":"images-icons-buttons","status":"publish","type":"post","link":"https:\/\/www.apatfalva.hu\/?p=143","title":{"rendered":"Images, Icons, Buttons"},"content":{"rendered":"<h1>Images Styling<\/h1>\n<div class=\"yt-typo-blocks-wrap images-styling\">\n<div class=\"yt-typo-block-row cols-3 clearfix\">\n<div class=\"yt-typo-block\">\n<div class=\"yt-typo-block-padding clearfix\">\n<div class=\"yt-img-style-wrap yt-style1 left clearfix\"><img decoding=\"async\" src=\"images\/image-ex1.jpg\" border=\"0\" alt=\"Sample Image\" title=\"Sample Image\" \/><\/div>\n<\/div>\n<\/div>\n<div class=\"yt-typo-block\">\n<div class=\"yt-typo-block-padding clearfix\">\n<div class=\"yt-img-style-wrap yt-style2 left clearfix\"><img decoding=\"async\" src=\"images\/image-ex2.jpg\" border=\"0\" alt=\"Sample Image\" title=\"Sample Image\" \/><\/div>\n<\/div>\n<\/div>\n<div class=\"yt-typo-block\">\n<div class=\"yt-typo-block-padding clearfix\">\n<div class=\"yt-img-style-wrap yt-style3 left clearfix\"><img decoding=\"async\" src=\"images\/image-ex3.jpg\" border=\"0\" alt=\"Sample Image\" title=\"Sample Image\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"yt-typo-blocks-wrap clearfix\">\n<h1><span>Icons Style<\/span><\/h1>\n<div class=\"yt-typo-block-row cols-2 clearfix\">\n<div class=\"yt-typo-block\">\n<div class=\"yt-typo-block-padding clearfix\">\n<p class=\"yt-typo-icon icon-error\">Use <strong>&lt;p class=&#8221;error&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<p class=\"yt-typo-icon icon-message\">Use <strong>&lt;p class=&#8221;message&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<p class=\"yt-typo-icon icon-tips\">Use <strong>&lt;p class=&#8221;tips&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<p class=\"yt-typo-icon icon-key\">Use <strong>&lt;p class=&#8221;key&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<p class=\"yt-typo-icon icon-tag\">Use <strong>&lt;p class=&#8221;tag&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<\/div>\n<\/div>\n<div class=\"yt-typo-block\">\n<div class=\"yt-typo-block-padding clearfix\">\n<p class=\"yt-typo-icon icon-cart\">Use <strong>&lt;p class=&#8221;cart&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<p class=\"yt-typo-icon icon-doc\">Use <strong>&lt;p class=&#8221;doc&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<p class=\"yt-typo-icon icon-note\">Use <strong>&lt;p class=&#8221;note&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<p class=\"yt-typo-icon icon-photo\">Use <strong>&lt;p class=&#8221;photo&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<p class=\"yt-typo-icon icon-mobi\">Use <strong>&lt;p class=&#8221;mobi&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt;<\/strong> to make this.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"yt-typo-blockswrap clearfix\">\n<h1 class=\"yt-typo-title\"><span>Buttons<\/span><\/h1>\n<div class=\"yt-typo-blockrow cols-3 clearfix\">\n<div class=\"yt-typo-block\">\n<div class=\"yt-typo-blockct clearfix\">\n<h4><span>Buttons Style 1<\/span><\/h4>\n<p><a class=\"yt-typo-btn yt-btn-blue yt-typo-btn-sm yt-btn-sm-blue\" href=\"#\"><span class=\"yt-typo-btn-inner\">Button Text<\/span><\/a> <a class=\"yt-typo-btn yt-btn-blue yt-typo-btn-big yt-btn-big-blue\" href=\"#\"><span class=\"yt-typo-btn-inner\">Button Text<\/span><\/a><\/div>\n<\/div>\n<div class=\"yt-typo-block\">\n<div class=\"yt-typo-blockct clearfix\">\n<h4><span>Buttons Style 2<\/span><\/h4>\n<p><a class=\"yt-typo-btn yt-btn-green yt-typo-btn-sm yt-btn-sm-green\" href=\"#\"><span class=\"yt-typo-btn-inner\">Button Text<\/span><\/a> <a class=\"yt-typo-btn yt-btn-green yt-typo-btn-big yt-btn-big-green\" href=\"#\"><span class=\"yt-typo-btn-inner\">Button Text<\/span><\/a><\/div>\n<\/div>\n<div class=\"yt-typo-block\">\n<div class=\"yt-typo-blockct clearfix\">\n<h4><span>Buttons Style 3<\/span><\/h4>\n<p><a class=\"yt-typo-btn yt-btn-black yt-typo-btn-sm yt-yt-btn-sm-black\" href=\"#\"><span class=\"yt-typo-btn-inner\">Button Text<\/span><\/a> <a class=\"yt-typo-btn yt-btn-black yt-typo-btn-big yt-btn-big-black\" href=\"#\"><span class=\"yt-typo-btn-inner\">Button Text<\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Images Styling Icons Style Use &lt;p class=&#8221;error&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt; to make this. Use &lt;p class=&#8221;message&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt; to make this. Use &lt;p class=&#8221;tips&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt; to make this. Use &lt;p class=&#8221;key&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes here!&lt;\/p&gt; to make this. Use &lt;p class=&#8221;tag&#8221;&gt;&lt;span class=&#8221;icon&#8221;&gt; &lt;\/span&gt;Your message goes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40],"tags":[],"class_list":["post-143","post","type-post","status-publish","format-standard","hentry","category-uncategorised"],"_links":{"self":[{"href":"https:\/\/www.apatfalva.hu\/index.php?rest_route=\/wp\/v2\/posts\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.apatfalva.hu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.apatfalva.hu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.apatfalva.hu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.apatfalva.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=143"}],"version-history":[{"count":0,"href":"https:\/\/www.apatfalva.hu\/index.php?rest_route=\/wp\/v2\/posts\/143\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.apatfalva.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.apatfalva.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.apatfalva.hu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}