CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Portfolio / Photography WordPress Themes • CSSIgniter</title> <meta name="description" content="Explore our extensive collection of portfolio WordPress themes, tailored for creatives, freelancers, and web agencies. Highlight your work with customizable designs and seamless functionality." /> <link rel="canonical" href="https://www.cssigniter.com/types/portfolio/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Portfolio / Photography WordPress Themes • CSSIgniter" /> <meta property="og:description" content="Explore our extensive collection of portfolio WordPress themes, tailored for creatives, freelancers, and web agencies. Highlight your work with customizable designs and seamless functionality." /> <meta property="og:url" content="https://www.cssigniter.com/types/portfolio/" /> <meta property="og:site_name" content="CSSIgniter" /> <meta property="og:image" content="https://www.cssigniter.com/wp-content/uploads/2015/03/10478023_660448644069908_1099826581178994899_n.png" /> <meta property="og:image:width" content="315" /> <meta property="og:image:height" content="315" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cssigniter" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.cssigniter.com/types/portfolio/","url":"https://www.cssigniter.com/types/portfolio/","name":"Portfolio / Photography WordPress Themes • CSSIgniter","isPartOf":{"@id":"https://www.cssigniter.com/#website"},"primaryImageOfPage":{"@id":"https://www.cssigniter.com/types/portfolio/#primaryimage"},"image":{"@id":"https://www.cssigniter.com/types/portfolio/#primaryimage"},"thumbnailUrl":"https://www.cssigniter.com/wp-content/uploads/2021/10/coastline-1.jpg","description":"Explore our extensive collection of portfolio WordPress themes, tailored for creatives, freelancers, and web agencies. Highlight your work with customizable designs and seamless functionality.","breadcrumb":{"@id":"https://www.cssigniter.com/types/portfolio/#breadcrumb"},"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cssigniter.com/types/portfolio/#primaryimage","url":"https://www.cssigniter.com/wp-content/uploads/2021/10/coastline-1.jpg","contentUrl":"https://www.cssigniter.com/wp-content/uploads/2021/10/coastline-1.jpg","width":852,"height":993},{"@type":"BreadcrumbList","@id":"https://www.cssigniter.com/types/portfolio/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.cssigniter.com/"},{"@type":"ListItem","position":2,"name":"Themes","item":"https://www.cssigniter.com/themes/"},{"@type":"ListItem","position":3,"name":"Portfolio / Photography"}]},{"@type":"WebSite","@id":"https://www.cssigniter.com/#website","url":"https://www.cssigniter.com/","name":"CSSIgniter","description":"Premium WordPress themes, templates & plugins","publisher":{"@id":"https://www.cssigniter.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.cssigniter.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.cssigniter.com/#organization","name":"CSSIgniter","url":"https://www.cssigniter.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cssigniter.com/#/schema/logo/image/","url":"https://www.cssigniter.com/wp-content/uploads/2015/03/10478023_660448644069908_1099826581178994899_n.png","contentUrl":"https://www.cssigniter.com/wp-content/uploads/2015/03/10478023_660448644069908_1099826581178994899_n.png","width":315,"height":315,"caption":"CSSIgniter"},"image":{"@id":"https://www.cssigniter.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/cssigniter","https://twitter.com/cssigniter","https://instagram.com/cssigniter","https://www.pinterest.com/cssigniter/"]}]}</script>  <style id='wab-pastacode-style-inline-css' type='text/css'> .blockcode-settings__wrapper{background:#f2f2f2;border:1px solid #dbdbdb;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;position:relative}.blockcode-settings__wrapper>*{flex-basis:40%;flex-grow:1}.cm-editor{padding-bottom:1em;padding-top:1em}.cm-content,.cm-gutters{font-family:Menlo,Monaco,Lucida Console,monospace!important;line-height:1.5!important}.cm-gutters .cm-lineNumbers{border-right:1px solid;padding-right:9px;width:3rem} </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='ci-style-css' href='https://www.cssigniter.com/wp-content/themes/cssigniter/css/style.min.css?ver=1.2.3' type='text/css' media='screen' /> <link rel="icon" href="https://www.cssigniter.com/wp-content/uploads/2020/09/cropped-cssigniter_logo_transparent_v2-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.cssigniter.com/wp-content/uploads/2020/09/cropped-cssigniter_logo_transparent_v2-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.cssigniter.com/wp-content/uploads/2020/09/cropped-cssigniter_logo_transparent_v2-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.cssigniter.com/wp-content/uploads/2020/09/cropped-cssigniter_logo_transparent_v2-270x270.png" /> <style type="text/css" id="wp-custom-css"> .widget_categories ul li.cat-item-38{ display: none; } .page-template-template-support .wpcf7-list-item { margin: 0; } .theme-callout .btn-join { margin-right: 5px; } .theme-callout.sticky { top: 50px; } .site-notice { font-size: 14px; } .notice-countdown { display: none; } .plan .plan-price-original del { position: relative; font-size: 28px; text-decoration: none; } .plan .plan-price-original del:before { content: ""; background: red; width: 100%; height: 2px; position: absolute; top: 19px; left: 5px; transform: rotate(-25deg); } .plan .plan-price-original del .currency { font-size: 14px; } /* Temp GutenBee version hide */ .plugins-template-template-plugin-gutenbee .theme-meta .theme-meta-group:last-child .theme-meta-item { margin-right: 0; } .plugins-template-template-plugin-gutenbee .theme-meta .theme-meta-group:last-child .theme-meta-item:last-child { display: none; } .page-hero-theme-preview { z-index: 5; } .currency { text-decoration: none !important! } *, ::backdrop, :after, :before { --tw-gradient-to-position: ; } /* Hide AudioIgniter/VideoIgniter Free CTA */ .postid-27012 .plugin-cta, .postid-6654 .plugin-cta { display: none; } </style>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WFB88G3');</script>  </head> <body class="archive tax-types term-portfolio term-26">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WFB88G3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="page"> <header class="header bg-slate-900 border-b border-slate-800"> <div class="container mx-auto px-6"> <div class="mast-head flex items-center text-white py-4 lg:p-0"> <div class="site-branding"> <a href="https://www.cssigniter.com"> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="150" height="33.41967" viewBox="0 0 150 34"> <g> <path d="M48.203,16.44374c0-4.34361,3.33151-7.2744,7.633-7.2744a6.67276,6.67276,0,0,1,5.18686,2.08722,2.10438,2.10438,0,0,1,.54834,1.37068,2.02024,2.02024,0,0,1-2.02419,2.003A1.96175,1.96175,0,0,1,58.05,13.95548a2.91338,2.91338,0,0,0-2.21393-1.033,3.341,3.341,0,0,0-3.31061,3.52126A3.34115,3.34115,0,0,0,55.836,19.965,2.91367,2.91367,0,0,0,58.05,18.93168,1.96283,1.96283,0,0,1,59.547,18.257a1.98454,1.98454,0,0,1,1.47585,3.33151A6.75778,6.75778,0,0,1,55.836,23.71814C51.53455,23.71814,48.203,20.76612,48.203,16.44374Z" transform="translate(0 -1.12533)" style="fill: #ffcd0a"/> <path d="M62.271,20.89252a1.92578,1.92578,0,0,1,1.919-1.9187,1.84608,1.84608,0,0,1,.96964.2531,6.4321,6.4321,0,0,0,3.31061.90661c.80112,0,1.56011-.274,1.56011-.82235,0-.548-.59015-.82235-1.98205-1.07545-2.31911-.42162-5.86159-.96964-5.86159-4.49091,0-2.38277,1.982-4.55457,6.05165-4.55457a11.14707,11.14707,0,0,1,4.38542.86447,1.89716,1.89716,0,0,1-.77989,3.62675,2.22891,2.22891,0,0,1-.84357-.16884,8.71655,8.71655,0,0,0-2.99415-.73777c-1.26488,0-1.49708.3795-1.49708.73777,0,.54833.56956.73808,2.06632.99119,2.31942.40071,5.75642,1.07544,5.75642,4.32238,0,3.09963-2.2982,4.89194-6.07256,4.89194a10.04058,10.04058,0,0,1-4.97621-1.1388A1.90276,1.90276,0,0,1,62.271,20.89252Z" transform="translate(0 -1.12533)" style="fill: #ffcd0a"/> <path d="M74.77437,20.89252a1.92571,1.92571,0,0,1,1.9187-1.9187,1.84646,1.84646,0,0,1,.97.2531,6.4329,6.4329,0,0,0,3.3106.90661c.80113,0,1.56012-.274,1.56012-.82235,0-.548-.59015-.82235-1.98206-1.07545-2.3191-.42162-5.86159-.96964-5.86159-4.49091,0-2.38277,1.98206-4.55457,6.05134-4.55457a11.15018,11.15018,0,0,1,4.386.86447,1.89725,1.89725,0,0,1-.78021,3.62675,2.22891,2.22891,0,0,1-.84357-.16884,8.7165,8.7165,0,0,0-2.99415-.73777c-1.26488,0-1.49708.3795-1.49708.73777,0,.54833.56956.73808,2.06664.99119,2.3191.40071,5.7561,1.07544,5.7561,4.32238,0,3.09963-2.29819,4.89194-6.07256,4.89194a10.03968,10.03968,0,0,1-4.9762-1.1388A1.90275,1.90275,0,0,1,74.77437,20.89252Z" transform="translate(0 -1.12533)" style="fill: #ffcd0a"/> <path d="M88.09631,21.54634V11.31992a2.12968,2.12968,0,0,1,4.25935,0V21.54634a2.12968,2.12968,0,0,1-4.25935,0Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M104.56381,14.96757v7.40111c0,4.40665-3.62674,5.229-6.15713,5.229a7.81439,7.81439,0,0,1-3.39456-.73777,1.5803,1.5803,0,0,1-.8857-1.39191,1.55675,1.55675,0,0,1,1.56043-1.56011,1.411,1.411,0,0,1,.65351.14762,4.871,4.871,0,0,0,2.06632.44285,2.09383,2.09383,0,0,0,2.36155-2.12968v-.54833A3.62113,3.62113,0,0,1,97.90079,23.191c-2.44582,0-4.47-1.60256-4.47-5.08169,0-3.39455,1.96083-5.08138,4.47-5.08138a3.58175,3.58175,0,0,1,2.86744,1.32824,1.9647,1.9647,0,0,1,1.89779-1.2861A1.90329,1.90329,0,0,1,104.56381,14.96757Zm-3.79558,4.21722v-2.1509a2.25935,2.25935,0,0,0-1.56012-.6535,1.73646,1.73646,0,1,0,0,3.4579A2.2594,2.2594,0,0,0,100.76823,19.18479Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M116.51824,16.23277v5.54545a1.89764,1.89764,0,1,1-3.79527,0V17.83533a1.29142,1.29142,0,0,0-1.47585-1.45494,2.01117,2.01117,0,0,0-1.62379.80112v4.59671a1.89764,1.89764,0,1,1-3.79527,0V14.96757a1.90982,1.90982,0,0,1,1.89779-1.98205,1.93065,1.93065,0,0,1,1.89748,1.45494,4.49976,4.49976,0,0,1,3.50036-1.4125A3.03235,3.03235,0,0,1,116.51824,16.23277Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M117.55092,10.20234a2.12968,2.12968,0,1,1,2.12967,2.12967A2.12382,2.12382,0,0,1,117.55092,10.20234Zm.23188,11.57588V14.96757a1.89764,1.89764,0,0,1,3.79527,0v6.81065a1.89764,1.89764,0,1,1-3.79527,0Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M130.49717,22.03132a1.62285,1.62285,0,0,1-1.28611,1.56011,5.49808,5.49808,0,0,1-1.24429.12671c-2.25606,0-3.5-1.07545-3.5-3.20512V16.57013h-.25311a1.64469,1.64469,0,1,1,0-3.28938h.25311V12.18439a1.89764,1.89764,0,1,1,3.79527,0v1.09636h.63259a1.64469,1.64469,0,1,1,0,3.28938H128.262v2.84654a.8758.8758,0,0,0,.759.94873l.19006.02123A1.55832,1.55832,0,0,1,130.49717,22.03132Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M136.59,13.028c2.99415,0,5.29266,2.15058,5.29266,4.65975,0,1.43372-.80144,1.85535-2.25606,1.85535h-4.66007a2.16606,2.16606,0,0,0,2.23516,1.28642,4.11578,4.11578,0,0,0,1.49707-.29524,1.37959,1.37959,0,0,1,.52712-.10548,1.43518,1.43518,0,0,1,1.43372,1.43372,1.46952,1.46952,0,0,1-.92783,1.32855,8.91278,8.91278,0,0,1-3.01506.52711c-3.1839,0-5.67184-2.00328-5.67184-5.3557A5.3008,5.3008,0,0,1,136.59,13.028Zm-1.6656,4.11142h3.35274A1.55881,1.55881,0,0,0,136.59,15.91663,1.58387,1.58387,0,0,0,134.9244,17.13938Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M150,14.67234a1.75,1.75,0,0,1-1.58134,1.919,2.95613,2.95613,0,0,0-1.85566.67473v4.51213a1.89764,1.89764,0,1,1-3.79527,0V15.05215a1.94063,1.94063,0,0,1,3.79527-.61169,2.47984,2.47984,0,0,1,.99119-1.15971,1.77665,1.77665,0,0,1,.82234-.23188A1.61085,1.61085,0,0,1,150,14.67234Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <g> <path d="M33.13566,9.88452a.76291.76291,0,0,0-.125.6718,1.70948,1.70948,0,0,0,.125.23435,3.74058,3.74058,0,0,0,.87491.84365l.65616.64056c.04688.0781.09375.14061.14061.21871a2.78325,2.78325,0,0,1,0,2.74968,2.17983,2.17983,0,0,1-.14061.2656l-.10934.17185.10934-.07811.125-.125a3.77831,3.77831,0,0,0,1.49983-2.49971,3.26073,3.26073,0,0,0-1.49983-3.20274l-.14061-.07813a3.86039,3.86039,0,0,0-.45306-.15623A.94227.94227,0,0,0,33.13566,9.88452Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M27.58944,20.08645a.479.479,0,0,0-.29683,0l-.45307.20311a3.96666,3.96666,0,0,0-.56243.43745,9.79064,9.79064,0,0,0-.98426,1.06236l-.76554,1.01552v3.1715a.63584.63584,0,0,0,.76554.10935l.35932-.31246a4.07681,4.07681,0,0,0,.29684-.42182c.10936-.17185.21873-.35932.3281-.53119a19.8503,19.8503,0,0,0,1.0155-1.92166l.29683-.73428C28.02689,20.94572,27.99565,20.21144,27.58944,20.08645Z" transform="translate(0 -1.12533)" style="fill: #fff"/> </g> <path d="M24.84305,1.18169a16.70255,16.70255,0,0,0-14.67192,21.2622,3.026,3.026,0,0,0,.87515,1.4074,8.93,8.93,0,0,0,2.97444,1.95732,8.52285,8.52285,0,0,0,2.34714.30449,1.37983,1.37983,0,0,0,1.10132-.47766l7.105-8.23768.6718-.78116a.47471.47471,0,0,0,.07812-.10937l.01562-.03124.10937-.5a2.28628,2.28628,0,0,0-.10937-.60929l-.01562-.04687a4.28569,4.28569,0,0,0-.74992-1.26547c-1.0155-1.21861-2.71842-2.04664-3.96827-.5-.51557.57806-7.24916,8.09279-7.2804,7.99907a13.53257,13.53257,0,0,1-.49993-3.24963,13.73033,13.73033,0,0,1,3.37459-9.46763,13.329,13.329,0,0,1,9.13955-4.53072l1.99976.01562a13.13406,13.13406,0,0,1,5.84308,1.92165l.15622.09375c.17185.10936.3437.21871.51557.3437-.17187-.01563-.34372-.01563-.51557-.01563h-.15622a6.19632,6.19632,0,0,0-5.515,4.062l-.03125.0781L27.33949,12.039l-.01564.1406a6.71178,6.71178,0,0,0,0,1.48421l.01564.14061a7.08557,7.08557,0,0,0,.29683,1.23423,7.47411,7.47411,0,0,0,.43745.953l-.43745.48431-.29683.3281-.01564.01562c-.32808.35932-.65616.73428-.99988,1.12487l-.98426,1.12486-.01562.01562c-.23435.25-.48433.54681-.74992.85927-1.65763,1.93623-4.12255,4.85363-5.54547,6.59284a2.57475,2.57475,0,0,0-.56177,1.311l-.186,1.47631h0l-.23225,1.85916a1.64077,1.64077,0,0,0,.89374,1.68187A16.70814,16.70814,0,1,0,24.84305,1.18169Zm4.85553,9.32552a4.2818,4.2818,0,0,1,3.43708-1.95289h.15623a3.78424,3.78424,0,0,1,1.37484.21873l.14061.06249a5.03861,5.03861,0,0,1,.85927.45306,4.43377,4.43377,0,0,1,1.203,6.07741,4.27507,4.27507,0,0,1-2.06226,1.67168l-.14061.04688-1.37484.23434h-.15623a4.27085,4.27085,0,0,1-2.23411-.73428A4.43379,4.43379,0,0,1,29.69858,10.50721ZM24.41794,27.94266c-.828,1.2811-1.87477.953-2.37472-.125a3.244,3.244,0,0,1-.17185-2.8434,38.9408,38.9408,0,0,1,2.65593-3.67145c.2656-.32808.51557-.6093.74993-.85927l.01562-.01562.96864-.953a5.97155,5.97155,0,0,1,.99987-.703l.01562-.01562.29684-.125c1.85917-.6718,1.84353,2.3591,0,6.17114-.09372.20311-.18747.39058-.29684.59369l-.01562.03125c-.29683.56243-.62493,1.14048-.99987,1.71854a2.01194,2.01194,0,0,1-.48433.64055l-.49993.2656A1.20512,1.20512,0,0,1,24.41794,27.94266ZM36.1978,26.8803a11.68892,11.68892,0,0,1-1.39046,1.39046l-.14061.125-1.37484.9999-.15623.09372a12.24877,12.24877,0,0,1-1.40608.76555,13.33514,13.33514,0,0,1-4.437,1.17172l-1.01549.04689c-.21874,0-.45309,0-.6718-.01564a6.0723,6.0723,0,0,0,.6718-.6093,4.94815,4.94815,0,0,0,.43744-.53119,2.97047,2.97047,0,0,0,.56243-.125h.01562l.29684-.10936c1.48421-.67178,2.3591-2.48407,3.09338-4.17139.5937-1.35919,1.49983-4.57758,2.04664-6.37424.04686-.15623.09374-.29684.125-.42183a1.69829,1.69829,0,0,0,.28121.01562h.15623a6.72958,6.72958,0,0,0,1.37484-.14061l.14061-.03124a6.18826,6.18826,0,0,0,4.42135-4.187,13.06362,13.06362,0,0,1,.31246,2.07788,13.82881,13.82881,0,0,1-.37494,4.39011A13.5285,13.5285,0,0,1,36.1978,26.8803Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M1.56874,29.54056c.81142-.07212,1.6589-.9737,2.34409-1.02779C3.76858,30.55033,1.64087,31.84859,0,32.46166a6.4468,6.4468,0,0,0,7.01425.6311,2.55721,2.55721,0,0,1-.18032,1.118c3.17354-.09016,5.78811-1.91134,6.34709-6.68968-3.17355,1.46055-4.11118-3.04732-5.5537-.9737-1.56874,2.25393-2.61456,1.37039-2.65063.39669a2.31991,2.31991,0,0,1,1.53268-2.12772,12.34922,12.34922,0,0,1,2.38015-.45078c-.12622-.30654-.21638-.61307-.32456-.93764-4.77834-.75732-6.1307,3.31779-6.56346,5.03078a5.98455,5.98455,0,0,1-.43276,1.08189Z" transform="translate(0 -1.12533)" style="fill: #ffcd05"/> </g> </svg> </a> </div> <nav class="nav hidden lg:block w-auto flex-auto text-left -ml-[150px]"> <ul id="menu-primary" class="navigation-main"><li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-9 current-menu-item"><a href="https://www.cssigniter.com/themes/">Themes</a> <ul class="sub-menu"> <li id="menu-item-27150" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27150"><a href="https://www.cssigniter.com/themes/">All themes</a></li> <li id="menu-item-27142" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27142"><a href="https://www.cssigniter.com/types/blog-magazine/">Blog / Magazine</a></li> <li id="menu-item-27143" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27143"><a href="https://www.cssigniter.com/types/professional-services/">Business</a></li> <li id="menu-item-27144" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27144"><a href="https://www.cssigniter.com/types/free/">Free</a></li> <li id="menu-item-27145" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27145"><a href="https://www.cssigniter.com/types/hotel/">Hotels / Travel</a></li> <li id="menu-item-27147" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27147"><a href="https://www.cssigniter.com/types/media-podcasts/">Media & Podcasts</a></li> <li id="menu-item-27148" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27148"><a href="https://www.cssigniter.com/types/portfolio/" aria-current="page">Portfolio / Photography</a></li> <li id="menu-item-27149" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27149"><a href="https://www.cssigniter.com/types/online-store/">WooCommerce</a></li> </ul> </li> <li id="menu-item-11034" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11034"><a href="https://www.cssigniter.com/plugins/">Plugins</a></li> <li id="menu-item-24159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24159"><a href="https://www.cssigniter.com/elementorism/">Elementorism</a></li> <li id="menu-item-15359" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15359"><a href="https://www.cssigniter.com/pricing/">Pricing</a></li> <li id="menu-item-11696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11696"><a href="https://www.cssigniter.com/blog/">Blog</a></li> <li id="menu-item-22113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22113"><a href="https://www.cssigniter.com/support-hub/">Support</a></li> <li id="menu-item-22288" class="nav-item-right nav-button menu-item menu-item-type-custom menu-item-object-custom menu-item-22288"><a href="https://www.cssigniter.com/members/member/">Sign In</a></li> </ul> </nav> <a href="#mobilemenu" class="mobile-nav-trigger text-sm bg-green-600 text-white px-4 py-2 rounded uppercase ml-auto lg:hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="9.97" viewBox="0 0 16 9.97"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <g> <rect width="16" height="2" fill="#fff"/> <rect y="3.97" width="16" height="2" fill="#fff"/> <rect y="7.97" width="16" height="2" fill="#fff"/> </g> </g> </g> </svg> Menu </a> </div> </div> </header> <main class="main bg-slate-50"> <div class="brand-bg"> <div class="container mx-auto px-6 py-10"> <h1 class="text-2xl text-white mb-1"> Portfolio / Photography WordPress Themes </h1> <p class="text-sm text-slate-400 max-w-2xl">Explore our extensive collection of portfolio WordPress themes, tailored for creatives, freelancers, and web agencies. Highlight your work with customizable designs and seamless functionality.</p> </div> </div> <div class="bg-slate-900 text-slate-100"> <div class="container mx-auto px-6 theme-types"> <ul class="flex flex-nowrap text-xs overflow-x-auto"> <li class="flex-none"> <a href="https://www.cssigniter.com/themes/" class="inline-block py-4 px-5 hover:bg-slate-800 hover:text-white">All themes</a> </li> <li class="flex-none"><a href="https://www.cssigniter.com/types/blog-magazine/" class="transition-colors inline-block py-4 px-5 hover:bg-slate-800 hover:text-white">Blog / Magazine</a></li> <li class="flex-none"><a href="https://www.cssigniter.com/types/professional-services/" class="transition-colors inline-block py-4 px-5 hover:bg-slate-800 hover:text-white">Business</a></li> <li class="flex-none"><a href="https://www.cssigniter.com/types/free/" class="transition-colors inline-block py-4 px-5 hover:bg-slate-800 hover:text-white">Free</a></li> <li class="flex-none"><a href="https://www.cssigniter.com/types/hotel/" class="transition-colors inline-block py-4 px-5 hover:bg-slate-800 hover:text-white">Hotels / Travel</a></li> <li class="flex-none"><a href="https://www.cssigniter.com/types/media-podcasts/" class="transition-colors inline-block py-4 px-5 hover:bg-slate-800 hover:text-white">Media & Podcasts</a></li> <li class="flex-none"><a href="https://www.cssigniter.com/types/portfolio/" class="transition-colors inline-block py-4 px-5 bg-slate-50 text-slate-800">Portfolio / Photography</a></li> <li class="flex-none"><a href="https://www.cssigniter.com/types/online-store/" class="transition-colors inline-block py-4 px-5 hover:bg-slate-800 hover:text-white">WooCommerce</a></li> </ul> </div> </div> <div class="container mx-auto px-6 py-20"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-8"> <div class="bg-white rounded-md shadow-sm shadow-slate-200 relative"> <figure class="border-b-[1px] border-slate-100"> <a href="https://www.cssigniter.com/themes/coastline/"> <img width="852" height="993" src="https://www.cssigniter.com/wp-content/uploads/2021/10/coastline-1.jpg" class="rounded-t-md wp-post-image" alt="Coastline WordPress template" decoding="async" fetchpriority="high" srcset="https://www.cssigniter.com/wp-content/uploads/2021/10/coastline-1.jpg 852w, https://www.cssigniter.com/wp-content/uploads/2021/10/coastline-1-257x300.jpg 257w, https://www.cssigniter.com/wp-content/uploads/2021/10/coastline-1-768x895.jpg 768w" sizes="(max-width: 852px) 100vw, 852px" /> </a> </figure> <div class="grid grid-cols-2 p-4 items-center"> <div> <h2 class="text-base leading-tight"><a href="https://www.cssigniter.com/themes/coastline/">Coastline</a></h2> <p class="text-xs">Portfolio / Photography</p> </div> <div class="text-right"> <a href="https://www.cssigniter.com/demo2/?theme=coastline" class="transition-colors text-sm font-semibold inline-block py-1 px-4 rounded-full bg-green-600 text-white hover:border-green-600 hover:bg-green-600 hover:text-white">Live demo</a> </div> </div> </div> <div class="bg-white rounded-md shadow-sm shadow-slate-200 relative"> <figure class="border-b-[1px] border-slate-100"> <a href="https://www.cssigniter.com/themes/corner/"> <img width="852" height="993" src="https://www.cssigniter.com/wp-content/uploads/2021/11/corner-1.jpg" class="rounded-t-md wp-post-image" alt="Corner WordPress template" decoding="async" srcset="https://www.cssigniter.com/wp-content/uploads/2021/11/corner-1.jpg 852w, https://www.cssigniter.com/wp-content/uploads/2021/11/corner-1-257x300.jpg 257w, https://www.cssigniter.com/wp-content/uploads/2021/11/corner-1-768x895.jpg 768w" sizes="(max-width: 852px) 100vw, 852px" /> </a> </figure> <div class="grid grid-cols-2 p-4 items-center"> <div> <h2 class="text-base leading-tight"><a href="https://www.cssigniter.com/themes/corner/">Corner</a></h2> <p class="text-xs">Portfolio / Photography</p> </div> <div class="text-right"> <a href="https://www.cssigniter.com/demo2/?theme=corner" class="transition-colors text-sm font-semibold inline-block py-1 px-4 rounded-full bg-green-600 text-white hover:border-green-600 hover:bg-green-600 hover:text-white">Live demo</a> </div> </div> </div> <div class="bg-white rounded-md shadow-sm shadow-slate-200 relative"> <figure class="border-b-[1px] border-slate-100"> <a href="https://www.cssigniter.com/themes/benson/"> <img width="852" height="993" src="https://www.cssigniter.com/wp-content/uploads/2021/08/benson-1.jpg" class="rounded-t-md wp-post-image" alt="Benson WordPress template" decoding="async" srcset="https://www.cssigniter.com/wp-content/uploads/2021/08/benson-1.jpg 852w, https://www.cssigniter.com/wp-content/uploads/2021/08/benson-1-257x300.jpg 257w, https://www.cssigniter.com/wp-content/uploads/2021/08/benson-1-768x895.jpg 768w" sizes="(max-width: 852px) 100vw, 852px" /> </a> </figure> <div class="grid grid-cols-2 p-4 items-center"> <div> <h2 class="text-base leading-tight"><a href="https://www.cssigniter.com/themes/benson/">Benson</a></h2> <p class="text-xs">Portfolio / Photography</p> </div> <div class="text-right"> <a href="https://www.cssigniter.com/demo2/?theme=benson" class="transition-colors text-sm font-semibold inline-block py-1 px-4 rounded-full bg-green-600 text-white hover:border-green-600 hover:bg-green-600 hover:text-white">Live demo</a> </div> </div> </div> <div class="bg-white rounded-md shadow-sm shadow-slate-200 relative"> <figure class="border-b-[1px] border-slate-100"> <a href="https://www.cssigniter.com/themes/lense/"> <img width="852" height="993" src="https://www.cssigniter.com/wp-content/uploads/2021/11/lense-1.jpg" class="rounded-t-md wp-post-image" alt="Lense WordPress template" decoding="async" loading="lazy" srcset="https://www.cssigniter.com/wp-content/uploads/2021/11/lense-1.jpg 852w, https://www.cssigniter.com/wp-content/uploads/2021/11/lense-1-257x300.jpg 257w, https://www.cssigniter.com/wp-content/uploads/2021/11/lense-1-768x895.jpg 768w" sizes="(max-width: 852px) 100vw, 852px" /> </a> </figure> <div class="grid grid-cols-2 p-4 items-center"> <div> <h2 class="text-base leading-tight"><a href="https://www.cssigniter.com/themes/lense/">Lense</a></h2> <p class="text-xs">Portfolio / Photography</p> </div> <div class="text-right"> <a href="https://www.cssigniter.com/demo2/?theme=lense" class="transition-colors text-sm font-semibold inline-block py-1 px-4 rounded-full bg-green-600 text-white hover:border-green-600 hover:bg-green-600 hover:text-white">Live demo</a> </div> </div> </div> <div class="bg-white rounded-md shadow-sm shadow-slate-200 relative"> <figure class="border-b-[1px] border-slate-100"> <a href="https://www.cssigniter.com/themes/eclecticon/"> <img width="852" height="993" src="https://www.cssigniter.com/wp-content/uploads/2021/11/eclecticon_r.jpg" class="rounded-t-md wp-post-image" alt="Eclecticon WordPress template" decoding="async" loading="lazy" srcset="https://www.cssigniter.com/wp-content/uploads/2021/11/eclecticon_r.jpg 852w, https://www.cssigniter.com/wp-content/uploads/2021/11/eclecticon_r-257x300.jpg 257w, https://www.cssigniter.com/wp-content/uploads/2021/11/eclecticon_r-768x895.jpg 768w" sizes="(max-width: 852px) 100vw, 852px" /> </a> </figure> <div class="grid grid-cols-2 p-4 items-center"> <div> <h2 class="text-base leading-tight"><a href="https://www.cssigniter.com/themes/eclecticon/">Eclecticon</a></h2> <p class="text-xs">Portfolio / Photography</p> </div> <div class="text-right"> <a href="https://www.cssigniter.com/demo2/?theme=eclecticon" class="transition-colors text-sm font-semibold inline-block py-1 px-4 rounded-full bg-green-600 text-white hover:border-green-600 hover:bg-green-600 hover:text-white">Live demo</a> </div> </div> </div> </div> <div class="my-20 p-4 sm:p-8 md:p-16 lg:px-36 lg:py-24 shadow-sm shadow-slate-200 bg-white rounded theme-type-content ugc"> <h2><strong>Show Off Your Work with Our Top Portfolio & Photography Themes</strong></h2> <p>Want a great online space for your photos and art? With WordPress being popular among photographers and artists, having the right theme is key to showing off your work.</p> <h3><strong>Our Themes at a Glance</strong></h3> <ul> <li><strong>For Wedding Snaps</strong>: <a href="https://www.cssigniter.com/themes/benson/">Benson</a> is perfect for wedding photographers. It makes special moments look even more beautiful.</li> <li><strong>Deep Dives</strong>: With <a href="https://www.cssigniter.com/themes/lense/">Lense</a> and <a href="https://www.cssigniter.com/themes/eclecticon/">Eclecticon</a>, viewers can really dive into your photos and see all the small details.</li> <li><strong>Clean and Simple</strong>: <a href="https://www.cssigniter.com/themes/hellomouse/">Hellomouse</a> has a simple design with great features, perfect for those who like a less-is-more look.</li> <li><strong>Free and Fab</strong>: Starting out and on a budget? Our free theme, <a href="https://www.cssigniter.com/themes/truenorth/">True North</a>, will get you going without costing a penny.</li> </ul> <h3><strong>Making Your Photos Tell a Story</strong></h3> <p>Our themes aren’t just pretty. They help tell your story:</p> <ul> <li><strong>Different Ways to View</strong>: With gallery options in <a href="https://www.cssigniter.com/themes/coastline/">Coastline</a> or sliding photos in Lense, your audience will enjoy seeing your work in various ways.</li> <li><strong>Make It Yours</strong>: Themes like Hellomouse and Eclecticon are easy to change up. Whether you’re using Elementor or the WordPress block editor, you can make the theme fit your style.</li> <li><strong>Connect More</strong>: Easily add your social media and let folks see more of your work and what you’re up to.</li> </ul> <h3><strong>Common Questions</strong></h3> <ul> <li><strong>What’s a Portfolio/Photography Theme?</strong> It’s a ready-to-use design for photographers and artists to show their work on WordPress.</li> <li><strong>How are these different from regular themes?</strong> They focus on showing photos and art. They have things like big photo galleries and special ways to view pictures, which normal themes might not have.</li> <li><strong>Can I use Elementor with these themes?</strong> Yep! All our themes work with popular tools like Elementor. It’s a drag-and-drop tool that makes customizing easy.</li> <li><strong>What if I want to use the WordPress block editor?</strong> No problem. Our themes work well with both Elementor and the WordPress block editor.</li> <li><strong>Will these look good on mobile?</strong> For sure! Lots of people look at websites on their phones, so our themes look great and work well on all devices.</li> </ul> </div> <div class="brand-bg p-10 md:p-20 border-b-4 border-blue-100 bg-slate-800 rounded-lg text-center"> <h2 class="text-3xl text-white tracking-tight">Get access to all WordPress themes & plugins</h2> <p class="text-lg mb-6 text-slate-400"><span class="text-white">24/7</span> Support Included. Join <span class="text-white">115,000+</span> satisfied customers.</p> <a class="transition-colors border-t-[1px] border-green-500 inline-block bg-green-600 hover:bg-green-700 text-white hover:text-white font-bold py-4 px-12 mb-8 rounded-full" href="https://www.cssigniter.com/pricing/">Pricing & Sign Up</a> <p class="text-sm pt-10" style="background: url('https://www.cssigniter.com/wp-content/themes/cssigniter/images/cards.svg') top center no-repeat; background-size: 330px 30px;"><strong class="text-slate-300">30-day money-back guarantee.</strong> Not satisfied? Your money back, no questions asked.</p> </div> </div> </main> <footer class="footer bg-slate-900 pt-16 pb-8 text-white"> <div class="container mx-auto px-6"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> <div> <div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><p> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/logo2.svg" alt="CSSIgniter Logo" width="150" height="33" /> </p> <p> Happily building WordPress themes without the confusing parts since 2012. </p></div></div> <a href="https://www.facebook.com/groups/2601788933169108/" class="text-sm inline-block py-4 px-8 mt-8 rounded bg-[#3b5998]">Join our Facebook Group</a> </div> <div id="recent-posts-2" class="widget widget_recent_entries"> <h4 class="widget-title text-lg text-white">From the blog</h4> <ul> <li> <a href="https://www.cssigniter.com/introducing-logico-converts-new-variation/">Introducing Logico, Convert’s new variation</a> <span class="post-date">March 4, 2024</span> </li> <li> <a href="https://www.cssigniter.com/realtique-is-now-available-for-elementor/">Realtique is now available for Elementor</a> <span class="post-date">February 2, 2024</span> </li> <li> <a href="https://www.cssigniter.com/the-elementor-version-of-denti-is-here/">The Elementor version of Denti is here</a> <span class="post-date">January 29, 2024</span> </li> </ul> </div> <div id="nav_menu-3" class="widget widget_nav_menu"><h4 class="widget-title text-lg text-white">Theme categories</h4><div class="menu-footer-themes-container"><ul id="menu-footer-themes" class="menu"><li id="menu-item-15078" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15078"><a href="https://www.cssigniter.com/themes/">All WordPress themes</a></li> <li id="menu-item-21660" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-21660"><a href="https://www.cssigniter.com/types/professional-services/">Business WordPress themes</a></li> <li id="menu-item-21663" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-21663"><a href="https://www.cssigniter.com/types/hotel/">Hotels / Travel WordPress Themes</a></li> <li id="menu-item-21664" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-21664"><a href="https://www.cssigniter.com/types/blog-magazine/">Blog / Magazine WordPress themes</a></li> <li id="menu-item-21665" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-21665"><a href="https://www.cssigniter.com/types/online-store/">WooCommerce themes</a></li> <li id="menu-item-21666" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-21666"><a href="https://www.cssigniter.com/types/portfolio/" aria-current="page">Portfolio / Photography WordPress themes</a></li> <li id="menu-item-21905" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21905"><a href="https://www.cssigniter.com/elementorism/">Premium Elementor Templates</a></li> </ul></div></div> <div id="nav_menu-2" class="widget widget_nav_menu"><h4 class="widget-title text-lg text-white">Useful Links</h4><div class="menu-footer-container"><ul id="menu-footer" class="menu"><li id="menu-item-7858" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7858"><a href="https://www.cssigniter.com/affiliates/">Affiliates</a></li> <li id="menu-item-15271" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15271"><a href="https://www.cssigniter.com/about-us/">About Us</a></li> <li id="menu-item-2032" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2032"><a href="https://www.cssigniter.com/terms-conditions/">Terms & Conditions</a></li> <li id="menu-item-2027" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2027"><a href="https://www.cssigniter.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-25136" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25136"><a href="https://trulyfinepixels.com">Our Shopify themes</a></li> <li id="menu-item-26954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26954"><a href="https://www.cssigniter.com/word-counter/">Word Counter</a></li> </ul></div></div> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 pt-12 text-sm"> <div> <p>Copyright © 2012 — 2024 CSSIgniter. — <a href="https://www.cssigniter.com/license/">License</a></p> </div> <ul class="sm:flex gap-4 lg:justify-end"> <li class="py-2"> <a href="https://dribbble.com/tsiger" class="flex text-white gap-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block w-5 h-5"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0ZM23,12.48a15,15,0,0,0-7.74-.22A32.55,32.55,0,0,0,13.82,9.2a12.69,12.69,0,0,0,6.34-4.55A10.93,10.93,0,0,1,23,12c0,.16,0,.32,0,.48ZM19.44,3.93a11.62,11.62,0,0,1-6.09,4.38,33.18,33.18,0,0,0-4.93-6.7A10.85,10.85,0,0,1,12,1a11,11,0,0,1,7.44,2.92ZM7.42,2a32.37,32.37,0,0,1,5,6.63A40.06,40.06,0,0,1,1.18,10.06,11,11,0,0,1,7.42,2ZM1,12c0-.32,0-.63.05-.94A40.31,40.31,0,0,0,12.87,9.52c.51,1,1,2,1.39,3A16.75,16.75,0,0,0,4.45,20,11,11,0,0,1,1,12Zm4.22,8.64a15.7,15.7,0,0,1,9.4-7.21A30,30,0,0,1,16.5,22,10.92,10.92,0,0,1,5.22,20.64Zm12.24.89a31.57,31.57,0,0,0-1.86-8.34,14,14,0,0,1,7.24.28h.05A11,11,0,0,1,17.46,21.53Z" fill="#7ccdef"/> </g> </g> </svg> Dribbble </a> </li> <li class="py-2"> <a href="https://www.facebook.com/cssigniter" class="flex text-white gap-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block w-5 h-5"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M19.67,0H4.33A4.45,4.45,0,0,0,0,4.33V19.67A4.45,4.45,0,0,0,4.33,24H12a.5.5,0,0,0,.5-.5V14.81a.5.5,0,0,0-.5-.5H9.69V11.48H12a.51.51,0,0,0,.5-.5V9.49c0-2.35,1.78-4.4,3.81-4.4h2.6V7.92h-2.6a1.43,1.43,0,0,0-1.23,1.53V11a.5.5,0,0,0,.5.5h3.33v2.83H15.58a.5.5,0,0,0-.5.5V23.5a.5.5,0,0,0,.5.5h4.09A4.45,4.45,0,0,0,24,19.67V4.33A4.45,4.45,0,0,0,19.67,0ZM23,19.67A3.47,3.47,0,0,1,19.67,23H16.08V15.31h3.33a.5.5,0,0,0,.5-.5V11a.5.5,0,0,0-.5-.5H16.08v-1a.59.59,0,0,1,.23-.53h3.1a.5.5,0,0,0,.5-.5V4.59a.5.5,0,0,0-.5-.5h-3.1c-2.61,0-4.81,2.47-4.81,5.39v1H9.19a.5.5,0,0,0-.5.5v3.83a.5.5,0,0,0,.5.5H11.5V23H4.33A3.47,3.47,0,0,1,1,19.67V4.33A3.47,3.47,0,0,1,4.33,1H19.67A3.47,3.47,0,0,1,23,4.33Z" fill="#7ccdef"/> </g> </g> </svg> Facebook </a> </li> <li class="py-2"> <a href="https://twitter.com/cssigniter" class="flex text-white gap-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20.01" class="inline-block w-5 h-5"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M23.86,2.43a.52.52,0,0,0-.6-.1,4.69,4.69,0,0,1-.74.27A4.93,4.93,0,0,0,23.36,1a.52.52,0,0,0-.2-.54.5.5,0,0,0-.57,0,10.89,10.89,0,0,1-2.53,1A5.18,5.18,0,0,0,13.48.93a5.29,5.29,0,0,0-2.24,4.88A12.36,12.36,0,0,1,2.53,1.05.54.54,0,0,0,2.1.86a.53.53,0,0,0-.4.25,5.27,5.27,0,0,0,.4,6,2.48,2.48,0,0,1-.63-.4.51.51,0,0,0-.53-.06.49.49,0,0,0-.29.45,5.45,5.45,0,0,0,2.94,4.77,3.88,3.88,0,0,1-.85-.17.51.51,0,0,0-.61.69,5.73,5.73,0,0,0,4,3.29,9.13,9.13,0,0,1-5.59,1.2A.5.5,0,0,0,0,17.2a.52.52,0,0,0,.23.59A15.43,15.43,0,0,0,8,20a13,13,0,0,0,7.18-2.18C19.38,15.05,22,10,21.64,5.45A9.67,9.67,0,0,0,23.92,3a.51.51,0,0,0-.05-.61Zm-3,2.36a.5.5,0,0,0-.22.47c.48,4.27-2,9.09-6,11.74a12.31,12.31,0,0,1-12,.86,9.2,9.2,0,0,0,5.16-2.18.49.49,0,0,0,.16-.37.57.57,0,0,0,0-.18.52.52,0,0,0-.45-.32,4.79,4.79,0,0,1-3.91-2,2.79,2.79,0,0,0,2-.54.49.49,0,0,0,.15-.52.49.49,0,0,0-.42-.35A4.91,4.91,0,0,1,1.75,8a3.28,3.28,0,0,0,1.87.21A.49.49,0,0,0,4,7.83a.48.48,0,0,0-.24-.51A4.37,4.37,0,0,1,2.24,2.27a13.28,13.28,0,0,0,9.55,4.58.49.49,0,0,0,.41-.18.48.48,0,0,0,.1-.43c-.19-.81-.15-3.36,1.69-4.45a4.24,4.24,0,0,1,5.57.56.51.51,0,0,0,.41.13,8.45,8.45,0,0,0,1.79-.54,3.19,3.19,0,0,1-1.12,1,.5.5,0,0,0,.19,1h0a6.51,6.51,0,0,0,1.23-.18,8.93,8.93,0,0,1-1.23,1Z" fill="#7ccdef"/> </g> </g> </svg> Twitter </a> </li> <li class="py-2"> <a href="https://instagram.com/cssigniter" class="flex text-white gap-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block w-5 h-5"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M20.5,0H3.5A3.5,3.5,0,0,0,0,3.5v17A3.5,3.5,0,0,0,3.5,24h17A3.5,3.5,0,0,0,24,20.5V3.5A3.5,3.5,0,0,0,20.5,0ZM2,1.51v3a.5.5,0,0,0,1,0V1.05A2.57,2.57,0,0,1,3.5,1H4V4.5a.5.5,0,0,0,1,0V1H6V4.5a.5.5,0,0,0,1,0V1H20.5A2.5,2.5,0,0,1,23,3.5V7H15.5a.32.32,0,0,0-.14,0A6,6,0,0,0,8.64,7,.32.32,0,0,0,8.5,7H1V3.5A2.51,2.51,0,0,1,2,1.51ZM12,7a5,5,0,1,1-5,5A5,5,0,0,1,12,7Zm8.5,16H3.5A2.5,2.5,0,0,1,1,20.5V8H7.54a6,6,0,1,0,8.92,0H23V20.5A2.5,2.5,0,0,1,20.5,23Zm-3-17h3a.5.5,0,0,0,.5-.5v-3a.5.5,0,0,0-.5-.5h-3a.5.5,0,0,0-.5.5v3A.5.5,0,0,0,17.5,6ZM18,3h2V5H18ZM12,15a3,3,0,1,0-3-3A3,3,0,0,0,12,15Zm0-5a2,2,0,1,1-2,2A2,2,0,0,1,12,10Z" fill="#7ccdef"/> </g> </g> </svg> Instagram </a> </li> </ul> </div> </div> </footer> </div>  <div class="navigation-mobile-wrap"> <a href="#nav-dismiss" class="navigation-mobile-dismiss"> × Close Menu </a> <ul class="navigation-mobile"></ul> </div> <script type="text/javascript" src="https://www.cssigniter.com/wp-content/themes/cssigniter/js/scripts.js?ver=1.2.3" id="ci-scripts-js"></script> <a id="back-to-top" class="fixed bottom-4 right-4 bg-slate-800 border-slate-800 text-white text-xs p-2 rounded shadow-md opacity-0 transition-opacity duration-200" type="button"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 11.25l-3-3m0 0l-3 3m3-3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <span class="sr-only">Back to top</span> </a> </body> </html>