{"id":851,"date":"2017-01-03T12:24:24","date_gmt":"2017-01-03T12:24:24","guid":{"rendered":"https:\/\/dev.quantumcloud.com\/iList\/?page_id=851"},"modified":"2017-02-03T12:37:07","modified_gmt":"2017-02-03T12:37:07","slug":"ilist-template-infographic-origami-style-02","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/","title":{"rendered":"iList Template Infographic Origami Style 02"},"content":{"rendered":"<p>Origami style 02<\/p>\n<div id=\"iList-outer-wrapper\"  class=\"iList-outer-wrapper origami-style-02\" data-display_copy_share=\"false\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Lora\" rel=\"stylesheet\"><style type=\"text\/css\">.pinfol4titlefont{font-family:Lora!important;}<\/style><link href=\"https:\/\/fonts.googleapis.com\/css?family=Droid Serif\" rel=\"stylesheet\"><style type=\"text\/css\">.pinfol4descfont>p{font-family:Droid Serif!important;}<\/style>\t<style>\r\n\t\t.info-slider-area .slick-prev:before, .info-slider-area .slick-next:before {\r\n    display:none !important;\r\n}\r\n.info-slider-area .image-slider .slick-arrow {\r\n    background-color: #dbdbdb !important;\r\n    color: #303030 !important;\r\n}\r\n\r\n.ilist-fancybox-content .fluid-width-video-wrapper {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.bottom-row-x18 {\r\n    background: #000 !important;\r\n}\r\n\r\n\r\n\r\n.content-box-x18 p {\r\n    color: #fff5f5 !important;\r\n}\r\n\r\n\r\n.qcld_vertical.inner-qcld_therm span {\r\n    top: 85px !important;\r\n}\r\n\r\n\r\n.list-style-twenty-01 .list-twenty-sl {\r\n    padding: 10px 10px;\r\n}\r\n\r\n.list-style-twenty-01 .list-twenty-sl h2 {\r\n    font-size: 50px;\r\n    line-height: 50px;\r\n}\r\n\r\n.list-twentySix-upvote .upvote-section{\r\nwhite-space: nowrap;\r\n}\r\n\r\n.origami-style-04 .qcilist-copy-share-section {\r\n    bottom: -125px;\r\n}\r\n\r\n.origami-style-04 .list-nineteen-inner-part {\r\n    padding: 30px 30px;\r\n}\r\n\r\n\r\n.premium-style-08 .slick-slide {\r\n    overflow: hidden;\r\n}\r\n\r\n.premium-style-08 .slick-slide.slick-active {\r\n    overflow: visible;\r\n}\r\n\r\n.premium-style-12 .content-inner {\r\n    width: 95%;\r\n}\r\n\r\n.premium-style-13 .content-box h4 {\r\n    white-space: nowrap;\r\n}\r\n\r\n.info-style-04 .ilist_sl4_qcld_style .upvote-section {\r\n    white-space: nowrap;\r\n}\r\n\r\n.graphic-style-01 .ilist_img1_qcldtitle {\r\n    color: #fff !important;\r\n}\r\n\r\n.graphic-style-01 .qcilist-copy-share-section {\r\n    top: 10px;\r\n}\r\n\r\n.graphic-style-01 .ilist_img1_qcld_style .upvote-section {\r\n    top: 10px;\r\n    white-space: nowrap;\r\n    font-weight: bold;\r\nfont-size:15px;\r\n}\r\n\r\n@media screen and (max-width: 981px){\r\n.origami-style-04 .qcilist-copy-share-section {\r\n    bottom: 25px;\r\n}\r\n\r\n}\r\n.premium-info-04 .qcilist-copy-share-section {\r\n    margin-left: 20px !important;\r\n}\t<\/style>\r\n\t\r\n\r\n<div id=\"qcld-list-holder\" class=\"qcld-list-hoder pinfo5bgimage\" style=\"background:#ffffff;overflow: hidden;\">\r\n<div id=\"qcopd-list-1\" class=>\r\n\t\t<div class=\"qcopd-single-list\">\r\n\t\t\t\n        <a style=\"float:right\" class=\"button-link-ilist js-open-modal\" href=\"#\" data-modal-id=\"ilist-popup\" title=\"Generate Embed Code\"\n           data-url=\"https:\/\/dev.quantumcloud.com\/iList\/embed-ilist\"\n           data-order=\"ASC\"\n           data-mode=\"one\"\n           data-column=\"2\"\n           data-style=\"origami-style-02\"\n           data-search=\"\"\n           data-category=\"\"\n           data-listid=\"785\"\n           data-ctitle=\"iList WordPress Plugin\"\n           data-clink=\"https:\/\/www.quantumcloud.com\/products\/infographic-maker-ilist\/\"\n           data-upvote=\"on\"> \n\t\t\tShare List\t\t   <i class=\"fa fa-share-alt\"><\/i><\/a>\n\t\t\t    \t\t\t<h3 style=\"height: 40px;\" class=\"pinfol4titlefont\">\r\n\t\tWeb design professionals tips\t\t<\/h3>\r\n\t\t\r\n\t<div style=\"clear:both;margin-bottom:20px\"><\/div>\r\n\t\t<ul class=\"listing-twentyOne\">\r\n\t\t\t\t\t<li id=\"qcld_sl_785_1\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInLeft\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Internal link\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t33\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_1\">\r\n\t\t\t\t\t\t<div>Internal link<\/div>\r\n\t\t\t\t\t\t<div><p>Do internal linking to keep users engaged on the site. This reduces bounce rates and it is also helpful for Search Engine Optimization.\u00a0Internal linking is usually done from inside contents. Link to other relates pages on your website whenever appropriate.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Internal link. Do internal linking to keep users engaged on the site. This reduces bounce rates and it is also helpful for Search Engine Optimization.\u00a0Internal linking is usually done from inside contents. Link to other relates pages on your website whenever appropriate. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >01<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/filinks-2-chans.png\" data-lightbox=\"example-1\" data-rel=\"lightbox-image-0\" data-rl_title=\"filinks-2-chans\" data-rl_caption=\"\" title=\"filinks-2-chans\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/filinks-2-chans.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-internal-link\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tInternal link\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>Do internal linking to keep users engaged on the site. This reduces bounce rates and it is also helpful for Search Engine Optimization.\u00a0Internal linking is usually done from inside contents. Link to other relates pages on your website whenever appropriate.<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\r\n\t\t\t\t\t<span id=\"ilist-fancybox-id-internal-link\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t<h3 style=\"text-align: center;width: 100%\">Internal link<\/h3>\n<p style=\"text-align: center;width: 100%\">Do internal linking to keep users engaged on the site. This reduces bounce rates and it is also helpful for Search Engine Optimization.\u00a0Internal linking is usually done from inside contents. Link to other relates pages on your website whenever appropriate.<\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-779 aligncenter\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2018\/03\/search-engine.jpg\" alt=\"\" width=\"100%\" height=\"auto\" \/><\/p>\n\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_785_2\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInRight\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Caption\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t26\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_2\">\r\n\t\t\t\t\t\t<div>Caption<\/div>\r\n\t\t\t\t\t\t<div><p>Label and caption images for search engines and users. Labels and captions give your images context and dont forget the alt text either! Combining typography with your chosen images can be another way.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Caption. Label and caption images for search engines and users. Labels and captions give your images context and dont forget the alt text either! Combining typography with your chosen images can be another way. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >02<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caption.png\" data-lightbox=\"example-2\" data-rel=\"lightbox-image-1\" data-rl_title=\"caption\" data-rl_caption=\"\" title=\"caption\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caption.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tCaption\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>Label and caption images for search engines and users. Labels and captions give your images context and dont forget the alt text either! Combining typography with your chosen images can be another way.<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_785_3\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInLeft\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Meta Tags\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t17\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_3\">\r\n\t\t\t\t\t\t<div>Meta Tags<\/div>\r\n\t\t\t\t\t\t<div><p>Use meta title tag and description to make website searchable. Make sure each page has its unique meta title and description tags. Meta title tag is most important for search engines. Metadata will not be displayed.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Meta Tags. Use meta title tag and description to make website searchable. Make sure each page has its unique meta title and description tags. Meta title tag is most important for search engines. Metadata will not be displayed. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >03<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/meta-tags.jpg\" data-lightbox=\"example-3\" data-rel=\"lightbox-image-2\" data-rl_title=\"meta-tags\" data-rl_caption=\"\" title=\"meta-tags\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/meta-tags.jpg\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-meta-tags\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tMeta Tags\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>Use meta title tag and description to make website searchable. Make sure each page has its unique meta title and description tags. Meta title tag is most important for search engines. Metadata will not be displayed.<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\r\n\t\t\t\t\t<span id=\"ilist-fancybox-id-meta-tags\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t<h3 style=\"text-align: center;width: 100%\">Meta Tags<\/h3>\n<p style=\"text-align: center;width: 100%\">Use meta title tag and description to make website searchable. Make sure each page has its unique meta title and description tags. Meta title tag is most important for search engines. Metadata will not be displayed.<\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-779 aligncenter\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/Meta-Tags.png\" alt=\"\" width=\"100%\" height=\"auto\" \/><\/p>\n\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_785_4\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInRight\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Layout\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t9\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_4\">\r\n\t\t\t\t\t\t<div>Layout<\/div>\r\n\t\t\t\t\t\t<div><p>Keep the layout simple and easy to navigate for web spider. Gone are the days of flashy congested web design. Lots of empty spaces and large images are the norm now. Instead of jumping right in and figuring things out as you go.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Layout. Keep the layout simple and easy to navigate for web spider. Gone are the days of flashy congested web design. Lots of empty spaces and large images are the norm now. Instead of jumping right in and figuring things out as you go. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >04<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/a60eaf32396f5438be62ce18f465e7f7.jpg\" data-lightbox=\"example-4\" data-rel=\"lightbox-image-3\" data-rl_title=\"a60eaf32396f5438be62ce18f465e7f7\" data-rl_caption=\"\" title=\"a60eaf32396f5438be62ce18f465e7f7\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/a60eaf32396f5438be62ce18f465e7f7.jpg\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-layout\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tLayout\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>Keep the layout simple and easy to navigate for web spider. Gone are the days of flashy congested web design. Lots of empty spaces and large images are the norm now. Instead of jumping right in and figuring things out as you go.<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\r\n\t\t\t\t\t<span id=\"ilist-fancybox-id-layout\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t<h3 style=\"text-align: center;width: 100%\">Layout<\/h3>\n<p style=\"text-align: center;width: 100%\">Keep the layout simple and easy to navigate for web spider. Gone are the days of flashy congested web design. Lots of empty spaces and large images are the norm now. Instead of jumping right in and figuring things out as you go.<\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-779 aligncenter\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/web-design-responsive.jpg\" alt=\"\" width=\"100%\" height=\"auto\" \/><\/p>\n\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_785_5\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInLeft\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Minimize Popups\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t17\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_5\">\r\n\t\t\t\t\t\t<div>Minimize Popups<\/div>\r\n\t\t\t\t\t\t<div><p>Nobody like popups. They are a serious distraction. Use them only when you must. Minimize popups, web frames, queries, and scripts. if you\u2019re building a website that uses large images on its homepage and headers.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Minimize Popups. Nobody like popups. They are a serious distraction. Use them only when you must. Minimize popups, web frames, queries, and scripts. if you\u2019re building a website that uses large images on its homepage and headers. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >05<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/Pop-Out-512.png\" data-lightbox=\"example-5\" data-rel=\"lightbox-image-4\" data-rl_title=\"Pop-Out-512\" data-rl_caption=\"\" title=\"Pop-Out-512\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/Pop-Out-512.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tMinimize Popups\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>Nobody like popups. They are a serious distraction. Use them only when you must. Minimize popups, web frames, queries, and scripts. if you\u2019re building a website that uses large images on its homepage and headers.<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_785_6\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInRight\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Advertisement\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t8\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_6\">\r\n\t\t\t\t\t\t<div>Advertisement<\/div>\r\n\t\t\t\t\t\t<div><p>Never put advertisements above the fold. Present you most compelling contents and images when a user 1st enters your website.Complicated navigation systems create way too many options for people, so much so that they may decide to leave your site altogether<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Advertisement. Never put advertisements above the fold. Present you most compelling contents and images when a user 1st enters your website.Complicated navigation systems create way too many options for people, so much so that they may decide to leave your site altogether \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >06<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/poster-advertisement-24.jpg\" data-lightbox=\"example-6\" data-rel=\"lightbox-image-5\" data-rl_title=\"poster-advertisement-24\" data-rl_caption=\"\" title=\"poster-advertisement-24\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/poster-advertisement-24.jpg\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tAdvertisement\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>Never put advertisements above the fold. Present you most compelling contents and images when a user 1st enters your website.Complicated navigation systems create way too many options for people, so much so that they may decide to leave your site altogether<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_785_7\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInLeft\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Phase Out Sliders\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t5\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_7\">\r\n\t\t\t\t\t\t<div>Phase Out Sliders<\/div>\r\n\t\t\t\t\t\t<div><p>However, in most cases, they should really be phased out in 2016, especially if you want to decrease the amount of distractions on your site and make it easier for users to find their way around. Sliders don\u2019t do either of those things<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Phase Out Sliders. However, in most cases, they should really be phased out in 2016, especially if you want to decrease the amount of distractions on your site and make it easier for users to find their way around. Sliders don\u2019t do either of those things \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >07<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/slider-web-design-5.jpg\" data-lightbox=\"example-7\" data-rel=\"lightbox-image-6\" data-rl_title=\"slider-web-design-5\" data-rl_caption=\"\" title=\"slider-web-design-5\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/slider-web-design-5.jpg\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tPhase Out Sliders\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>However, in most cases, they should really be phased out in 2016, especially if you want to decrease the amount of distractions on your site and make it easier for users to find their way around. Sliders don\u2019t do either of those things<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_785_8\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInRight\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Draw attention with GIFs\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t6\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_8\">\r\n\t\t\t\t\t\t<div>Draw attention with GIFs<\/div>\r\n\t\t\t\t\t\t<div><p>All right. Let\u2019s be clear. Abusing Gifs and animations can definitely hurt your website\u2019s UX (User Experience). But done in the right way, you can bring your website to life by accenting important aspects \u2013 ultimately bringing your design to the next level \u2013 without making your visitors squint.\u00a0<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Draw attention with GIFs. All right. Let\u2019s be clear. Abusing Gifs and animations can definitely hurt your website\u2019s UX (User Experience). But done in the right way, you can bring your website to life by accenting important aspects \u2013 ultimately bringing your design to the next level \u2013 without making your visitors squint.\u00a0 \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >08<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/gif.gif\" data-lightbox=\"example-8\" data-rel=\"lightbox-image-7\" data-rl_title=\"gif\" data-rl_caption=\"\" title=\"gif\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/gif.gif\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tDraw attention with GIFs\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>All right. Let\u2019s be clear. Abusing Gifs and animations can definitely hurt your website\u2019s UX (User Experience). But done in the right way, you can bring your website to life by accenting important aspects \u2013 ultimately bringing your design to the next level \u2013 without making your visitors squint.\u00a0<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_785_9\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInDown\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Use flashy typography\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t3\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_9\">\r\n\t\t\t\t\t\t<div>Use flashy typography<\/div>\r\n\t\t\t\t\t\t<div><p>Yes. Big typographies have been trending for a long time now and that\u2019s exactly why more and more web designers try to show their creativity and dive into uncharted waters.\u00a0Before\u00a0typography rules were very strict and things like hyphenated words and unclear lines\u00a0were taboo. But-Not-Anymore.\u00a0<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Use flashy typography. Yes. Big typographies have been trending for a long time now and that\u2019s exactly why more and more web designers try to show their creativity and dive into uncharted waters.\u00a0Before\u00a0typography rules were very strict and things like hyphenated words and unclear lines\u00a0were taboo. But-Not-Anymore.\u00a0 \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >09<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/SymbolsetLoves-SimpleAsMilk-Home.png\" data-lightbox=\"example-9\" data-rel=\"lightbox-image-8\" data-rl_title=\"SymbolsetLoves-SimpleAsMilk-Home\" data-rl_caption=\"\" title=\"SymbolsetLoves-SimpleAsMilk-Home\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/SymbolsetLoves-SimpleAsMilk-Home.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tUse flashy typography\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>Yes. Big typographies have been trending for a long time now and that\u2019s exactly why more and more web designers try to show their creativity and dive into uncharted waters.\u00a0Before\u00a0typography rules were very strict and things like hyphenated words and unclear lines\u00a0were taboo. But-Not-Anymore.\u00a0<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_785_10\" class=\"list-style-twentyOne list-style-twentyOne-01 ilist_pinfol4_2 wow bounceInUp\">\r\n\t\t\t\t<div class=\"list-twentyOne-inner-part\">\r\n\r\n\t\t\t\t\t<div class=\"list-twentyOne-content pinfol4hoverdesccolor pinfol4hovertitlecolor\">\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-upvote\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;align-self: center;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"785\" data-item-title=\"Go edgy: Be the king of pop (art)\" class=\"upvote-btn-ilist upvote-on\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"upvote-count-ilist\" style=\"color:#fff\">\r\n\t\t\t\t\t\t\t\t\t6\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n                        \r\n                        \r\n                        \r\n                        \r\n    <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_785_10\">\r\n\t\t\t\t\t\t<div>Go edgy: Be the king of pop (art)<\/div>\r\n\t\t\t\t\t\t<div><p>If you have a keen eye for art trends, you\u2019ve probably noticed that more and more pop colors are popping around the Web. The reason: edgy art is coming back big time! That said this doesn\u2019t mean that everyone should jump on the trend. According to the nature and visual identity of your business, you might decide to use it or not.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Go edgy: Be the king of pop (art). If you have a keen eye for art trends, you\u2019ve probably noticed that more and more pop colors are popping around the Web. The reason: edgy art is coming back big time! That said this doesn\u2019t mean that everyone should jump on the trend. According to the nature and visual identity of your business, you might decide to use it or not. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->                           \r\n                        \r\n                        \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-twentyOne-sl pinfo4borderbg\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >10<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"list-twentyOne-avatar\"><a class=\"example-image-link ilist_image_position\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/Zebra-Popart-Pop-Art-Paintings_art.png\" data-lightbox=\"example-10\" data-rel=\"lightbox-image-9\" data-rl_title=\"Zebra-Popart-Pop-Art-Paintings_art\" data-rl_caption=\"\" title=\"Zebra-Popart-Pop-Art-Paintings_art\"><img decoding=\"async\" class=\"ilist_info1_example-image\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/Zebra-Popart-Pop-Art-Paintings_art.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"\" class=\"pinfol4titlefont pinfo4tfontsize\" >\r\n\t\t\t\t\t\tGo edgy: Be the king of pop (art)\t\t\t\t\t<\/h2>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<span style=\"display: block;height: 180px;overflow: hidden;\" class=\"pinfol4descfont pinfol4subtitlecolor pinfo4dfontsize\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p>If you have a keen eye for art trends, you\u2019ve probably noticed that more and more pop colors are popping around the Web. The reason: edgy art is coming back big time! That said this doesn\u2019t mean that everyone should jump on the trend. According to the nature and visual identity of your business, you might decide to use it or not.<\/p>\n\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\t\t\t\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t\t<\/ul>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<div style=\"clear:both\"><\/div>\r\n\r\n<\/div>\r\n\t\t<script type=\"application\/ld+json\">\r\n\t\t{\r\n\t\t    \"@context\": \"http:\/\/schema.org\",\r\n\t\t    \"@type\": \"ItemList\",\r\n\t\t    \"numberOfItems\": \"10\",\r\n\t\t    \"itemListElement\": [\r\n\t\t     \t\t            \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 1,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/filinks-2-chans.png\",\r\n\t\t                    \"name\": \"Internal link\",\r\n\t\t                    \"description\": \"Do internal linking to keep users engaged on the site. This reduces bounce rates and it is also helpful for Search Engine Optimization.\u00a0Internal linking is usually done from inside contents. Link to other relates pages on your website whenever appropriate.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=1\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 2,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caption.png\",\r\n\t\t                    \"name\": \"Caption\",\r\n\t\t                    \"description\": \"Label and caption images for search engines and users. Labels and captions give your images context and dont forget the alt text either! Combining typography with your chosen images can be another way.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=2\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 3,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/meta-tags.jpg\",\r\n\t\t                    \"name\": \"Meta Tags\",\r\n\t\t                    \"description\": \"Use meta title tag and description to make website searchable. Make sure each page has its unique meta title and description tags. Meta title tag is most important for search engines. Metadata will not be displayed.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=3\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 4,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/a60eaf32396f5438be62ce18f465e7f7.jpg\",\r\n\t\t                    \"name\": \"Layout\",\r\n\t\t                    \"description\": \"Keep the layout simple and easy to navigate for web spider. Gone are the days of flashy congested web design. Lots of empty spaces and large images are the norm now. Instead of jumping right in and figuring things out as you go.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=4\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 5,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/Pop-Out-512.png\",\r\n\t\t                    \"name\": \"Minimize Popups\",\r\n\t\t                    \"description\": \"Nobody like popups. They are a serious distraction. Use them only when you must. Minimize popups, web frames, queries, and scripts. if you\u2019re building a website that uses large images on its homepage and headers.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=5\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 6,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/poster-advertisement-24.jpg\",\r\n\t\t                    \"name\": \"Advertisement\",\r\n\t\t                    \"description\": \"Never put advertisements above the fold. Present you most compelling contents and images when a user 1st enters your website.Complicated navigation systems create way too many options for people, so much so that they may decide to leave your site altogether\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=6\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 7,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/slider-web-design-5.jpg\",\r\n\t\t                    \"name\": \"Phase Out Sliders\",\r\n\t\t                    \"description\": \"However, in most cases, they should really be phased out in 2016, especially if you want to decrease the amount of distractions on your site and make it easier for users to find their way around. Sliders don\u2019t do either of those things\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=7\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 8,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/gif.gif\",\r\n\t\t                    \"name\": \"Draw attention with GIFs\",\r\n\t\t                    \"description\": \"All right. Let\u2019s be clear. Abusing Gifs and animations can definitely hurt your website\u2019s UX (User Experience). But done in the right way, you can bring your website to life by accenting important aspects \u2013 ultimately bringing your design to the next level \u2013 without making your visitors squint.\u00a0\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=8\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 9,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/SymbolsetLoves-SimpleAsMilk-Home.png\",\r\n\t\t                    \"name\": \"Use flashy typography\",\r\n\t\t                    \"description\": \"Yes. Big typographies have been trending for a long time now and that\u2019s exactly why more and more web designers try to show their creativity and dive into uncharted waters.\u00a0Before\u00a0typography rules were very strict and things like hyphenated words and unclear lines\u00a0were taboo. But-Not-Anymore.\u00a0\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=9\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 10,\r\n\t\t                    \"image\": \"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/Zebra-Popart-Pop-Art-Paintings_art.png\",\r\n\t\t                    \"name\": \"Go edgy: Be the king of pop (art)\",\r\n\t\t                    \"description\": \"If you have a keen eye for art trends, you\u2019ve probably noticed that more and more pop colors are popping around the Web. The reason: edgy art is coming back big time! That said this doesn\u2019t mean that everyone should jump on the trend. According to the nature and visual identity of your business, you might decide to use it or not.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-design-professionals-2?list-view=10\"\r\n\t\t        }\r\n\t\t        \r\n\t\t        \t\t            \t\t    ]\r\n\t\t}\r\n\t<\/script>\r\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Origami style 02 &nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-851","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>iList Template Infographic Origami Style 02 - iList<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"iList Template Infographic Origami Style 02 - iList\" \/>\n<meta property=\"og:description\" content=\"Origami style 02 &nbsp;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/\" \/>\n<meta property=\"og:site_name\" content=\"iList\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-03T12:37:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-02\\\/\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-02\\\/\",\"name\":\"iList Template Infographic Origami Style 02 - iList\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#website\"},\"datePublished\":\"2017-01-03T12:24:24+00:00\",\"dateModified\":\"2017-02-03T12:37:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-02\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-02\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-02\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"iList Template Infographic Origami Style 02\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#website\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\",\"name\":\"iList\",\"description\":\"Infographics and List Builder plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#organization\",\"name\":\"iList\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/icon-256x256-1-90x90-1.png\",\"contentUrl\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/icon-256x256-1-90x90-1.png\",\"width\":90,\"height\":90,\"caption\":\"iList\"},\"image\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"iList Template Infographic Origami Style 02 - iList","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/","og_locale":"en_US","og_type":"article","og_title":"iList Template Infographic Origami Style 02 - iList","og_description":"Origami style 02 &nbsp;","og_url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/","og_site_name":"iList","article_modified_time":"2017-02-03T12:37:07+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/","url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/","name":"iList Template Infographic Origami Style 02 - iList","isPartOf":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#website"},"datePublished":"2017-01-03T12:24:24+00:00","dateModified":"2017-02-03T12:37:07+00:00","breadcrumb":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-02\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev.quantumcloud.com\/iList\/"},{"@type":"ListItem","position":2,"name":"iList Template Infographic Origami Style 02"}]},{"@type":"WebSite","@id":"https:\/\/dev.quantumcloud.com\/iList\/#website","url":"https:\/\/dev.quantumcloud.com\/iList\/","name":"iList","description":"Infographics and List Builder plugin for WordPress","publisher":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev.quantumcloud.com\/iList\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dev.quantumcloud.com\/iList\/#organization","name":"iList","url":"https:\/\/dev.quantumcloud.com\/iList\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dev.quantumcloud.com\/iList\/#\/schema\/logo\/image\/","url":"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2025\/04\/icon-256x256-1-90x90-1.png","contentUrl":"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2025\/04\/icon-256x256-1-90x90-1.png","width":90,"height":90,"caption":"iList"},"image":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages\/851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/comments?post=851"}],"version-history":[{"count":0,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages\/851\/revisions"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/media?parent=851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}