{"id":31137,"date":"2019-10-02T10:42:08","date_gmt":"2019-10-02T10:42:08","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=31137"},"modified":"2025-12-04T21:02:44","modified_gmt":"2025-12-04T19:02:44","slug":"portfolio-site-template-kit","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/","title":{"rendered":"Monthly Template Kits #3: The Portfolio Site Kit"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"31137\" class=\"elementor elementor-31137\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a67f9a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a67f9a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e271f76\" data-id=\"e271f76\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8dc1d00 elementor-widget elementor-widget-text-editor\" data-id=\"8dc1d00\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A great portfolio is probably the most important asset creative professionals need to get sorted if they want to leverage their services and get more clients.<\/p><p>Focusing on\u00a0<a href=\"https:\/\/elementor.com\/features\/portfolio-website-builder\/\" target=\"_blank\" rel=\"noopener\">creating a great portfolio<\/a>\u00a0often gets neglected. Many designers put more priority on their work, and neglect this crucial element. Creating a successful portfolio isn\u2019t an easy task. There are many ways to display creative works. A UX designer\u2019s portfolio is not the same as a print designer&#8217;s, and deserves a different style.\u00a0<\/p><p>This is why, for our third template kit release, we decided to deliver a glamorous <a href=\"https:\/\/elementor.com\/library\/templates\/portfolio\/\">portfolio template kit<\/a>, one that will fit a variety of tastes and will enable you to showcase your work in the best way possible (and don&#8217;t miss\u00a0<a href=\"https:\/\/elementor.com\/blog\/web-design-portfolio-examples\/\">these beautiful examples of web design portfolios<\/a>\u00a0if you need inspiration).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6273713 elementor-widget elementor-widget-heading\" data-id=\"6273713\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Meet the Portfolio Template Kit\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b87053 elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-video\" data-id=\"6b87053\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2019\/10\/showcase_s.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e9110c elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"9e9110c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2019\/10\/showcase_s-1024x576.png\" class=\"attachment-large size-large wp-image-31176\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/showcase_s-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/showcase_s-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/showcase_s-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2019\/10\/showcase_s.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11570cd elementor-widget elementor-widget-text-editor\" data-id=\"11570cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Any creative professional can enjoy this kit, from photographers, marketers, consultants. Freelancers and businesses can take this kit and make it their own with a few small customizations.<\/p><p>All the illustrations, as always, have been taken from free resources. Apart from the illustrations, all the graphics, mockups, backgrounds and other visual elements have been created by our team.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9e5ee0 elementor-widget elementor-widget-heading\" data-id=\"b9e5ee0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Homepage\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcebe5a elementor-widget elementor-widget-image\" data-id=\"fcebe5a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=419\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Home-page-1024x536.jpg\" class=\"attachment-large size-large wp-image-31179\" alt=\"Portfolio Kit - Home page\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Home-page-1024x536.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Home-page-300x157.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Home-page-768x402.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Home-page.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-777acc1 elementor-widget elementor-widget-text-editor\" data-id=\"777acc1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Glancing at the homepage, you immediately can tell it&#8217;s a designer-oriented site. <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/text-bold\/\"   title=\"Bold\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"6827\">Bold<\/a> and vibrant colors, large typographical elements in the background and a prominent message set using a sans-serif font.<\/p><p>Scrolling down, you will notice clever uses of our recently released background slideshow feature, as well as motion effect, seen in the appearance of the credit card.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1033728 elementor-widget elementor-widget-heading\" data-id=\"1033728\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Projects Page\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e62b09f elementor-widget elementor-widget-image\" data-id=\"e62b09f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Pictures-for-blog-Portfolio-Kit-Projects-r4q76atebzmxg5eef4kak636zn2w4uc0r8mro3dygg.jpg\" title=\"Portfolio Kit &#8211; Projects\" alt=\"Portfolio Kit - Projects\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0c17b5 elementor-widget elementor-widget-text-editor\" data-id=\"a0c17b5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The projects page is why we built the site in the first place, right?<\/p>\n<p>In the <a href=\"https:\/\/elementor.com\/widgets\/portfolio-widget\/\">Portfolio Gallery widget<\/a>, we have three categories to filter through: illustrations, product design, and web design.<\/p>\n<p>We designed 9 initial mockups for projects and elaborated on the first 3. Each of the three projects is built differently, with the description of the work appearing in various locations across the screen.<\/p>\n<p>BTW, each of the single templates can be used with Elementor\u2019s <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/theme-builder\/\"   title=\"Theme Builder\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"1393\">Theme Builder<\/a> and dynamic content, so the same design can be instantly applied to multiple projects with one click.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b5a5bc elementor-widget elementor-widget-heading\" data-id=\"0b5a5bc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Single Template #1: Illustration (Types)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d8578e elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-video\" data-id=\"9d8578e\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2019\/10\/p_single1_s.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46bc4bf elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"46bc4bf\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2019\/10\/p_single1_s-1024x576.png\" class=\"attachment-large size-large wp-image-31182\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/p_single1_s-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/p_single1_s-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/p_single1_s-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2019\/10\/p_single1_s.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad30b14 elementor-widget elementor-widget-text-editor\" data-id=\"ad30b14\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Befitting an illustration project, this <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26301\">template<\/a> grants the maximum available space to the visual material. The description text sits neatly at the bottom of the screen as a sticky element.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50480f7 elementor-widget elementor-widget-heading\" data-id=\"50480f7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Single Template #2: Product Design (Montana)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9042f58 elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-video\" data-id=\"9042f58\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2019\/10\/p_single_s.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e94bb0 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"3e94bb0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2019\/10\/p_single_s-1024x576.png\" class=\"attachment-large size-large wp-image-31184\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/p_single_s-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/p_single_s-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/p_single_s-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2019\/10\/p_single_s.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6132046 elementor-widget elementor-widget-text-editor\" data-id=\"6132046\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Here, we see that the project assets appear on the left, and a sticky sidebar describing the project scrolls with the user to the right.<\/p><p>We recently received a comment from a user asking for a social share floating sidebar. As seen in this template, it\u2019s easily done using Elementor\u2019s sticky column and social share buttons \/ social icons.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42e62d2 elementor-widget elementor-widget-heading\" data-id=\"42e62d2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Single Template #3: Web Design (Print Shop)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2a8c0d elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-video\" data-id=\"a2a8c0d\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2019\/10\/p_single2_s.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5be0df2 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"5be0df2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2019\/10\/p_single2_s-1024x576.png\" class=\"attachment-large size-large wp-image-31186\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/p_single2_s-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/p_single2_s-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/p_single2_s-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2019\/10\/p_single2_s.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a64f72 elementor-widget elementor-widget-text-editor\" data-id=\"5a64f72\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Yes, we really created a website template to appear inside a website template. We didn&#8217;t go full &#8216;inception&#8217;, though, since the website template inside our website template doesn&#8217;t feature a website template.<\/p><p>This is a classic portfolio project page, with no sticky elements. The description of the project appears in detail on top, and the website design assets appear below. The pages are surrounded by a yellow border to set them apart from the background.<\/p><p>Note that while we designated the templates to specific design categories, you are by no means restricted by those categories. No matter your field, the question you should be asking yourself when deciding on the template is whether your content will be best featured on full screen, boxed and bordered or set beside a text explanation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e26265e elementor-widget elementor-widget-heading\" data-id=\"e26265e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">About &amp; Contact Pages\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69e0170 elementor-widget elementor-widget-image\" data-id=\"69e0170\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Pictures-for-blog-Portfolio-Kit-About-Comtact-r4q721lpdzt6vpky9sc3rqr25u22a6fru6amfzp4mo.jpg\" title=\"Portfolio Kit &#8211; About + Comtact\" alt=\"portfolio contact us\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ba975d elementor-widget elementor-widget-text-editor\" data-id=\"9ba975d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The about page in portfolio sites is usually more solid and textual, leaving the striking visuals to the projects page.<\/p><p>It\u2019s always a challenge to structure text-heavy pages, especially for sites that are oriented towards design. This is why we built several content layouts throughout the page.<\/p><p>It starts with the classic section, with an illustration on one side and one column text on the other. Then, another cleaner section featuring a 3-column content layout. Then again 3 columns, but pushed to the right. Finally, a less common structure featuring the left column vertically centered, and 4 text boxes spread to the right.<\/p><p>We talked about getting your contact information right as part of the crucial steps to get leads. This is something often disregarded, even by professional designers. With this contact page, your visitors won\u2019t be puzzled regarding how to get to the next step and make the connection.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46105ba elementor-widget elementor-widget-heading\" data-id=\"46105ba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Main Blog Page and Single Blog Post\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32b17c1 elementor-widget elementor-widget-image\" data-id=\"32b17c1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=419\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Blog-Post-1024x536.jpg\" class=\"attachment-large size-large wp-image-31191\" alt=\"Portfolio Kit - Blog + Post\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Blog-Post-1024x536.jpg 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Blog-Post-300x157.jpg 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Blog-Post-768x402.jpg 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2019\/10\/Pictures-for-blog-Portfolio-Kit-Blog-Post.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c395ab elementor-widget elementor-widget-text-editor\" data-id=\"8c395ab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We mentioned already that the site is filled with visual content, and this is why we chose to simplify the look and feel of the blog. It\u2019s a clean, minimalistic blog layout that only displays the title, description, and date of publication.<\/p><p>Going into a single blog post, we see the same color boxes appearing at the top.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1047d2d elementor-widget elementor-widget-heading\" data-id=\"1047d2d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">404 Page\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3d531d elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-video\" data-id=\"c3d531d\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2019\/10\/404_s.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efa4a99 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"efa4a99\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2019\/10\/404_s-1024x576.png\" class=\"attachment-large size-large wp-image-31193\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/404_s-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/404_s-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/404_s-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2019\/10\/404_s.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff507b2 elementor-widget elementor-widget-text-editor\" data-id=\"ff507b2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We tend to include our most outrageous tricks in our template kits\u2019 <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/404-not-found\/\"   title=\"404\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4561\">404<\/a> pages. I challenge you to guess how we reached the sliding people with interchanging pant colors. (Hint: they are actually separate images).<\/p><p>If you can&#8217;t come up with how we did it, just insert this template yourself and reverse engineer it by exploring the panel. There&#8217;s a 10-minute fun activity for you right there!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-915a355 elementor-widget elementor-widget-heading\" data-id=\"915a355\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Popup Menu\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe32870 elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-video\" data-id=\"fe32870\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2019\/10\/popup_s.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdc2bb8 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"bdc2bb8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2019\/10\/popup_s-1024x576.png\" class=\"attachment-large size-large wp-image-31195\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/popup_s-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/popup_s-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/popup_s-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2019\/10\/popup_s.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a5e313 elementor-widget elementor-widget-text-editor\" data-id=\"7a5e313\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In case you are wondering which menu plugin we used to create the popup menu, the answer is &#8211; none!<\/p><p>It\u2019s actually an Elementor popup that we connected to an image of the hamburger.<\/p><p>Check out the tutorial about\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=_sJRHSmIpp8\" target=\"_blank\" rel=\"noopener\">building a popup menu<\/a>\u00a0we released a while back.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16285fb elementor-align-center elementor-widget elementor-widget-button\" data-id=\"16285fb\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/best-portfolio-website-templates\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">The 20 Best Portfolio Website Templates for 2021<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f83594d elementor-widget elementor-widget-heading\" data-id=\"f83594d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get Cracking on Perfecting Your Portfolio!\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df2477e elementor-widget elementor-widget-text-editor\" data-id=\"df2477e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>There&#8217;s no excuse. I don&#8217;t want to hear: \u201cI&#8217;m too busy working on my client&#8217;s projects\u201d.<br \/>Take this portfolio template for a spin and create a tantalising site that draws clients.<\/p><p>This template has quite a different style than the previous two released kits: the\u00a0<a href=\"https:\/\/elementor.com\/blog\/monthly-template-kits\/\" target=\"_blank\" rel=\"noopener\">digital agency kit<\/a>, which featured the prominent shapes, and the\u00a0<a href=\"https:\/\/elementor.com\/blog\/gym-site-template-kit\/\" target=\"_blank\" rel=\"noopener\">gym kit<\/a>, which featured bold colors and movement. With this kit, we went for a much more subtle, clean and minimalistic style, since the visual aspects should be achieved through the work being showcased.<\/p><p>How to install the kit? If you have Elementor Pro, all you have to do to enjoy this cutting-edge kit is to go into Elementor, open the template library, and search for \u2018Portfolio\u2019.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b76336 elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-video\" data-id=\"0b76336\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2019\/10\/end_download_s.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5aefa8 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"f5aefa8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2019\/10\/end_download_s-1024x576.png\" class=\"attachment-large size-large wp-image-31209\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/10\/end_download_s-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/10\/end_download_s-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/10\/end_download_s-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2019\/10\/end_download_s.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get the complete Elementor portfolio template kit. It comes with everything you need to create a beautiful WordPress website that drives new clients.\u200b<\/p>\n","protected":false},"author":4,"featured_media":31232,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[40,32],"tags":[79,173],"marketing_persona":[47],"marketing_intent":[49],"class_list":["post-31137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-template-kit","category-design","tag-build","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Portfolio Site Template Kit | Elementor.com<\/title>\n<meta name=\"description\" content=\"Get the COMPLETE Elementor portfolio template kit, including everything you need to create a beautiful WordPress website that attracts new clients!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio Site Template Kit | Elementor.com\" \/>\n<meta property=\"og:description\" content=\"Get the COMPLETE Elementor portfolio template kit, including everything you need to create a beautiful WordPress website that attracts new clients!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-02T10:42:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T19:02:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ben Pines\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Pines\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/\"},\"author\":{\"name\":\"Ben Pines\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\"},\"headline\":\"Monthly Template Kits #3: The Portfolio Site Kit\",\"datePublished\":\"2019-10-02T10:42:08+00:00\",\"dateModified\":\"2025-12-04T19:02:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/\"},\"wordCount\":1154,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg\",\"keywords\":[\"Build\",\"Video\"],\"articleSection\":[\"Template Kit\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/\",\"url\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/\",\"name\":\"Portfolio Site Template Kit | Elementor.com\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg\",\"datePublished\":\"2019-10-02T10:42:08+00:00\",\"dateModified\":\"2025-12-04T19:02:44+00:00\",\"description\":\"Get the COMPLETE Elementor portfolio template kit, including everything you need to create a beautiful WordPress website that attracts new clients!\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Template Kit\",\"item\":\"https:\/\/elementor.com\/blog\/category\/template-kit\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Monthly Template Kits #3: The Portfolio Site Kit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\",\"name\":\"Ben Pines\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"caption\":\"Ben Pines\"},\"description\":\"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.\",\"sameAs\":[\"https:\/\/elementor.com\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/ben-pines\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Portfolio Site Template Kit | Elementor.com","description":"Get the COMPLETE Elementor portfolio template kit, including everything you need to create a beautiful WordPress website that attracts new clients!","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:\/\/elementor.com\/blog\/portfolio-site-template-kit\/","og_locale":"en_US","og_type":"article","og_title":"Portfolio Site Template Kit | Elementor.com","og_description":"Get the COMPLETE Elementor portfolio template kit, including everything you need to create a beautiful WordPress website that attracts new clients!","og_url":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2019-10-02T10:42:08+00:00","article_modified_time":"2025-12-04T19:02:44+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg","type":"image\/jpeg"}],"author":"Ben Pines","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Ben Pines","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/"},"author":{"name":"Ben Pines","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a"},"headline":"Monthly Template Kits #3: The Portfolio Site Kit","datePublished":"2019-10-02T10:42:08+00:00","dateModified":"2025-12-04T19:02:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/"},"wordCount":1154,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg","keywords":["Build","Video"],"articleSection":["Template Kit","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/","url":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/","name":"Portfolio Site Template Kit | Elementor.com","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg","datePublished":"2019-10-02T10:42:08+00:00","dateModified":"2025-12-04T19:02:44+00:00","description":"Get the COMPLETE Elementor portfolio template kit, including everything you need to create a beautiful WordPress website that attracts new clients!","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/10\/Portfolio-Social-Facebook-Gym.jpg","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/portfolio-site-template-kit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Template Kit","item":"https:\/\/elementor.com\/blog\/category\/template-kit\/"},{"@type":"ListItem","position":3,"name":"Monthly Template Kits #3: The Portfolio Site Kit"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a","name":"Ben Pines","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","caption":"Ben Pines"},"description":"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.","sameAs":["https:\/\/elementor.com"],"url":"https:\/\/elementor.com\/blog\/author\/ben-pines\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/31137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=31137"}],"version-history":[{"count":7,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/31137\/revisions"}],"predecessor-version":[{"id":146635,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/31137\/revisions\/146635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/31232"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=31137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=31137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=31137"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=31137"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=31137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}