{"id":1793,"date":"2017-05-05T14:45:35","date_gmt":"2017-05-05T14:45:35","guid":{"rendered":"https:\/\/stage.pikarthouse.com\/wp\/ombra-documentation\/?page_id=1793"},"modified":"2017-12-12T17:24:55","modified_gmt":"2017-12-12T17:24:55","slug":"create-exquisite-items","status":"publish","type":"page","link":"https:\/\/ombra.pikarthouse.com\/documentation\/portfolio\/create-exquisite-items\/","title":{"rendered":"Create exquisite items"},"content":{"rendered":"<p>Any kind of archive or items collection, like <em><strong>Projects list <\/strong><\/em>or<em><strong>\u00a0<\/strong><\/em><em><strong>Album items<\/strong><\/em>,\u00a0could be represented with various exquisite design elements: sliders, carousels, elegant cards.<\/p>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><p>Each of them are customizable with specific options as you may need\u00a0different\u00a0looks in order to diversify your portfolio\u00a0of works.<\/p>\n<p>Their custom features could be set up, depending on case, in Theme Options \u2014 at a global level, in Album \/\u00a0Projects shortcodes popup windows\u00a0\u2014 \u00a0at a local level or even in <a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/managing-content\/creating-pages\/#blog-template\" target=\"_blank\" rel=\"noopener\"><em>Blog Options<\/em><\/a> panel.<\/p><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\">\n<div \t\tclass=\"pikode pikode--row  summary-box\" style=\"padding: 0px 0px 36px 0px; margin: 0px -36px 0px 0px;\" >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t\t<div class=\"pikode--row__background\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"color-overlay\" style=\"opacity: 1; background-color: #4b917d;\" ><\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-light\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\" style=\"padding: 0px 30px 0px 30px;\" >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; line-height: 1.0; text-decoration: none; color: #ffffff; padding: 36px 0px 0px 0px;\"><p>Summary<\/p><\/div>\n<p><a href=\"#cards\">Cards<\/a><br \/>\n<a href=\"#sliders\">Sliders<\/a><br \/>\n<a href=\"#carousels\">Carousels<\/a><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>\n<p>The only condition, we recommend\u00a0for\u00a0following, is to use these design items wisely, in order to keep a consistent overall look of the site.<\/p>\n\n<div id=\"cards\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p>Cards<\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<p>Card is a piece of content\u00a0that serves as <strong><em>an entry point to more detailed information<\/em><\/strong>, even if\u00a0they could also stand as <strong><em>independent design elements<\/em><\/strong>. The cards may contain a unique data set, such as photo, video, text, formatted quote or even link about a single subject. Their size varies if considering you can use elements like landscape or portrait images.<\/p>\n<div class=\"col-list\">\n<section class=\"module-module-figure col-3\">\n<div class=\"module\">\n<p>More cards at a time, actually, become\u00a0convenient means of displaying content composed of different elements. Basically,\u00a0a collection of cards could\u00a0represent <strong><em>Projects list<\/em><\/strong>, <strong><em>Album items<\/em><\/strong>, <strong><em>Related Items <\/em><\/strong><em>(Projects \/Posts)<\/em> or even <strong><em>a<\/em> <em>Blog<\/em><\/strong>, with Posts in the role of\u00a0cards.<\/p>\n<p><strong><em>Ombra Theme comes with six types of cards<\/em><\/strong>, carefully handcrafted, that are designed to\u00a0match your tastes while\u00a0customizing the own portfolio. They behave differently while hovered by mouse.<\/p>\n\n<div id=\"shadow\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\" style=\"max-width: 600px;\" >\n\t\t\t\t\t<div class=\"pikode--row__content-inner\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--18\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 72px 0px 0px 0px;\"><p>The first one is <strong><em>Shadow<\/em><\/strong> type, which mimics an object with a falling shadow behind.\u00a0It reminds contemporary art styles, matching well flat design.<\/p><\/div><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2872 aligncenter\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/card__shadow.gif\" alt=\"\" width=\"220\" height=\"338\" \/><\/p><\/div><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div id=\"move\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\" style=\"max-width: 600px;\" >\n\t\t\t\t\t<div class=\"pikode--row__content-inner\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2874 aligncenter\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/card__move.gif\" alt=\"\" width=\"220\" height=\"293\" \/><\/p><\/div><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--18\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 72px 0px 0px 0px;\"><p>The\u00a0second one \u2014\u00a0<strong><em>Move<\/em><\/strong>\u00a0type \u2014\u00a0is designed to express a dynamic movement. It fits well expressive photos, with strong emotions, like fashion sites are.<\/p><\/div><\/div><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div id=\"fade\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\" style=\"max-width: 600px;\" >\n\t\t\t\t\t<div class=\"pikode--row__content-inner\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--18\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 72px 0px 0px 0px;\"><p>The third one \u2014\u00a0<strong><em>Fade\u00a0<\/em><\/strong>type \u2014 comes with a fancy and elegant gesture. It is conceived generally for classic portfolios.<\/p><\/div><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2875 aligncenter\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/card__fade.gif\" alt=\"\" width=\"220\" height=\"291\" \/><\/p><\/div><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div id=\"rising\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\" style=\"max-width: 600px;\" >\n\t\t\t\t\t<div class=\"pikode--row__content-inner\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2876 aligncenter\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/card__rising.gif\" alt=\"\" width=\"220\" height=\"348\" \/><\/p><\/div><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--18\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 72px 0px 0px 0px;\"><p>The fourth one \u2014\u00a0<strong><em>Rising\u00a0<\/em><\/strong>type \u2014 points out precision and direction. It is seen as a very good option for graphic design portfolios or product design works.<\/p><\/div><\/div><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div id=\"plain\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\" style=\"max-width: 600px;\" >\n\t\t\t\t\t<div class=\"pikode--row__content-inner\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--18\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 72px 0px 0px 0px;\"><p>The fifth one \u2014\u00a0<strong><em>Plain\u00a0<\/em><\/strong>type \u2014 is aimed at those who love minimalist approaches for their site.<\/p><\/div><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3569\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/12\/card__plain.gif\" alt=\"\" width=\"220\" height=\"355\" \/><\/p><\/div><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div id=\"list\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\" style=\"max-width: 600px;\" >\n\t\t\t\t\t<div class=\"pikode--row__content-inner\"  >\n\t\t\t\t\t\t<p>The sixth one \u2014\u00a0<strong><em>List\u00a0<\/em><\/strong>type \u2014 emphasizes a specific layout from the blogging world. It is designed to keep the information as important as the image that entitles it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3576 size-full aligncenter\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/12\/card__list.gif\" alt=\"\" width=\"1062\" height=\"192\" \/><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 36px 0px 18px 6px;\"><p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #4b917d;  color: #ffffff;  box-shadow: 0.21em 0px 0px #4b917d, -0.21em 0px 0px #4b917d;\" >Keep in mind<\/span> \u00a0 As you have such a great variety of cards, <strong><em>use them creatively in order to personalize each part of your site<\/em><\/strong>. For example, you can use:<\/p>\n<ul>\n<li><strong><em>Shadow<\/em><\/strong> type for Blog and Related Posts<\/li>\n<li><strong><em>Move<\/em> <\/strong>type for Projects and Related Projects<\/li>\n<li><strong><em>Fade<\/em> <\/strong>type for Shop Products<\/li>\n<li><strong><em>Rising<\/em> <\/strong>type for Album Items.<\/li>\n<\/ul>\n<p>By doing so, your site&#8217;s visitors will easily differentiate the site components: Posts from Projects, Projects from Album Items, Album items from Shop products and so on.<\/p><\/div>\n\n<div id=\"sliders\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/portfolio-slider\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #4b917d;\">Sliders<\/span><\/a><\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<p>The Sliders are ubiquitous in modern web design: they are simple to set up, totally customizable to the look and feel of your site, and allow you to showcase creatively your content.<\/p>\n<p><em>Sliders can run slideshows automatically without user input by moving slides on predefined time interval.<\/em> Sliders can also respond to user interaction like click to view next or previous slides.<\/p>\n<p><strong><em>Any slider\u00a0could contain text items, buttons, media elements like images or videos<\/em><\/strong>, animated in two different ways\u00a0\u2014 by fading its items <em>(Fade animation)<\/em> or by moving them <em>(Move\u00a0animation)<\/em>\u00a0while passing from one to another. Also, they can play automatically, at different speeds, and comprise\u00a0two kind of tools for navigation: <strong><em>bullets<\/em><\/strong> and <strong><em>arrows<\/em><\/strong>.<\/p>\n<p>One more thing, you can enable the <em>Scroll\u00a0Down Arrow<\/em> <em>(from Projects or Album shortcodes popups)<\/em>, which\u00a0\u2014 if clicked\u00a0\u2014 will scroll the page to the slider&#8217;s bottom.\u00a0This arrow is useful when you decide to set up the Slider to\u00a0<em>Full-height <\/em>and want to show to site&#8217;s visitor that there is more content to see below the slider.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2878 aligncenter\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Slider.jpg\" alt=\"\" width=\"800\" height=\"600\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Slider.jpg 800w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Slider-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Slider-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n\n<div id=\"carousels\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><a href=\"https:\/\/ombra.pikarthouse.com\/main\/portfolio-carousel\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #4b917d;\">Carousels<\/span><\/a><\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<p>Carousels represent a <strong><em>specific type of slider<\/em><\/strong> as they have the <strong><em>same options and behaviour, but with different look<\/em><\/strong>. If comparing to sliders, the carousels\u00a0are able to showcase more than one item (image or video) at a time.<\/p>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><p>This is why their\u00a0features are common in Theme Options <em>(Appearance \u2192 Customize \u2192 General \u2192 Slider &amp; Carousel)<\/em>.<\/p>\n<div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 36px 0px 18px 6px;\"><p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #4b917d;  color: #ffffff;  box-shadow: 0.21em 0px 0px #4b917d, -0.21em 0px 0px #4b917d;\" >Keep in mind<\/span> \u00a0 If\u00a0you use <strong><em>Slides Spacing = 0<\/em><\/strong> for\u00a0<strong><em>Carousel<\/em><\/strong>,\u00a0and you get\u00a0<strong><em>1 pixel gaps<\/em><\/strong> between slides, in order to avoid them,\u00a0try to change the height of Carousel, by increasing or decreasing it. If you have a full-height Carousel Slider, and \u00a0you get the above situation,\u00a0try to change just one of the dimensions<strong><em> (either height or width)<\/em><\/strong> of all pictures from Carousel.<\/p><\/div><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #636363; padding: 36px 36px 6px 36px; margin: 0px -36px 0px 0px; background-color: #f1f1f1;\"><p>For a better control of Carousel Slides spacing, it is recommended to use <strong><em>pictures with same dimensions<\/em><\/strong> inside the same Carousel.<\/p><\/div><\/div><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2879\" src=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Carousel.jpg\" alt=\"\" width=\"751\" height=\"563\" srcset=\"https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Carousel.jpg 800w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Carousel-300x225.jpg 300w, https:\/\/ombra.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/5\/2017\/05\/Carousel-768x576.jpg 768w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/p>\n<\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Any kind of archive or items collection, like Projects list or\u00a0Album items,\u00a0could be represented with various exquisite design elements: sliders, carousels, elegant cards. The only condition, we recommend\u00a0for\u00a0following, is to use these design items wisely, in order to keep a consistent overall look of the site. Card is a piece of content\u00a0that serves as an [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1791,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/comments?post=1793"}],"version-history":[{"count":20,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1793\/revisions"}],"predecessor-version":[{"id":3578,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1793\/revisions\/3578"}],"up":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1791"}],"wp:attachment":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=1793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}