{"id":1424,"date":"2017-02-05T13:50:22","date_gmt":"2017-02-05T13:50:22","guid":{"rendered":"https:\/\/dev.quantumcloud.com\/iList\/?page_id=1424"},"modified":"2017-02-06T13:37:49","modified_gmt":"2017-02-06T13:37:49","slug":"test","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/iList\/test\/","title":{"rendered":"Test"},"content":{"rendered":"<div id=\"iList-outer-wrapper\"  class=\"iList-outer-wrapper premium-style-11\" data-display_copy_share=\"false\">\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<style type=\"text\/css\">\r\n\r\n\t\t.prestl11tfontsize{\r\n\t\t\tfont-size:20px!important;\r\n\t\t}\r\n\t\t<\/style><style type=\"text\/css\">\r\n\r\n\t\t.prestl11dfontsize{\r\n\t\t\tfont-size:14px!important;\r\n\t\t}\r\n\t\t<\/style><link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto\" rel=\"stylesheet\"><style type=\"text\/css\">.prestl11tfont{font-family:Roboto!important;}<\/style><style type=\"text\/css\">.prestl11dfont p{font-family:Roboto!important;}<\/style>\r\n<div id=\"qcld-list-holder\" class=\"qcld-list-hoder sl2bgimage\" style=\"overflow:hidden\">\r\n\t<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=\"premium-style-11\"\n           data-search=\"\"\n           data-category=\"\"\n           data-listid=\"1417\"\n           data-ctitle=\"iList WordPress Plugin\"\n           data-clink=\"https:\/\/www.quantumcloud.com\/products\/infographic-maker-ilist\/\"\n           data-upvote=\"off\"> \n\t\t\tShare List\t\t   <i class=\"fa fa-share-alt\"><\/i><\/a>\n\t\t\t    \t\t\r\n\t\t\r\n\t<div style=\"clear:both;margin-bottom:20px\"><\/div>\r\n\t\t\t\t\t<div class=\"portfolio-container prestl11bordercontainer\">\r\n\t\t\t\t\t<div class=\"single-item qc-portfolio-row prestl11qcrow presi11itembgcolor wow \" style=\"\" id=\"qcld_sl_1417_1\">\r\n\t\t\t<div class=\"qc-portfolio-item prestl11qcitem\">\r\n\t\t\t\t<div class=\"qc-portfolio-item-box qc-portfolio-image-box\">\r\n\t\t\t\t\t<div class=\"qc-portfolio-img\">\r\n\t\t\t\t\t\t<a href=\"\" data-lightbox=\"example-1\"><div class=\"qc-portfolio-img-overly\"><\/div><\/a>\r\n\t\t\t\t\t\t\t<div class=\"infogp_free_11\" style=\"color:#6e6969\"><i class=\"fa fa-tasks\"><\/i><\/div> \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--qc-portfolio-img-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!--qc-portfolio-item-box-->\r\n\t\t\t\t<div class=\"qc-portfolio-item-box qc-portfolio-content-box\">\r\n\t\t\t\t\t<div class=\"qc-portfolio-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<h2  class=\"prestl11thovercolor prestl11tfontsize prestl11tfont\">\r\n\t\t\t\t\t\t\tCreate Infographics\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n                        \r\n                        \r\n                        \r\n                            \r\n \t <!-- 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_1417_1\">\r\n\t\t\t\t\t\t<div>Create Infographics<\/div>\r\n\t\t\t\t\t\t<div><p>Create Dynamic, HTML &amp; <strong>Responsive Infographics<\/strong> easily! With iList \u2013 you can create a great looking Infographics in matter of minutes. <strong>Preview<\/strong> the Infographics and also <strong>Save the Infographics <\/strong>as an<strong> Image<\/strong> if you like!<\/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=Create Infographics. Create Dynamic, HTML &amp; Responsive Infographics easily! With iList \u2013 you can create a great looking Infographics in matter of minutes. Preview the Infographics and also Save the Infographics as an Image if you like! \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=what-can-you-do-with-ilist\"\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  -->    \t\t                       \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\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\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-create-infographics\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"prestl11dfont prestl11dfontsize prestl11dhovercolor\">\r\n\t\t\t\t\t\t\t\t<p>Create Dynamic, HTML &amp; <strong>Responsive Infographics<\/strong> easily! With iList \u2013 you can create a great looking Infographics in matter of minutes. <strong>Preview<\/strong> the Infographics and also <strong>Save the Infographics <\/strong>as an<strong> Image<\/strong> if you like!<\/p>\n\t\t\t\t\t\t\t<\/span>\t\r\n\r\n\t\t\t\t\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\t\t<span id=\"ilist-fancybox-id-create-infographics\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\" >\t\r\n\t\t\t\t\t\t\t<p style=\"text-align: center\"><strong>Creating Infographics is Easy with iList!<\/strong><\/p>\n<p><div class=\"ast-oembed-container \" style=\"height: 100%;\"><iframe title=\"Infographic Maker WordPress Plugin iList - Getting Started\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/3lsUgGeE1gA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/p>\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\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\t\t\t<\/div>\r\n\t\t\t\t\t<!--qc-portfolio-img-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!--qc-portfolio-item-box-->\r\n\t\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<!--qc-portfolio-item-->\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t\t<div class=\"single-item qc-portfolio-row prestl11qcrow presi11itembgcolor wow \" style=\"\" id=\"qcld_sl_1417_2\">\r\n\t\t\t<div class=\"qc-portfolio-item prestl11qcitem\">\r\n\t\t\t\t<div class=\"qc-portfolio-item-box qc-portfolio-image-box\">\r\n\t\t\t\t\t<div class=\"qc-portfolio-img\">\r\n\t\t\t\t\t\t<a href=\"\" data-lightbox=\"example-2\"><div class=\"qc-portfolio-img-overly\"><\/div><\/a>\r\n\t\t\t\t\t\t\t<div class=\"infogp_free_11\" style=\"color:#6e6969\"><i class=\"fa fa-camera-retro\"><\/i><\/div> \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--qc-portfolio-img-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!--qc-portfolio-item-box-->\r\n\t\t\t\t<div class=\"qc-portfolio-item-box qc-portfolio-content-box\">\r\n\t\t\t\t\t<div class=\"qc-portfolio-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<h2  class=\"prestl11thovercolor prestl11tfontsize prestl11tfont\">\r\n\t\t\t\t\t\t\tVisual Editor and Modal\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n                        \r\n                        \r\n                        \r\n                            \r\n \t <!-- 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_1417_2\">\r\n\t\t\t\t\t\t<div>Visual Editor and Modal<\/div>\r\n\t\t\t\t\t\t<div><p>iList Pro supports <strong>Visual Editor<\/strong> to Format Your List items with <strong>Bold<\/strong>, Links, Colors etc. Additional Long description area supports longer text, Video or any content inside a LightBox modal. Great for explaining your points!<\/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=Visual Editor and Modal. iList Pro supports Visual Editor to Format Your List items with Bold, Links, Colors etc. Additional Long description area supports longer text, Video or any content inside a LightBox modal. Great for explaining your points! \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=what-can-you-do-with-ilist\"\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  -->    \t\t                       \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\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\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-visual-editor-and-modal\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"prestl11dfont prestl11dfontsize prestl11dhovercolor\">\r\n\t\t\t\t\t\t\t\t<p>iList Pro supports <strong>Visual Editor<\/strong> to Format Your List items with <strong>Bold<\/strong>, Links, Colors etc. Additional Long description area supports longer text, Video or any content inside a LightBox modal. Great for explaining your points!<\/p>\n\t\t\t\t\t\t\t<\/span>\t\r\n\r\n\t\t\t\t\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\t\t<span id=\"ilist-fancybox-id-visual-editor-and-modal\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\" >\t\r\n\t\t\t\t\t\t\t<p style=\"text-align: center;width: 100%\">Long Descriptions will open in a Modal where you can add <strong>formatted text<\/strong> and additional images or <strong>videos<\/strong>.<img decoding=\"async\" class=\"alignnone size-medium wp-image-2450\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/infographic.jpg\" alt=\"\" width=\"100%\" height=\"auto\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/infographic.jpg 751w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/infographic-77x300.jpg 77w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/infographic-263x1024.jpg 263w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/infographic-480x1871.jpg 480w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/p>\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\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\t\t\t<\/div>\r\n\t\t\t\t\t<!--qc-portfolio-img-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!--qc-portfolio-item-box-->\r\n\t\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<!--qc-portfolio-item-->\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t\t<div class=\"single-item qc-portfolio-row prestl11qcrow presi11itembgcolor wow \" style=\"\" id=\"qcld_sl_1417_3\">\r\n\t\t\t<div class=\"qc-portfolio-item prestl11qcitem\">\r\n\t\t\t\t<div class=\"qc-portfolio-item-box qc-portfolio-image-box\">\r\n\t\t\t\t\t<div class=\"qc-portfolio-img\">\r\n\t\t\t\t\t\t<a href=\"\" data-lightbox=\"example-3\"><div class=\"qc-portfolio-img-overly\"><\/div><\/a>\r\n\t\t\t\t\t\t\t<div class=\"infogp_free_11\" style=\"color:#6e6969\"><i class=\"fa fa-list\"><\/i><\/div> \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--qc-portfolio-img-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!--qc-portfolio-item-box-->\r\n\t\t\t\t<div class=\"qc-portfolio-item-box qc-portfolio-content-box\">\r\n\t\t\t\t\t<div class=\"qc-portfolio-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<h2  class=\"prestl11thovercolor prestl11tfontsize prestl11tfont\">\r\n\t\t\t\t\t\t\tCompare Lists\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n                        \r\n                        \r\n                        \r\n                            \r\n \t <!-- 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_1417_3\">\r\n\t\t\t\t\t\t<div>Compare Lists<\/div>\r\n\t\t\t\t\t\t<div><p><strong>Compare any two Lists<\/strong> easily with iList using the shortcode generator. Compare Lists feature uses special templates for better presentation and you can also use percentage bars!<\/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=Compare Lists. Compare any two Lists easily with iList using the shortcode generator. Compare Lists feature uses special templates for better presentation and you can also use percentage bars! \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=what-can-you-do-with-ilist\"\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  -->    \t\t                       \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\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\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-compare-lists\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"prestl11dfont prestl11dfontsize prestl11dhovercolor\">\r\n\t\t\t\t\t\t\t\t<p><strong>Compare any two Lists<\/strong> easily with iList using the shortcode generator. Compare Lists feature uses special templates for better presentation and you can also use percentage bars!<\/p>\n\t\t\t\t\t\t\t<\/span>\t\r\n\r\n\t\t\t\t\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\t\t<span id=\"ilist-fancybox-id-compare-lists\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\" >\t\r\n\t\t\t\t\t\t\t<p><div class=\"ast-oembed-container \" style=\"height: 100%;\"><iframe title=\"How to compare two lists with WordPress Infographic Maker iList\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/okM_2nvba4A?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/p>\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\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\t\t\t<\/div>\r\n\t\t\t\t\t<!--qc-portfolio-img-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!--qc-portfolio-item-box-->\r\n\t\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<!--qc-portfolio-item-->\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t\t<div class=\"single-item qc-portfolio-row prestl11qcrow presi11itembgcolor wow \" style=\"\" id=\"qcld_sl_1417_4\">\r\n\t\t\t<div class=\"qc-portfolio-item prestl11qcitem\">\r\n\t\t\t\t<div class=\"qc-portfolio-item-box qc-portfolio-image-box\">\r\n\t\t\t\t\t<div class=\"qc-portfolio-img\">\r\n\t\t\t\t\t\t<a href=\"\" data-lightbox=\"example-4\"><div class=\"qc-portfolio-img-overly\"><\/div><\/a>\r\n\t\t\t\t\t\t\t<div class=\"infogp_free_11\" style=\"color:#6e6969\"><i class=\"fa fa-pencil\"><\/i><\/div> \r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--qc-portfolio-img-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!--qc-portfolio-item-box-->\r\n\t\t\t\t<div class=\"qc-portfolio-item-box qc-portfolio-content-box\">\r\n\t\t\t\t\t<div class=\"qc-portfolio-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<h2  class=\"prestl11thovercolor prestl11tfontsize prestl11tfont\">\r\n\t\t\t\t\t\t\tEmbed, Share, Charts\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n                        \r\n                        \r\n                        \r\n                            \r\n \t <!-- 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_1417_4\">\r\n\t\t\t\t\t\t<div>Embed, Share, Charts<\/div>\r\n\t\t\t\t\t\t<div><p>The <strong>embed<\/strong> feature allows anyone to share your created infographics on their website with credit. Enable the Share button to share a list item on <strong>Twitter<\/strong> or copy the text quickly. Use <strong>Charts<\/strong> with iList to <strong>visualize<\/strong> your data!<\/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=Embed, Share, Charts. The embed feature allows anyone to share your created infographics on their website with credit. Enable the Share button to share a list item on Twitter or copy the text quickly. Use Charts with iList to visualize your data! \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=what-can-you-do-with-ilist\"\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  -->    \t\t                       \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \r\n                        \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\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\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-embed-share-charts\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"prestl11dfont prestl11dfontsize prestl11dhovercolor\">\r\n\t\t\t\t\t\t\t\t<p>The <strong>embed<\/strong> feature allows anyone to share your created infographics on their website with credit. Enable the Share button to share a list item on <strong>Twitter<\/strong> or copy the text quickly. Use <strong>Charts<\/strong> with iList to <strong>visualize<\/strong> your data!<\/p>\n\t\t\t\t\t\t\t<\/span>\t\r\n\r\n\t\t\t\t\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\t\t<span id=\"ilist-fancybox-id-embed-share-charts\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\" >\t\r\n\t\t\t\t\t\t\t<p><img fetchpriority=\"high\" fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-2477 size-full\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/iList-Charts.jpg\" alt=\"\" width=\"1055\" height=\"816\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/iList-Charts.jpg 1055w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/iList-Charts-300x232.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/iList-Charts-1024x792.jpg 1024w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/iList-Charts-768x594.jpg 768w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/iList-Charts-980x758.jpg 980w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/02\/iList-Charts-480x371.jpg 480w\" sizes=\"(max-width: 1055px) 100vw, 1055px\" \/><\/p>\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\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\t\t\t<\/div>\r\n\t\t\t\t\t<!--qc-portfolio-img-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!--qc-portfolio-item-box-->\r\n\t\t\t\t<div class=\"clear\"><\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<!--qc-portfolio-item-->\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\t\n<div id=\"iList-outer-wrapper\"  class=\"iList-outer-wrapper premium-style-09\" data-display_copy_share=\"false\">\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 sl2bgimage\" style=\"overflow:hidden\">\r\n\t<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=\"1\"\n           data-style=\"premium-style-09\"\n           data-search=\"\"\n           data-category=\"\"\n           data-listid=\"1105\"\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\r\n\t\t\t<h3 style=\"height: 40px;\" class=\"sl2titlefont\">\r\n\t\tProfessional Web Design Tips\t\t<\/h3>\r\n\t\t\r\n\t<div style=\"clear:both;margin-bottom:20px\"><\/div>\r\n\t\t\t\t<ul class=\"tlist-item-x5\">\r\n\t\t\t\t\t<li id=\"qcld_sl_1105_1\" class=\"prestl09bghovercolor wow \">\r\n\t\t\t\t\t\r\n\t\t\t<div class=\"tlist-single-item-x5\">\r\n\t\t\t\t<div class=\"tlist-item-info presi9itembgcolor\" style=\"\">\r\n\t\t\t\t\t<div class=\"tlist-item-title-x5\">\r\n\t\t\t\t\t\t<h2  class=\"ilist-item-title sl2titlefont prestl09thovercolor prestl09tfontsize\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;display: block;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"1105\" data-item-title=\"Internal link\" class=\"upvote-btn-ilist upvote-on\">\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\">\r\n\t\t\t\t\t\t\t\t\t\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\r\n                            \r\n                            \r\n                            \r\n                            \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_1105_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. They are commonly used in main navigation.<\/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. They are commonly used in main navigation. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=professional-web-design-tips\"\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                            \r\n                            \r\n                            \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tInternal link\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tlist-item-image-x5\"><a style=\"align-self: center;width: 100%;\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/link12.png\" data-lightbox=\"example-1\" data-rel=\"lightbox-image-0\" data-rl_title=\"link12\" data-rl_caption=\"\" title=\"link12\"><img decoding=\"async\" class=\"ilist_pinfographic_ten\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/link12.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"tlist-item-content-x5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"sl2descfont prestl09dfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\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. They are commonly used in main navigation.<\/p>\n\t\t\t\t\t\t\t<\/span>\t\t\r\n\r\n\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\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"divider\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/plugins\/iList-pro\/\/views\/premium-style-09\/images\/divider.png\"><\/img>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1105_2\" class=\"prestl09bghovercolor wow \">\r\n\t\t\t\t\t\r\n\t\t\t<div class=\"tlist-single-item-x5\">\r\n\t\t\t\t<div class=\"tlist-item-info presi9itembgcolor\" style=\"\">\r\n\t\t\t\t\t<div class=\"tlist-item-title-x5\">\r\n\t\t\t\t\t\t<h2  class=\"ilist-item-title sl2titlefont prestl09thovercolor prestl09tfontsize\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;display: block;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"1105\" data-item-title=\"Caption\" class=\"upvote-btn-ilist upvote-on\">\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\">\r\n\t\t\t\t\t\t\t\t\t\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\r\n                            \r\n                            \r\n                            \r\n                            \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_1105_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=professional-web-design-tips\"\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                            \r\n                            \r\n                            \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tCaption\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tlist-item-image-x5\"><a style=\"align-self: center;width: 100%;\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caption12.png\" data-lightbox=\"example-2\" data-rel=\"lightbox-image-1\" data-rl_title=\"caption12\" data-rl_caption=\"\" title=\"caption12\"><img decoding=\"async\" class=\"ilist_pinfographic_ten\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caption12.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"tlist-item-content-x5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"sl2descfont prestl09dfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\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\t\t\t<\/span>\t\t\r\n\r\n\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\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"divider\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/plugins\/iList-pro\/\/views\/premium-style-09\/images\/divider.png\"><\/img>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1105_3\" class=\"prestl09bghovercolor wow \">\r\n\t\t\t\t\t\r\n\t\t\t<div class=\"tlist-single-item-x5\">\r\n\t\t\t\t<div class=\"tlist-item-info presi9itembgcolor\" style=\"\">\r\n\t\t\t\t\t<div class=\"tlist-item-title-x5\">\r\n\t\t\t\t\t\t<h2  class=\"ilist-item-title sl2titlefont prestl09thovercolor prestl09tfontsize\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;display: block;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"1105\" data-item-title=\"Meta Tags\" class=\"upvote-btn-ilist upvote-on\">\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\">\r\n\t\t\t\t\t\t\t\t\t\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\r\n                            \r\n                            \r\n                            \r\n                            \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_1105_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=professional-web-design-tips\"\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                            \r\n                            \r\n                            \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tMeta Tags\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tlist-item-image-x5\"><a style=\"align-self: center;width: 100%;\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tag12.png\" data-lightbox=\"example-3\" data-rel=\"lightbox-image-2\" data-rl_title=\"tag12\" data-rl_caption=\"\" title=\"tag12\"><img decoding=\"async\" class=\"ilist_pinfographic_ten\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tag12.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"tlist-item-content-x5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"sl2descfont prestl09dfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\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\t\t\t<\/span>\t\t\r\n\r\n\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\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"divider\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/plugins\/iList-pro\/\/views\/premium-style-09\/images\/divider.png\"><\/img>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1105_4\" class=\"prestl09bghovercolor wow \">\r\n\t\t\t\t\t\r\n\t\t\t<div class=\"tlist-single-item-x5\">\r\n\t\t\t\t<div class=\"tlist-item-info presi9itembgcolor\" style=\"\">\r\n\t\t\t\t\t<div class=\"tlist-item-title-x5\">\r\n\t\t\t\t\t\t<h2  class=\"ilist-item-title sl2titlefont prestl09thovercolor prestl09tfontsize\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;display: block;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"1105\" data-item-title=\"Layout\" class=\"upvote-btn-ilist upvote-on\">\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\">\r\n\t\t\t\t\t\t\t\t\t\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\r\n                            \r\n                            \r\n                            \r\n                            \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_1105_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=professional-web-design-tips\"\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                            \r\n                            \r\n                            \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tLayout\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tlist-item-image-x5\"><a style=\"align-self: center;width: 100%;\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/navigate12.png\" data-lightbox=\"example-4\" data-rel=\"lightbox-image-3\" data-rl_title=\"navigate12\" data-rl_caption=\"\" title=\"navigate12\"><img decoding=\"async\" class=\"ilist_pinfographic_ten\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/navigate12.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"tlist-item-content-x5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"sl2descfont prestl09dfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\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\t\t\t<\/span>\t\t\r\n\r\n\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\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"divider\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/plugins\/iList-pro\/\/views\/premium-style-09\/images\/divider.png\"><\/img>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1105_5\" class=\"prestl09bghovercolor wow \">\r\n\t\t\t\t\t\r\n\t\t\t<div class=\"tlist-single-item-x5\">\r\n\t\t\t\t<div class=\"tlist-item-info presi9itembgcolor\" style=\"\">\r\n\t\t\t\t\t<div class=\"tlist-item-title-x5\">\r\n\t\t\t\t\t\t<h2  class=\"ilist-item-title sl2titlefont prestl09thovercolor prestl09tfontsize\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;display: block;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"1105\" data-item-title=\"Minimize Popups\" class=\"upvote-btn-ilist upvote-on\">\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\">\r\n\t\t\t\t\t\t\t\t\t\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\r\n                            \r\n                            \r\n                            \r\n                            \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_1105_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=professional-web-design-tips\"\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                            \r\n                            \r\n                            \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tMinimize Popups\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tlist-item-image-x5\"><a style=\"align-self: center;width: 100%;\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/popups12.png\" data-lightbox=\"example-5\" data-rel=\"lightbox-image-4\" data-rl_title=\"popups12\" data-rl_caption=\"\" title=\"popups12\"><img decoding=\"async\" class=\"ilist_pinfographic_ten\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/popups12.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"tlist-item-content-x5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"sl2descfont prestl09dfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\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\t\t\t<\/span>\t\t\r\n\r\n\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\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"divider\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/plugins\/iList-pro\/\/views\/premium-style-09\/images\/divider.png\"><\/img>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1105_6\" class=\"prestl09bghovercolor wow \">\r\n\t\t\t\t\t\r\n\t\t\t<div class=\"tlist-single-item-x5\">\r\n\t\t\t\t<div class=\"tlist-item-info presi9itembgcolor\" style=\"\">\r\n\t\t\t\t\t<div class=\"tlist-item-title-x5\">\r\n\t\t\t\t\t\t<h2  class=\"ilist-item-title sl2titlefont prestl09thovercolor prestl09tfontsize\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer;display: block;\">\r\n\t\t\t\t\t\t\t\t<span data-post-id=\"1105\" data-item-title=\"Advertisement\" class=\"upvote-btn-ilist upvote-on\">\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\">\r\n\t\t\t\t\t\t\t\t\t\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\r\n                            \r\n                            \r\n                            \r\n                            \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_1105_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=professional-web-design-tips\"\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                            \r\n                            \r\n                            \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tAdvertisement\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"tlist-item-image-x5\"><a style=\"align-self: center;width: 100%;\" href=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/advertisement1.png\" data-lightbox=\"example-6\" data-rel=\"lightbox-image-5\" data-rl_title=\"advertisement1\" data-rl_caption=\"\" title=\"advertisement1\"><img decoding=\"async\" class=\"ilist_pinfographic_ten\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/advertisement1.png\" alt=\"image-1\" \/><\/a><\/div>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"tlist-item-content-x5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span  class=\"sl2descfont prestl09dfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\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\t\t\t<\/span>\t\t\r\n\r\n\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\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"divider\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/plugins\/iList-pro\/\/views\/premium-style-09\/images\/divider.png\"><\/img>\r\n\t\t\t\t<\/div>\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\t\n<div id=\"iList-outer-wrapper\"  class=\"iList-outer-wrapper premium-style-10\" data-display_copy_share=\"false\">\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<style type=\"text\/css\">\r\n\r\n\t\t.sl2tfontsize{\r\n\t\t\tfont-size:20px!important;\r\n\t\t}\r\n\t\t<\/style><style type=\"text\/css\">\r\n\r\n\t\t.infog5dfontsize p{\r\n\t\t\tfont-size:14px!important;\r\n\t\t}\r\n\t\t<\/style>\r\n<div id=\"qcld-list-holder\" class=\"qcld-list-hoder sl2bgimage\" style=\"overflow:hidden\">\r\n\t<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=\"1\"\n           data-style=\"premium-style-10\"\n           data-search=\"\"\n           data-category=\"\"\n           data-listid=\"1144\"\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\r\n\t\t\t<h3 style=\"height: 40px;\" class=\"sl2titlefont\">\r\n\t\tWeb Designer Tips to Survive 2017\t\t<\/h3>\r\n\t\t\r\n\t<div style=\"clear:both;margin-bottom:20px\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"comparemaindiv\">\r\n\r\n\t<div class=\"single-item left-items-x4 items-col-x4\">\r\n\t\t\r\n\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor wow slideInLeft\" style=\"background:#adadad\" id=\"qcld_sl_1144_99\">\r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t\t<span>End of traditional web design<\/span>\t\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-end-of-traditional-web-design\">\r\n\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>The concept of web design in the traditional sense is fading away. In traditional web design, the role of design was more to make the tech look good to its audience. Web design is more than that. It has morphed into something bigger. Web designers (or experience designers) no longer just make websites \u201clook beautiful\u201d. Rather they need to look into the experience of users and their stories.<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\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\t\t<span id=\"ilist-fancybox-id-end-of-traditional-web-design\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t<h3 style=\"text-align: center;width: 100%\"><strong>End of traditional web design<\/strong><\/h3>\n<p style=\"text-align: center\">The concept of web design in the traditional sense is fading away. Web design has morphed into something bigger. Web designers (or experience designers) no longer just make websites \u201clook beautiful\u201d. Rather they need to look into the experience of users and their stories.<\/p>\n<p><div class=\"ast-oembed-container \" style=\"height: 100%;\"><iframe title=\"What is headless CMS?\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/U5_H9cD17gA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/p>\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: right;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"End of traditional web design\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t26\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n                \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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\r\n\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor wow slideInLeft\" style=\"background:#ddc8a4\" id=\"qcld_sl_1144_98\">\r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t\t<span>GIFs and other animations<\/span>\t\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-gifs-and-other-animations\">\r\n\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>A lot of websites and apps use animations for a while. What\u2019s new is that GIFs are going mainstream. Now built into Facebook and Twitter, GIFs can also be used for your web design. But don\u2019t overuse them \u2013 they work well to draw a user\u2019s attention. GIFs enable you to provide a richer product experience, explain a workflow, or simply provide a how to guide for your users. There are\u00a0several GIF creation tools such as Photoshop, Giphy, or record.it.<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\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\t\t<span id=\"ilist-fancybox-id-gifs-and-other-animations\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t<h3>GIFs and other animations<\/h3>\n<p>GIFs are going mainstream. Now built into Facebook &amp;\u00a0Twitter, GIFs can also be used for your web design. But don\u2019t overuse them \u2013 they work well to draw a user\u2019s attention. GIFs enable you to provide a richer product experience &amp; explain a workflow.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2441\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280.jpg\" alt=\"\" width=\"100%\" height=\"auto\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280.jpg 1280w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-768x512.jpg 768w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1024x682.jpg 1024w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1080x720.jpg 1080w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-980x653.jpg 980w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-480x320.jpg 480w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p>Eschewing much of the over-the-top luddism that now fills the New York Times (\u201cSilicon Valley is Not Your Friends\u201d), the Guardian (\u201cThe Tech Insiders Who Fear a Smartphone Dystopia\u201d), and other mainstream media outlets, Keen proffers practical solutions to a wide range of tech-related woes. These include persistent public and private surveillance, labor displacement, and fake news.Eschewing much of the over-the-top luddism that now fills the New York Times (\u201cSilicon Valley is Not Your Friends\u201d), the Guardian (\u201cThe Tech Insiders Who Fear a Smartphone Dystopia\u201d), and other mainstream media outlets, Keen proffers practical solutions to a wide range of tech-related woes. These include persistent public and private surveillance, labor displacement, and fake news.<\/p>\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: right;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"GIFs and other animations\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t17\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n                \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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\r\n\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor wow slideInLeft\" style=\"background:#bbd6a9\" id=\"qcld_sl_1144_97\">\r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t\t<span>Minimalistic web design<\/span>\t\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-minimalistic-web-design\">\r\n\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>Minimalism is being taken to a whole new level in 2017, so instead of being hit with a homepage, users are now presented with a \u2018card\u2019. These are entry points which act as the doorway to more information. Within a website itself, multiple cards can also be used to visually suggest a topic and entice users to click. Basically, people now want de-cluttered, simplistic, and visually explanatory web designs.<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\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\t\t<span id=\"ilist-fancybox-id-minimalistic-web-design\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t<h3 style=\"text-align: center;width: 100%\">Minimalistic web design<\/h3>\n<p style=\"text-align: center\">Minimalism is being taken to a whole new level in 2017. Websites are now using cards and within a website itself, multiple cards can also be used to visually suggest a topic and entice users to click. Basically, people now want de-cluttered, simplistic, and visually explanatory web designs.<\/p>\n<p>https:\/\/www.youtube.com\/watch?v=8VwVVkW6x9s<\/p>\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: right;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"Minimalistic web design\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t5\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n                \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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\r\n\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor wow slideInLeft\" style=\"background:#c09ee2\" id=\"qcld_sl_1144_96\">\r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t\t<span>Fewer stock photos<\/span>\t\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-fewer-stock-photos\">\r\n\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>There\u2019s an interesting web design trend worth mentioning. As people, we do prefer to see bespoke pictures which really relate to the company or business, rather than a generic image. Photography is an art form and one which perhaps got a little lost for a few years. But in 2017 it\u2019s back and more powerful than ever before. Images of your people (meet the team) are popular too \u2013 put a face to the brand.<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\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\t\t<span id=\"ilist-fancybox-id-fewer-stock-photos\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t<h3>Fewer stock photos<\/h3>\n<p>As people, we do prefer to see bespoke pictures which really relate to the company or business, rather than a generic image. Photography is an art form and one which perhaps got a little lost for a few years. Images of your people (meet the team) are popular too \u2013 put a face to the brand.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2442\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/newspapers-4565916_640-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/newspapers-4565916_640-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/newspapers-4565916_640-480x320.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/newspapers-4565916_640.jpg 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/> <img decoding=\"async\" class=\"alignnone size-medium wp-image-2443\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640-480x320.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640.jpg 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/> <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2444\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-768x512.jpg 768w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-1024x682.jpg 1024w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-1080x720.jpg 1080w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-980x653.jpg 980w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-480x320.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1.jpg 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2445\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tree-4578319_640-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tree-4578319_640-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tree-4578319_640-480x320.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tree-4578319_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2446\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/night-photograph-4579193_640-300x199.jpg\" alt=\"\" width=\"300\" height=\"199\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/night-photograph-4579193_640-300x199.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/night-photograph-4579193_640-480x319.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/night-photograph-4579193_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2447\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/brighton-4577172_640-300x192.jpg\" alt=\"\" width=\"300\" height=\"192\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/brighton-4577172_640-300x192.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/brighton-4577172_640-480x307.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/brighton-4577172_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: right;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"Fewer stock photos\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t7\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n                \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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\r\n\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor wow slideInLeft\" style=\"background:#ddba85\" id=\"qcld_sl_1144_95\">\r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t\t<span>Long-scrolling websites<\/span>\t\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>There are a pro\u2019s and con\u2019s to long-scrolling websites. All in all, we do see more and more long-scrolling websites, mainly to the success of seemingly bottomless websites like Facebook, Twitter, or Instagram. Facebook, Twitter, and Instagram allow users to scroll for hours, constantly seeing new content. As a human race, we\u2019re used to the action now. Many sites are doing away with menus and tabs and instead putting everything on one, long page. The site can be broken up with images, typography, and videos to add some excitement to the experience. Better keep on scrolling.<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: right;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"Long-scrolling websites\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t8\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n                \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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t<\/div>\r\n\r\n\t<div class=\"center-image-x4 \" style=\"align-self: center;\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/plugins\/iList-pro\/\/views\/premium-style-10\/images\/divider.png\"  class=\"Array\"> \r\n\t\t\t\t\r\n\t\r\n\r\n\t<\/div>\r\n\t\r\n\t<div class=\"single-item right-items-x4 items-col-x4 \">\r\n\t\t\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor  wow slideInRight\" style=\"background:#dd9b9b\" id=\"qcld_sl_1144_1\"> \r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\t\r\n\t\t\t\t\t<span>Intelligent UI<\/span>\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>2016 has been a big year for conversational interfaces. In 2017 people will interact with companies, services, and bots through chat, messaging, and other natural language interfaces. As messaging platforms (such as Slack, Facebook Messenger, or WeChat) are overtaking social networks and app downloads, companies are starting to think about ways on how to utilize this change. Therefore the design of conversational user interfaces (for example for websites) will become an increasingly important topic for most <a href=\"https:\/\/www.quantumcloud.com\" target=\"_blank\" rel=\"noopener\">web designers<\/a> in 2017.<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: left;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"Intelligent UI\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t38\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor  wow slideInRight\" style=\"background:#eded9c\" id=\"qcld_sl_1144_2\"> \r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\t\r\n\t\t\t\t\t<span>Next generation of RWD<\/span>\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>Responsive design will continue dominate because it is one of the most effective ways of achieving a good UX. CSS media queries offer websites flexibility and allow them to adjust according to the different devices the site is being accessed on. \u00a0As website providers we must accept the situation, though, that there\u2019s not a one size fits all situation here. I do believe that offering fewer options, less responsive views, conversions of those websites will go up.<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: left;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"Next generation of RWD\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t15\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor  wow slideInRight\" style=\"background:#85a2bf\" id=\"qcld_sl_1144_3\"> \r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\t\r\n\t\t\t\t\t<span>Data visualization<\/span>\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-data-visualization\">\r\n\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>Data and analytics are more important than ever and now big brands are offering their users a chance to see the stats for themselves. Presenting data in visual ways increases user interaction with this information. Particularly useful when it comes to understanding user representation, colorful charts such as the ones you can create using Tableau, are eye-catching and draw user\u2019s attention. data visualization design trend.<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\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\t\t<span id=\"ilist-fancybox-id-data-visualization\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\" >\t\r\n\t\t\t\t\t\t\t<p>https:\/\/www.youtube.com\/watch?v=VyhLRJVoIrI<\/p>\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: left;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"Data visualization\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t14\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor  wow slideInRight\" style=\"background:#bbd6ab\" id=\"qcld_sl_1144_4\"> \r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\t\r\n\t\t\t\t\t<span>Material design<\/span>\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>Material design has been developed by Google in recent years and is being steadily rolled out across its applications, including Gmail, Google Maps, Google Drive, and YouTube. Material design shows up as a search term since early 2013, however, it only went mainstream in 2015. It is a way of designing to create a hierarchy of meaning and importance on the page, drawing the user\u2019s focus to different areas all the while moving and responding to the user\u2019s actions.\u00a0<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: left;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"Material design\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t13\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t<div class=\"single-item single-item-x4 infogp5hoveritem presi10itembgcolor  wow slideInRight\" style=\"background:#dddddd\" id=\"qcld_sl_1144_5\"> \r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<h3  class=\"sl2titlefont sl2tfontsize infogp4hovertextcolor\">\r\n\t\t\t\t\r\n\t\t\t\t<\/span><em><small><\/small><\/em>\t\t\t\t\r\n\t\t\t\t\t<span>Typography goes big.<\/span>\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/h3>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sl2descfont infog5dfontsize infogp5hovertextcolor desinfopg8fontsize\">\r\n\t\t\t\t\t<p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/p>\n\t\t\t\t<\/span>\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"width:100%;text-align: left;cursor:pointer;\">\r\n\t\t\t\t\t<span data-post-id=\"1144\" data-item-title=\"Typography goes big.\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t10\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\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_1144_11\">\r\n\t\t\t\t\t\t<div>Typography goes big.<\/div>\r\n\t\t\t\t\t\t<div><p>Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. <br \/>It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page.<\/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=Typography goes big.. Typography is getting bigger and bolder. Already 2016 saw an increase in size and \u2018out-there\u2019 designs but this trend isn\u2019t stopping any time soon. Brands will be going bigger, more eye-catching, and even full screen. Dynamic colours and textures will be added to interesting and vibrant fonts to create an overall \u2018wow\u2019 effect. It seems typography works well both to for drawing and keeping user\u2019s attention. Large typography can be used effective to break up the grids, especially if the site has a long scrolling page. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017\"\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                \r\n                \r\n                \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\t\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &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-1424","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>Test - 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\/test\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test - iList\" \/>\n<meta property=\"og:description\" content=\"&nbsp; &nbsp; &nbsp;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.quantumcloud.com\/iList\/test\/\" \/>\n<meta property=\"og:site_name\" content=\"iList\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-06T13:37:49+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\\\/test\\\/\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/test\\\/\",\"name\":\"Test - iList\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#website\"},\"datePublished\":\"2017-02-05T13:50:22+00:00\",\"dateModified\":\"2017-02-06T13:37:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/test\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/test\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/test\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test\"}]},{\"@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":"Test - 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\/test\/","og_locale":"en_US","og_type":"article","og_title":"Test - iList","og_description":"&nbsp; &nbsp; &nbsp;","og_url":"https:\/\/dev.quantumcloud.com\/iList\/test\/","og_site_name":"iList","article_modified_time":"2017-02-06T13:37:49+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev.quantumcloud.com\/iList\/test\/","url":"https:\/\/dev.quantumcloud.com\/iList\/test\/","name":"Test - iList","isPartOf":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#website"},"datePublished":"2017-02-05T13:50:22+00:00","dateModified":"2017-02-06T13:37:49+00:00","breadcrumb":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/test\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev.quantumcloud.com\/iList\/test\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev.quantumcloud.com\/iList\/test\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev.quantumcloud.com\/iList\/"},{"@type":"ListItem","position":2,"name":"Test"}]},{"@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\/1424","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=1424"}],"version-history":[{"count":0,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages\/1424\/revisions"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/media?parent=1424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}