{"id":71319,"date":"2025-04-02T23:57:34","date_gmt":"2025-04-02T23:57:34","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/"},"modified":"2025-04-02T23:58:44","modified_gmt":"2025-04-02T23:58:44","slug":"portfolio-grids-html-css-js","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/","title":{"rendered":"Portfolio Grids &#8211; HTML\/CSS\/JS"},"content":{"rendered":"<a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<p><a class=\"wp_automatic_demo_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fportfolio-grids-htmlcssjs%2Ffull_screen_preview%2F6338551\">LIVE PREVIEW<\/a><a class=\"wp_automatic_buy_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fportfolio-grids-htmlcssjs%2F6338551\">BUY FOR $19<\/a><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/previews.customer.envatousercontent.com\/files\/110875648\/preview-portfolio-grids_cover-image.png\"><\/p>\n<p>This merchandise is obtainable for WordPress &#8211; <a href=\"https:\/\/codecanyon.net\/item\/portfolio-manager-pro-wordpress-responsive-portfolio-gallery\/16644715\">Portfolio Manager Pro<\/a><\/p>\n<h2 id=\"item-description__fully-responsive-ready-to-use-portfolio-gallery-layouts\">Absolutely Responsive prepared to make use of Portfolio\/Gallery Layouts<\/h2>\n<p>Add responsive portfolio or galleries to your web site. Current your work in so some ways. This merchandise comes with over 40 tremendous customizable layouts and 19 hover types to select from. Tons of prepared to make use of choices make it very simple so as to add borders, backgrounds, totally different meta types and so forth. <\/p>\n<p>With this a lot of prepared to make use of performance you possibly can simply construct all types of Portfolio or Gallery lists.<\/p>\n<h2 id=\"item-description__showcase\">Showcase<\/h2>\n<p>Go to the <a href=\"http:\/\/otwthemes.com\/demos\/1ts\/redirect.php?item=Portfolio Grids\" rel=\"nofollow\">Live Preview<\/a> to get some concepts on how a lot stuff might be performed with this merchandise.<\/p>\n<h2 id=\"item-description__over-40-templates-to-choose-from\">Over 40 templates to select from!<\/h2>\n<p>Listed below are among the principal template sorts that you may both use as is or modify nevertheless you need.<\/p>\n<ul>\n<li>Grid &#8211; 1 column, 2 columns, 3 columns, 4 columns<\/li>\n<li>Picture left &#8211; 1 column, 2 columns<\/li>\n<li>Picture proper &#8211; 1 column, 2 columns<\/li>\n<li>Newspaper &#8211; 2 column, 2 columns, 3 columns<\/li>\n<li>Mosaic &#8211; 1\/3, 1\/4 <\/li>\n<li>Time line <\/li>\n<li>Widget type &#8211; picture left, picture proper, picture prime<\/li>\n<li>Slider<\/li>\n<li>Carousel &#8211; 3 columns, 4 columns, 5 columns<\/li>\n<li>Carousel Widget type &#8211; 2 columns, 3 columns, 4 columns<\/li>\n<li>Horizontal Structure<\/li>\n<li>Single Portfolio templates<\/li>\n<\/ul>\n<h2 id=\"item-description__19-hover-styles-to-choose-from\">19 hover types to select from!<\/h2>\n<p>Giant number of hover types on your media photos make your lists look good and suit your web page higher. Take a look on the Hover Types part on the Reside Preview to get a greater concept of the hovers that this merchandise comes with. <\/p>\n<h2 id=\"item-description__portfolio-items-content\">Portfolio objects content material<\/h2>\n<p>For every listing you possibly can select to indicate among the following content material. You can too re-arrange it. It&#8217;s simple! Examine on the Checklist Choices part on the Reside Preview.<\/p>\n<ul>\n<li>Title<\/li>\n<li>Media <\/li>\n<li>Media sort icon<\/li>\n<li>Meta information and attributes &#8211; horizontal or vertical type<\/li>\n<li>Excerpt textual content<\/li>\n<li>Proceed studying <\/li>\n<li>Social share buttons<\/li>\n<\/ul>\n<h2 id=\"item-description__5-media-types\">5 Media Sorts<\/h2>\n<p>Select the media sorts on your portfolio lists<\/p>\n<ul>\n<li>Picture<\/li>\n<li>Gallery\/Slider<\/li>\n<li>Soundcloud Audio<\/li>\n<li>Youtube Video<\/li>\n<li>Vimeo Video<\/li>\n<\/ul>\n<h2 id=\"item-description__pagination-load-more-infinite-scroll\">Pagination, load extra, infinite scroll<\/h2>\n<p>We&#8217;ve obtained 3 varieties of pagination:<\/p>\n<ul>\n<li>Common pagination<\/li>\n<li>Load extra button<\/li>\n<li>Infinite scroll<\/li>\n<\/ul>\n<h2 id=\"item-description__6-single-portfolio-item-templates\">6 Single Portfolio Merchandise Templates<\/h2>\n<p>Should you&#8217;d wish to have separate pages for every of your portfolio objects select one of many 6 prepared to make use of templates. Examine them out within the Layouts -&gt; Single Portfolio on the Reside Preview.<\/p>\n<h2 id=\"item-description__lightbox\">Lightbox <\/h2>\n<p>We&#8217;ve obtained lightboxes too. A few of the hovers have a hyperlink to a lightbox or you possibly can change the clicking on the media to open a lightbox.<\/p>\n<h3 id=\"item-description__support\">Assist<\/h3>\n<p>Bought a query or a problem? Please e mail us by way of our consumer web page contact kind <a href=\"https:\/\/codecanyon.net\/user\/OTWthemes\">here<\/a>. We&#8217;ll get again to you as quickly as attainable! <\/p>\n<h3 id=\"item-description__ratings\">Rankings<\/h3>\n<p>Should you like this merchandise please take into account score it as a means of supporting constant enhancements.<br \/>\n<i>Notice: If you&#8217;re score beneath 5 stars, please contact us. We&#8217;ll attempt to do our greatest to help or repair all of your factors of criticisms.<\/i><\/p>\n<h3 id=\"item-description__change-log\">Change log<\/h3>\n<p><strong>Model 1.0(07.12.2013)<\/strong><\/p>\n<ul>\n<li>Preliminary launch<\/li>\n<\/ul>\n<p>\n<iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/>\n<a href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fportfolio-grids-htmlcssjs%2F6338551\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVE PREVIEWBUY FOR $19 This merchandise is obtainable for WordPress &#8211; Portfolio Manager Pro Absolutely Responsive prepared to make use of Portfolio\/Gallery Layouts Add responsive&#8230;<\/p>\n","protected":false},"author":1,"featured_media":71320,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[1967,5187,5188,790,5189,1206,454,5190,5191,5192,5193,5194,353,542,543],"class_list":["post-71319","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codes","tag-gallery","tag-horizontal-images","tag-lightbox","tag-media","tag-mosaic","tag-newspaper","tag-portfolio","tag-ready-templates","tag-responsive-grid","tag-social-buttons","tag-soundcloud","tag-tiles","tag-video","tag-vimeo","tag-youtube"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Portfolio Grids - HTML\/CSS\/JS - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio Grids - HTML\/CSS\/JS - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-02T23:57:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-02T23:58:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/04\/preview-portfolio-grids_cover-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"Portfolio Grids &#8211; HTML\\\/CSS\\\/JS\",\"datePublished\":\"2025-04-02T23:57:34+00:00\",\"dateModified\":\"2025-04-02T23:58:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/\"},\"wordCount\":499,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/preview-portfolio-grids_cover-image.png\",\"keywords\":[\"gallery\",\"horizontal images\",\"lightbox\",\"media\",\"mosaic\",\"newspaper\",\"portfolio\",\"ready templates\",\"responsive grid\",\"social buttons\",\"soundcloud\",\"tiles\",\"video\",\"vimeo\",\"youtube\"],\"articleSection\":[\"Code's\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/\",\"name\":\"Portfolio Grids - HTML\\\/CSS\\\/JS - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/preview-portfolio-grids_cover-image.png\",\"datePublished\":\"2025-04-02T23:57:34+00:00\",\"dateModified\":\"2025-04-02T23:58:44+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/preview-portfolio-grids_cover-image.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/preview-portfolio-grids_cover-image.png\",\"width\":590,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/04\\\/02\\\/portfolio-grids-html-css-js\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio Grids &#8211; HTML\\\/CSS\\\/JS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Portfolio Grids - HTML\/CSS\/JS - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","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:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/","og_locale":"en_US","og_type":"article","og_title":"Portfolio Grids - HTML\/CSS\/JS - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2025-04-02T23:57:34+00:00","article_modified_time":"2025-04-02T23:58:44+00:00","og_image":[{"width":590,"height":300,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/04\/preview-portfolio-grids_cover-image.png","type":"image\/png"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"Portfolio Grids &#8211; HTML\/CSS\/JS","datePublished":"2025-04-02T23:57:34+00:00","dateModified":"2025-04-02T23:58:44+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/"},"wordCount":499,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/04\/preview-portfolio-grids_cover-image.png","keywords":["gallery","horizontal images","lightbox","media","mosaic","newspaper","portfolio","ready templates","responsive grid","social buttons","soundcloud","tiles","video","vimeo","youtube"],"articleSection":["Code's"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/","url":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/","name":"Portfolio Grids - HTML\/CSS\/JS - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/04\/preview-portfolio-grids_cover-image.png","datePublished":"2025-04-02T23:57:34+00:00","dateModified":"2025-04-02T23:58:44+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/04\/preview-portfolio-grids_cover-image.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/04\/preview-portfolio-grids_cover-image.png","width":590,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/02\/portfolio-grids-html-css-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"Portfolio Grids &#8211; HTML\/CSS\/JS"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/71319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=71319"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/71319\/revisions"}],"predecessor-version":[{"id":71321,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/71319\/revisions\/71321"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/71320"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=71319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=71319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=71319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}