CINXE.COM

<!DOCTYPE html><html data-wf-domain="templates.gola.io" data-wf-page="639e3a353adcb645c5be682c" data-wf-site="639e3a353adcb6fb6ebe6825" data-wf-collection="639e3a353adcb6d635be6836" data-wf-item-slug="arik"><head><meta charset="utf-8"/><title>Arik - Portfolio Framer Template</title><meta content="Arik is a minimal & modern Portfolio Framer Template perfectly suited for freelancers, designers, agencies or your personal portfolio." name="description"/><meta content="Arik - Portfolio Framer Template" property="og:title"/><meta content="Arik is a minimal & modern Portfolio Framer Template perfectly suited for freelancers, designers, agencies or your personal portfolio." property="og:description"/><meta content="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d325a081218b2ce0fa675_arik-portfolio-framer-template-search-result-preview.webp" property="og:image"/><meta content="Arik - Portfolio Framer Template" property="twitter:title"/><meta content="Arik is a minimal & modern Portfolio Framer Template perfectly suited for freelancers, designers, agencies or your personal portfolio." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d325a081218b2ce0fa675_arik-portfolio-framer-template-search-result-preview.webp" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/css/gola-templates.872a9cb7f.min.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/63a1ed70362ab678306eef0a_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/63a1ed75f7ad6d1bd596c9eb_webclip.png" rel="apple-touch-icon"/> <script async fs-cc-debug="false" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js" fs-cc-mode="opt-in" fs-cc-expires="30"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-VTN918J1BE" type="fs-cc" fs-cc-categories="analytics"></script> <script type="fs-cc" fs-cc-categories="analytics"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VTN918J1BE', { 'anonymize_ip': true }); </script></head><body class="body"><div class="page-wrapper"><div class="global-styles w-embed"><style> /* Make text look crisper and more legible in all browsers */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Get rid of top margin on first element in any rich text element */ .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { margin-top: 0 !important; } /* Get rid of bottom margin on last element in any rich text element */ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0 !important; } /* Prevent all click and hover interaction with an element */ .pointer-events-off { pointer-events: none; } /* Enables all click and hover interaction with an element */ .pointer-events-on { pointer-events: auto; } /* Make the following elements inherit typography styles from the parent and not have hardcoded values. Important: You will not be able to style for example "All Links" in Designer with this CSS applied. Uncomment this CSS to use it in the project. Leave this message for future hand-off. */ a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } .template-preview-iframe-wrapper { height: calc(100vh - 90px); } .template-preview-iframe { max-height: calc(100vh - 90px) !important; } .template-preview-iframe iframe { border: none !important; width: 100% !important; height: 100% !important; } @media (min-width: 480px) and (max-width: 767px) { .template:nth-child(3) { display: none; } } </style></div><header class="header"><div class="topbar"><div class="topbar-inner"><div><strong>80% off</strong> on all Framer & Figma Templates - Discount CODE:</div><div class="text-meta-copy">BF24</div></div><div id="js-clock" class="js-clock"><div class="box"><div id="js-clock-days" class="clock-number">00</div><div class="clock-label">Days</div></div><div class="box"><div id="js-clock-hours" class="clock-number">00</div><div class="clock-label">Hrs</div></div><div class="box"><div id="js-clock-minutes" class="clock-number">00</div><div class="clock-label">Min</div></div><div class="box"><div id="js-clock-seconds" class="clock-number">00</div><div class="clock-label">Sec</div></div></div></div><div class="navbar"><div class="page-padding"><div class="container-xlarge"><header class="navbar-inner"><div id="w-node-a26b06a4-2c02-bc86-9274-74360e531fd7-0e531fd2" class="navbar-left"><div class="navbar-logo"><a href="/" class="w-inline-block"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/639e3c8de9b4744e5423bbd4_logo.svg" loading="eager" alt="Gola Templates Logo" class="navbar-logo-image"/></a></div></div><div id="w-node-a26b06a4-2c02-bc86-9274-74360e531fdb-0e531fd2" class="navbar-right"><nav class="navbar-menu"><a href="/templates" class="navbar-menu-item-link w-inline-block"><div class="icon-1x1-small w-embed"><svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.65 0L17.4654 16H9.77778L13.203 9.36892H13.0493C10.2235 13.0372 6.00738 15.452 0 16V9.46068C0 9.46068 3.84306 9.23369 6.10229 6.85844H0V0.000126383H6.85832V5.64099L7.01225 5.64036L9.8148 0.000126383H15.0016V5.60523L15.1555 5.60497L18.0632 0H25.65Z" fill="currentColor"/> </svg></div><div class="navbar-menu-item-inner"><div>Webflow Templates</div><div class="navbar-menu-item-line"></div></div></a><a href="/framer" class="navbar-menu-item-link w-inline-block"><div class="icon-1x1-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#currentColor" viewBox="0 0 256 256"><path d="M200,104H149l56.27,50A8,8,0,0,1,200,168H136v64a8,8,0,0,1-13.66,5.66l-72-72A8,8,0,0,1,48,160V96a8,8,0,0,1,8-8h51L50.69,38A8,8,0,0,1,56,24H200a8,8,0,0,1,8,8V96A8,8,0,0,1,200,104Z"></path></svg></div><div class="navbar-menu-item-inner"><div>Framer Templates</div><div class="navbar-menu-item-line"></div></div></a><a href="/free-templates" class="navbar-menu-item-link w-inline-block"><div class="navbar-menu-item-inner"><div>Free Templates</div><div class="navbar-menu-item-line"></div></div></a><a href="/blog" class="navbar-menu-item-link w-inline-block"><div class="navbar-menu-item-inner"><div>Blog</div><div class="navbar-menu-item-line"></div></div></a></nav><div data-w-id="a26b06a4-2c02-bc86-9274-74360e531fee" class="mobile-menu-toggle"><div class="mobile-menu-toggle-line _01"></div><div class="mobile-menu-toggle-line _02"></div><div class="mobile-menu-toggle-line _03"></div></div></div></header></div></div></div><div class="mobile-menu"><div class="page-padding"><div class="container-xxlarge"><div class="mobile-menu-wrapper"><div class="mobile-menu-nav"><a href="/" class="mobile-menu-nav-link w-inline-block"><div class="mobile-menu-nav-text">Home</div></a><div class="line"></div><a href="/templates" class="mobile-menu-nav-link w-inline-block"><div class="mobile-menu-nav-text">Templates</div></a><div class="mobile-menu-button-wrapper"><a href="/templates" class="button primary w-inline-block"><div class="button-inner"><div class="button-inner-text">Browse Templates</div></div></a></div></div></div></div></div></div></header><main class="main-wrapper"><section class="section-template-hero"><div class="page-padding"><div class="container-xlarge"><div class="padding-top padding-huge"><div class="template-hero-grid"><div class="template-hero-image-wrapper"><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template.webp" loading="eager" alt="Arik - Portfolio Framer Template" sizes="100vw" srcset="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-500.webp 500w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-800.webp 800w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-1080.webp 1080w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-1600.webp 1600w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template.webp 1800w" class="template-hero-image-border-shadow w-condition-invisible"/><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template.webp" loading="eager" alt="Arik - Portfolio Framer Template" sizes="100vw" srcset="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-500.webp 500w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-800.webp 800w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-1080.webp 1080w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-1600.webp 1600w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template.webp 1800w" class="template-hero-image-border w-condition-invisible"/><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template.webp" loading="eager" alt="Arik - Portfolio Framer Template" sizes="(max-width: 479px) 100vw, (max-width: 767px) 94vw, (max-width: 991px) 92vw, (max-width: 1439px) 760px, (max-width: 1919px) 48vw, 880px" srcset="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-500.webp 500w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-800.webp 800w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-1080.webp 1080w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-1600.webp 1600w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template.webp 1800w" class="template-hero-image-box-shadow w-condition-invisible"/><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template.webp" loading="eager" alt="Arik" sizes="100vw" srcset="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-500.webp 500w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-800.webp 800w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-1080.webp 1080w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template-p-1600.webp 1600w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d32557dc440b8ad32f432_arik-framer-portfolio-template.webp 1800w" class="template-hero-image"/></div><div class="template-hero-right"><div class="margin-bottom margin-small"><div class="max-width-large"><div class="template-hero-heading">Arik</div></div></div><div class="margin-bottom margin-large"><div class="max-width-large"><div class="text-size-large">Arik is a minimal & modern Portfolio Framer Template perfectly suited for freelancers, designers, agencies or your personal portfolio.</div></div></div><div class="margin-bottom margin-small"><div class="text-meta">Preview Template</div></div><div class="margin-bottom margin-medium"><div class="template-hero-preview"><a data-w-id="e84e346e-ba71-b3e5-b91b-fa7a3f8b4f74" href="#" class="button w-inline-block w-condition-invisible"><div class="button-inner"><div class="button-inner-text">Webflow</div><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0031 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.5031V12.75H12.0031V7.0605Z" fill="currentColor"/> </svg></div></div></a><a data-w-id="d5887688-60b3-fca1-8514-d33e87b38409" href="https://arik-template.framer.website?via=pawelgola" target="_blank" class="button w-inline-block"><div class="button-inner"><div class="button-inner-text">Framer</div><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0031 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.5031V12.75H12.0031V7.0605Z" fill="currentColor"/> </svg></div></div></a></div></div><div class="margin-bottom margin-small"><div class="text-meta">Get Template</div></div><div class="template-buttons-grid"><a href="#" class="template-button webflow w-inline-block w-condition-invisible"><div id="w-node-_88f6ba37-5dcc-db57-fab2-4108566414be-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/6543af276810de2fe74ef707_buy-badge-webflow-icon.svg" loading="lazy" alt=""/></div><div id="w-node-db6a75f9-e9c4-66a5-f0ae-2cd408cf409c-c5be682c">Get Webflow Template</div><div class="w-dyn-bind-empty"></div></a><a href="https://www.framer.com/marketplace/templates/arik?via=pawelgola" target="_blank" class="template-button framer w-inline-block"><div id="w-node-_781c0c70-8000-1df8-c451-78516dd1d7e4-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/63f2ec08b222cb67c12cefdd_logo-framer.png" loading="lazy" width="17" alt="Framer Logo"/></div><div id="w-node-_781c0c70-8000-1df8-c451-78516dd1d7e6-c5be682c">Get Framer Template</div><div>Free</div></a><a href="https://gola.lemonsqueezy.com/buy/ec9af3a4-defc-4646-9621-f73d8605e1c9" target="_blank" class="template-button w-inline-block"><div id="w-node-_675cc3e5-05d3-ccb1-2943-90bd4384ce31-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/639ef2561dc0874939e8ee8d_icon-figma.svg" loading="lazy" alt="Figma Logo"/></div><div id="w-node-_675cc3e5-05d3-ccb1-2943-90bd4384ce33-c5be682c">Get Figma File</div><div class="text-uppercase">Free</div></a></div><div class="margin-top margin-xsmall"><div class="text-size-small text-color-muted w-condition-invisible">*Figma file included with your template purchase</div></div></div></div></div></div></div></section><section class="section-template-single-content"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xhuge"><div class="template-single-content-grid"><div id="w-node-_5d3c7564-433d-5e4c-6d6e-e3987ba866b0-c5be682c"><div class="template-single-content w-richtext"><h1>Arik - Portfolio Framer Template</h1><p>Arik is a minimal & modern Portfolio Framer Template perfectly suited for freelancers, designers, agencies or your personal portfolio.</p><figure style="max-width:2000pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><a href="https://arik-template.framer.website/" target="_blank" class="w-inline-block"><div><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/670f6c5d69563fe193d3665c_642d3267b10328087b4f4032_arik-framer-portfolio-template-gallery-01.webp" loading="lazy" alt="Portfolio Framer Template"/></div></a></figure><h2>Arik - Freelance Framer Template - Features</h2><h3>Premium Design</h3><p>Arik Freelancer Framer Template was designed following the latest design trends of the web. It has a modern, premium and sleek design style that will boost your brand and impress your future clients.</p><h3>Optimized for Speed</h3><p>Arik Creative Framer Template has been designed with page speed as a priority. It is optimized for fast loading and, when used with the speed of Framer, will provide a delightful experience for your customers. All pages within the template have been optimized for lightning-fast loading times.</p><h3>Fully Responsive</h3><p>Arik Minimal Framer Template has been meticulously optimized for a pixel-perfect, mobile responsive design. No matter what device your users are on - desktop, tablet, or mobile - your website will always look and function flawlessly.</p><h3>Advanced Animations</h3><p>Arik Dark Framer Template utilizes modern and advanced animations, ensuring an impressive browsing experience for your users as they navigate through your website.<br/></p><h3>Fully Customizable</h3><p>Arik Portfolio Framer Template was designed to be easy to edit in Framer, following best practices. This means that the template includes a custom Uikit with different global components, global colors, global text styles, and more, allowing you to easily customize the template to match your desired design style or brand guidelines.</p><h3>Framer CMS</h3><p>Arik Creative Agency Framer Template was created using Framer CMS, allowing you to easily edit various elements of the website, using the user-friendly Framer Editor. This makes it simple to keep your website up-to-date and optimized for search engines.</p><h3>Always Up-to-Date</h3><p>Arik Personal聽Framer Template was built with the latest features and capabilities of Framer and will be regularly updated to include new features that are released in the future.</p><figure style="max-width:2000pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><a href="https://arik-template.framer.website/work" target="_blank" class="w-inline-block"><div><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/670f6c5d69563fe193d36661_642d32702141ba1070ac033b_arik-framer-portfolio-template-gallery-02.webp" loading="lazy" alt="Freelance Framer Template"/></div></a></figure><h2>Arik - Agency Framer Template - Pages</h2><ul role="list"><li>Home</li><li>Services</li><li>About</li><li>Pricing</li><li>Work</li><li>Work Single (CMS)</li><li>Blog</li><li>Blog Single</li><li>404 Error Page</li><li>Styleguide</li><li>Licensing</li></ul><figure style="max-width:2000pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><a href="https://arik-template.framer.website/blog" target="_blank" class="w-inline-block"><div><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/670f6c5d69563fe193d36672_642d327a5fb1be424c48e85e_arik-framer-portfolio-template-gallery-03.webp" loading="lazy" alt="Agency Framer Template"/></div></a></figure><h2>Arik - Premium Framer Template - Free Figma File</h2><p>Arik Brand Agency Framer Template comes with a Figma file. After your purchase, you will receive the fully editable Figma file of this template. To access it, simply email us with your order confirmation and we will send the file to your inbox.</p><p>The Figma file comes with following features:</p><ul role="list"><li>Predefined Text Styles</li><li>Predefined Color Styles</li><li>UIkit with common components</li><li>Reusable components</li><li>Clean layer naming</li><li>Fully customizable</li><li>Personal & commercial license</li></ul><figure style="max-width:2000pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><a href="https://arik-template.framer.website/services" target="_blank" class="w-inline-block"><div><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/670f6c5d69563fe193d3666f_642d3284e603d017a2f910e8_arik-framer-portfolio-template-gallery-04.webp" loading="lazy" alt="Premium Framer Template"/></div></a></figure><h3>Arik - Portfolio Framer Theme - Support</h3><p>If you find any bug or have any problem with Arik Modern Framer Template, please reach out to <a href="mailto:support@gola.io">support@gola.io</a>. We are happy to help you.</p><figure style="max-width:2000pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><a href="https://arik-template.framer.website/contact" target="_blank" class="w-inline-block"><div><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/670f6c5d69563fe193d3666c_642d328f11e38ee12f6a4d1d_arik-framer-portfolio-template-gallery-05.webp" loading="lazy" alt="Portfolio Framer Theme"/></div></a></figure></div></div><div id="w-node-_5d3c7564-433d-5e4c-6d6e-e3987ba866b2-c5be682c"><div class="template-single-content-right-inner"><div class="card muted w-condition-invisible"><div class="card-padding small"><div class="margin-bottom margin-small"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/639ef59136cbb3bcf99f8087_badge-figma.svg" loading="lazy" alt="Figma Logo"/></div><div class="margin-bottom margin-xsmall"><h4>Get Figma File for your Webflow Template</h4></div><div class="text-color-muted">As part of your purchase, you will receive the fully editable Figma file of this Webflow Template. Simply <a href="mailto:support@gola.io?subject=Figma%20File" class="text-style-link">send us an email</a> with your Webflow order confirmation and the Figma file will be delivered to your inbox.</div></div></div><div class="card muted"><div class="card-padding small"><div class="margin-bottom margin-small"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/639ef59136cbb3bcf99f8087_badge-figma.svg" loading="lazy" alt="Figma Logo"/></div><div class="margin-bottom margin-xsmall"><h4>Get the FREE Figma File</h4></div><div class="margin-bottom margin-small"><div class="text-color-muted">This template comes with a FREE Figma File. Click on the Link below to clone the editable Figma file of this template. </div></div><a href="https://gola.lemonsqueezy.com/buy/ec9af3a4-defc-4646-9621-f73d8605e1c9" target="_blank" class="template-button small figma w-inline-block"><div id="w-node-a969b9c0-1ff5-bf2e-ad79-ade3d64183c2-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/639ef2561dc0874939e8ee8d_icon-figma.svg" loading="lazy" alt="Figma Logo"/></div><div id="w-node-a969b9c0-1ff5-bf2e-ad79-ade3d64183c5-c5be682c">Get Figma File</div></a></div></div></div></div></div></div></div></div></section><div class="line"></div><div class="w-condition-invisible"><section class="section-features"><div class="page-padding"><div class="container-large"><div class="padding-top padding-xxhuge"><div class="margin-bottom margin-huge"><h2>Webflow Templates <br/>full of powerful features</h2></div><div class="template-single-features-grid"><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed87878-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="32" width="32"><path d="M0.5 23.5L22.52 1.48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.013 15.993L13.512 14.492" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.011 18.996L10.509 17.495" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.511,4.862a.9.9,0,0,1,.277-.651C16.7.437,20.611-.43,22.52,1.48c1.955,1.954,1,6.005-3,10.009L11.1,19.911A2,2,0,0,1,9.68,20.5H3.5V14.32a2,2,0,0,1,.586-1.415l5.92-5.92a.293.293,0,0,1,.5.207V8.279a.293.293,0,0,0,.5.207A5.126,5.126,0,0,0,12.511,4.862Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Premium Webdesign</h3></div><div class="text-color-muted">With pixel-perfect web design, our templates will help your website stand out from your competition.</div></div><div><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><g><path d="M6.43,5.6l2.78,1L11,4.8A.61.61,0,0,1,12,5.25l.07,3.13,2.8,1.1a.66.66,0,0,1-.08,1.24l-3.2.9-.9,3.2a.66.66,0,0,1-1.24.08l-1.1-2.8L5.25,12A.61.61,0,0,1,4.8,11L6.56,9.21l-1-2.78A.66.66,0,0,1,6.43,5.6Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.25,11.44,23,21a1.4,1.4,0,0,1,.47,1A1.4,1.4,0,0,1,22,23.5,1.4,1.4,0,0,1,21,23L11.44,12.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="0.5" y1="9.5" x2="2.5" y2="9.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="9.5" y1="0.5" x2="9.5" y2="2.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="2.5" y1="1.5" x2="2.5" y2="3.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="3.5" y1="2.5" x2="1.5" y2="2.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="3.5" y1="15" x2="3.5" y2="17" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="4.5" y1="16" x2="2.5" y2="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="15" y1="3.5" x2="17" y2="3.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="16" y1="4.5" x2="16" y2="2.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Webflow Variables</h3></div><div class="text-color-muted">Easily change colors and components in just a few clicks with Webflow Variables. </div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed87880-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="32" width="32"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.5 1H22.5C22.7652 1 23.0196 1.10536 23.2071 1.29289C23.3946 1.48043 23.5 1.73478 23.5 2V16H0.5V2C0.5 1.73478 0.605357 1.48043 0.792893 1.29289C0.98043 1.10536 1.23478 1 1.5 1V1Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.5 19C23.5 19.2652 23.3946 19.5196 23.2071 19.7071C23.0196 19.8946 22.7652 20 22.5 20H1.5C1.23478 20 0.98043 19.8946 0.792893 19.7071C0.605357 19.5196 0.5 19.2652 0.5 19V16H23.5V19Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 20V23"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.5 23H16.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.5 16H3.5V10L6 11.5L8.5 10V16Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6 11.5V16"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.5 10L5.538 5.108C5.57583 5.0166 5.63991 4.93847 5.72215 4.8835C5.80439 4.82853 5.90108 4.79919 6 4.79919C6.09892 4.79919 6.19561 4.82853 6.27785 4.8835C6.36009 4.93847 6.42417 5.0166 6.462 5.108L8.5 10"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.33301 8H7.66701"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.5 4H20.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.5 7H20.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.5 10H20.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.5 13H18"></path><path stroke="currentColor" d="M12 18.25C11.8619 18.25 11.75 18.1381 11.75 18C11.75 17.8619 11.8619 17.75 12 17.75"></path><path stroke="currentColor" d="M12 18.25C12.1381 18.25 12.25 18.1381 12.25 18C12.25 17.8619 12.1381 17.75 12 17.75"></path></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Webflow CMS</h3></div><div class="text-color-muted">Easily edit and customize the content with the Webflow Content Management System.</div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed87888-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="32" width="32"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 8H23.5"></path><path stroke="currentColor" d="M3.75 5.75C3.61193 5.75 3.5 5.63807 3.5 5.5C3.5 5.36193 3.61193 5.25 3.75 5.25"></path><path stroke="currentColor" d="M3.75 5.75C3.88807 5.75 4 5.63807 4 5.5C4 5.36193 3.88807 5.25 3.75 5.25"></path><path stroke="currentColor" d="M6.9248 5.75C6.78673 5.75 6.6748 5.63807 6.6748 5.5C6.6748 5.36193 6.78673 5.25 6.9248 5.25"></path><path stroke="currentColor" d="M6.9248 5.75C7.06288 5.75 7.1748 5.63807 7.1748 5.5C7.1748 5.36193 7.06288 5.25 6.9248 5.25"></path><path stroke="currentColor" d="M10.0996 5.75C9.96154 5.75 9.84961 5.63807 9.84961 5.5C9.84961 5.36193 9.96154 5.25 10.0996 5.25"></path><path stroke="currentColor" d="M10.0996 5.75C10.2377 5.75 10.3496 5.63807 10.3496 5.5C10.3496 5.36193 10.2377 5.25 10.0996 5.25"></path><path stroke="currentColor" d="M10.25 18C10.1119 18 10 17.8881 10 17.75C10 17.6119 10.1119 17.5 10.25 17.5"></path><path stroke="currentColor" d="M10.25 18C10.3881 18 10.5 17.8881 10.5 17.75C10.5 17.6119 10.3881 17.5 10.25 17.5"></path><g><path stroke="currentColor" d="M13.75 18C13.6119 18 13.5 17.8881 13.5 17.75C13.5 17.6119 13.6119 17.5 13.75 17.5"></path><path stroke="currentColor" d="M13.75 18C13.8881 18 14 17.8881 14 17.75C14 17.6119 13.8881 17.5 13.75 17.5"></path></g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.5 3H2.5C1.39543 3 0.5 3.89543 0.5 5V19C0.5 20.1046 1.39543 21 2.5 21H21.5C22.6046 21 23.5 20.1046 23.5 19V5C23.5 3.89543 22.6046 3 21.5 3Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.9998 10.5L14.6198 15.67C14.5836 15.7658 14.5195 15.8486 14.4357 15.9074C14.3518 15.9663 14.2522 15.9986 14.1498 16H10.0698C9.97248 15.9991 9.87747 15.9704 9.79596 15.9172C9.71445 15.864 9.64986 15.7887 9.60979 15.7L8.53979 12.7C8.50652 12.6238 8.49279 12.5405 8.49985 12.4576C8.5069 12.3747 8.53452 12.2949 8.58019 12.2254C8.62587 12.1559 8.68816 12.0989 8.76143 12.0595C8.83469 12.0202 8.91662 11.9997 8.99979 12H15.5998"></path></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Webflow Ecommerce</h3></div><div class="text-color-muted">Create your own ecommerce store with our Webflow Ecommerce ready templates.</div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed87890-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><g><line x1="0.5" y1="19.09" x2="10.5" y2="19.09" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><path d="M3.5,19.09H.5V5.59a.5.5,0,0,1,.5-.5H3a.5.5,0,0,1,.5.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><polyline points="16 15.59 17.5 14.59 17.5 18.59" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></polyline><line x1="0.6" y1="1.27" x2="1.19" y2="2.56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="3.94" y1="0.91" x2="3.41" y2="2.32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="6.22" y1="3.37" x2="4.94" y2="3.96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><g><circle cx="17.25" cy="16.84" r="4.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></circle><line x1="23.5" y1="23.09" x2="20.61" y2="20.19" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g><line x1="16.5" y1="18.59" x2="18.5" y2="18.59" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><path d="M8.5,19.09h-3v-11a.5.5,0,0,1,.5-.5H8a.5.5,0,0,1,.5.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5,19.09v-8.5a.5.5,0,0,1,.5-.5h2a.5.5,0,0,1,.5.5v.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">SEO Optimized</h3></div><div class="text-color-muted">Images, Videos, Headings and the HTML Structure are optimized for the latest SEO features.</div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed87898-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="32" width="32"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.5 19.5C23.5 20.0304 23.2893 20.5391 22.9142 20.9142C22.5391 21.2893 22.0304 21.5 21.5 21.5H2.5C1.96957 21.5 1.46086 21.2893 1.08579 20.9142C0.710714 20.5391 0.5 20.0304 0.5 19.5V3.5C0.5 2.96957 0.710714 2.46086 1.08579 2.08579C1.46086 1.71071 1.96957 1.5 2.5 1.5H21.5C22.0304 1.5 22.5391 1.71071 22.9142 2.08579C23.2893 2.46086 23.5 2.96957 23.5 3.5V19.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 6.5H23.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 18.001H6"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.07199 14.001L6.80399 15.001"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 11.072L9 12.804"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 10V11.999"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.93 13.999L17.198 14.998"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.002 17.999H18.003"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.629 11.9299C15.829 11.4189 15.682 11.3189 15.293 11.7079L11.207 15.7939C10.784 16.2655 10.5346 16.8674 10.5 17.4999V17.9999C10.4948 18.1227 10.5183 18.2451 10.5686 18.3572C10.619 18.4693 10.6948 18.5681 10.79 18.6458C10.8853 18.7235 10.9973 18.7778 11.1173 18.8046C11.2372 18.8314 11.3618 18.8298 11.481 18.7999L12.019 18.6919C12.3132 18.6156 12.5869 18.4753 12.8206 18.281C13.0543 18.0867 13.2423 17.8432 13.371 17.5679L15.629 11.9299Z"></path><path stroke="currentColor" d="M4.25 4.25C4.11193 4.25 4 4.13807 4 4C4 3.86193 4.11193 3.75 4.25 3.75"></path><path stroke="currentColor" d="M4.25 4.25C4.38807 4.25 4.5 4.13807 4.5 4C4.5 3.86193 4.38807 3.75 4.25 3.75"></path><path stroke="currentColor" d="M7.25 4.25C7.11193 4.25 7 4.13807 7 4C7 3.86193 7.11193 3.75 7.25 3.75"></path><path stroke="currentColor" d="M7.25 4.25C7.38807 4.25 7.5 4.13807 7.5 4C7.5 3.86193 7.38807 3.75 7.25 3.75"></path><g><path stroke="currentColor" d="M10.25 4.25C10.1119 4.25 10 4.13807 10 4C10 3.86193 10.1119 3.75 10.25 3.75"></path><path stroke="currentColor" d="M10.25 4.25C10.3881 4.25 10.5 4.13807 10.5 4C10.5 3.86193 10.3881 3.75 10.25 3.75"></path></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Fast Page Loading Speed</h3></div><div class="text-color-muted">Our Templates are optimized for fast page loading and are using latest optimization features like WebP.</div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed878a0-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><g><g><path d="M5.58,4.5A1.47,1.47,0,0,1,7,3.5H22a1.54,1.54,0,0,1,1.5,1.59V16.91A1.54,1.54,0,0,1,22,18.5H8.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="10" y1="20.5" x2="19" y2="20.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="14.5" y1="18.5" x2="14.5" y2="20.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="13.5" y1="15.5" x2="23.5" y2="15.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g><g><path d="M3.5,9.5v-2a1,1,0,0,1,1-1h6a1,1,0,0,1,1,1v8a1,1,0,0,1-1,1h-2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="8.5" y1="14.5" x2="11.5" y2="14.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g><g><rect x="0.5" y="11.5" width="6" height="9" rx="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="0.5" y1="18.5" x2="6.5" y2="18.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">100% Responsive</h3></div><div class="text-color-muted">Each template is optimized for big desktop screens, to tablets, smartphones and other mobile devices.</div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed878a8-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><g><path d="M6.43,5.6l2.78,1L11,4.8A.61.61,0,0,1,12,5.25l.07,3.13,2.8,1.1a.66.66,0,0,1-.08,1.24l-3.2.9-.9,3.2a.66.66,0,0,1-1.24.08l-1.1-2.8L5.25,12A.61.61,0,0,1,4.8,11L6.56,9.21l-1-2.78A.66.66,0,0,1,6.43,5.6Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.25,11.44,23,21a1.4,1.4,0,0,1,.47,1A1.4,1.4,0,0,1,22,23.5,1.4,1.4,0,0,1,21,23L11.44,12.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="0.5" y1="9.5" x2="2.5" y2="9.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="9.5" y1="0.5" x2="9.5" y2="2.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="2.5" y1="1.5" x2="2.5" y2="3.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="3.5" y1="2.5" x2="1.5" y2="2.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="3.5" y1="15" x2="3.5" y2="17" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="4.5" y1="16" x2="2.5" y2="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="15" y1="3.5" x2="17" y2="3.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="16" y1="4.5" x2="16" y2="2.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Advanced Animations</h3></div><div class="text-color-muted">Modern and andvanced animations ensuring an impressive browsing experience.</div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed878b0-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><defs></defs><title>pie-line-graph</title><circle cx="17" cy="7" r="3.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M3.5,20.5l2.2-3.083a.5.5,0,0,1,.706-.11L7.6,18.2a.5.5,0,0,0,.7-.1L11,14.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><polyline points="17.751 3.581 17 7 20.474 6.575" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></polyline><rect x="14.5" y="13.5" width="6" height="7" rx="0.5" ry="0.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="16.5" y1="16.5" x2="18.5" y2="16.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="16.5" y1="18.5" x2="17.5" y2="18.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><rect x="3.5" y="3.5" width="6" height="7" rx="0.5" ry="0.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="5.5" y1="5.5" x2="7.5" y2="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="5.5" y1="7.5" x2="6.5" y2="7.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><rect x="0.5" y="0.5" width="23" height="23" rx="1" ry="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">UI Kit & Components</h3></div><div class="text-color-muted">Each template comes with a full Styleguide and a UIkit with easy reusable Webflow components.</div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed878b8-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="32" width="32"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.5 2.5H2.5C1.39543 2.5 0.5 3.39543 0.5 4.5V19.5C0.5 20.6046 1.39543 21.5 2.5 21.5H21.5C22.6046 21.5 23.5 20.6046 23.5 19.5V4.5C23.5 3.39543 22.6046 2.5 21.5 2.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 7.5H23.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.5 11.5C7.96957 11.5 7.46086 11.7107 7.08579 12.0858C6.71071 12.4609 6.5 12.9696 6.5 13.5V14.5C6.5 15.0304 6.71071 15.5391 7.08579 15.9142C7.46086 16.2893 7.96957 16.5 8.5 16.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.5 11.5H11.5C11.2348 11.5 10.9804 11.6054 10.7929 11.7929C10.6054 11.9804 10.5 12.2348 10.5 12.5C10.5 14 12.5 14 12.5 15.5C12.5 15.7652 12.3946 16.0196 12.2071 16.2071C12.0196 16.3946 11.7652 16.5 11.5 16.5H10.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.5 11.5H15.5C15.2348 11.5 14.9804 11.6054 14.7929 11.7929C14.6054 11.9804 14.5 12.2348 14.5 12.5C14.5 14 16.5 14 16.5 15.5C16.5 15.7652 16.3946 16.0196 16.2071 16.2071C16.0196 16.3946 15.7652 16.5 15.5 16.5H14.5"></path><path stroke="currentColor" d="M4 5.25C3.86193 5.25 3.75 5.13807 3.75 5C3.75 4.86193 3.86193 4.75 4 4.75"></path><path stroke="currentColor" d="M4 5.25C4.13807 5.25 4.25 5.13807 4.25 5C4.25 4.86193 4.13807 4.75 4 4.75"></path><path stroke="currentColor" d="M7 5.25C6.86193 5.25 6.75 5.13807 6.75 5C6.75 4.86193 6.86193 4.75 7 4.75"></path><path stroke="currentColor" d="M7 5.25C7.13807 5.25 7.25 5.13807 7.25 5C7.25 4.86193 7.13807 4.75 7 4.75"></path><g><path stroke="currentColor" d="M10 5.25C9.86193 5.25 9.75 5.13807 9.75 5C9.75 4.86193 9.86193 4.75 10 4.75"></path><path stroke="currentColor" d="M10 5.25C10.1381 5.25 10.25 5.13807 10.25 5C10.25 4.86193 10.1381 4.75 10 4.75"></path></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Client First System</h3></div><div class="text-color-muted">We are using the popular Client First System by Finsweet for easy and intuitive class naming.</div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed878c8-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><g><circle cx="15.83" cy="12" r="2.83" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M12,8.17H8.17A3.84,3.84,0,1,1,8.17.5H12Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12,8.17h3.83a3.84,3.84,0,1,0,0-7.67H12Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12,15.83H8.17a3.83,3.83,0,1,1,0-7.66H12Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12,19.67a3.84,3.84,0,1,1-3.83-3.84H12Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Figma File</h3></div><div class="text-color-muted">Each template comes with a fully editable Figma File.</div></div><div id="w-node-b69f6a86-640a-a6e0-7d6e-78d20ed878d0-0ed8786e"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><defs></defs><circle cx="19.29" cy="9.557" r="2.43" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M23.5,16.848a4.253,4.253,0,0,0-8.419,0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M.5,8.909l4.8,3.885a.424.424,0,0,0,.543,0l4.8-3.885" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.726,8.4h.462a.49.49,0,0,1,.461.513v6.157a.49.49,0,0,1-.461.513H.961A.49.49,0,0,1,.5,15.066V8.909A.49.49,0,0,1,.961,8.4H9.726Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.213,5.024A7.547,7.547,0,0,0,5.52,4.042" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="15.067" y1="4.619" x2="18.214" y2="5.024" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18.658" y1="2.36" x2="18.214" y2="5.024" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><path d="M5.337,18.976a7.547,7.547,0,0,0,12.693.982" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="8.484" y1="19.381" x2="5.337" y2="18.976" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="4.893" y1="21.64" x2="5.337" y2="18.976" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Premium Support</h3></div><div class="text-color-muted">Need help with your Webflow template? Get premium support from Webflow experts.</div></div></div></div></div></div></section></div><div><section class="section-features"><div class="page-padding"><div class="container-large"><div class="padding-top padding-xxhuge"><div class="margin-bottom margin-huge"><h2>Framer Templates <br/>full of powerful features</h2></div><div class="template-single-features-grid"><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90ce57-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="32" width="32"><path d="M0.5 23.5L22.52 1.48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.013 15.993L13.512 14.492" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.011 18.996L10.509 17.495" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.511,4.862a.9.9,0,0,1,.277-.651C16.7.437,20.611-.43,22.52,1.48c1.955,1.954,1,6.005-3,10.009L11.1,19.911A2,2,0,0,1,9.68,20.5H3.5V14.32a2,2,0,0,1,.586-1.415l5.92-5.92a.293.293,0,0,1,.5.207V8.279a.293.293,0,0,0,.5.207A5.126,5.126,0,0,0,12.511,4.862Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Premium Webdesign</h3></div><div class="text-color-muted">With pixel-perfect web design, our templates will help your website stand out from your competition.</div></div><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90ce5f-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="32" width="32"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.5 1H22.5C22.7652 1 23.0196 1.10536 23.2071 1.29289C23.3946 1.48043 23.5 1.73478 23.5 2V16H0.5V2C0.5 1.73478 0.605357 1.48043 0.792893 1.29289C0.98043 1.10536 1.23478 1 1.5 1V1Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.5 19C23.5 19.2652 23.3946 19.5196 23.2071 19.7071C23.0196 19.8946 22.7652 20 22.5 20H1.5C1.23478 20 0.98043 19.8946 0.792893 19.7071C0.605357 19.5196 0.5 19.2652 0.5 19V16H23.5V19Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 20V23"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.5 23H16.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.5 16H3.5V10L6 11.5L8.5 10V16Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6 11.5V16"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.5 10L5.538 5.108C5.57583 5.0166 5.63991 4.93847 5.72215 4.8835C5.80439 4.82853 5.90108 4.79919 6 4.79919C6.09892 4.79919 6.19561 4.82853 6.27785 4.8835C6.36009 4.93847 6.42417 5.0166 6.462 5.108L8.5 10"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.33301 8H7.66701"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.5 4H20.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.5 7H20.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.5 10H20.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.5 13H18"></path><path stroke="currentColor" d="M12 18.25C11.8619 18.25 11.75 18.1381 11.75 18C11.75 17.8619 11.8619 17.75 12 17.75"></path><path stroke="currentColor" d="M12 18.25C12.1381 18.25 12.25 18.1381 12.25 18C12.25 17.8619 12.1381 17.75 12 17.75"></path></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Framer CMS</h3></div><div class="text-color-muted">Easily edit and customize the content with the Framer Content Management System.</div></div><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90ce67-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="32" width="32"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 8H23.5"></path><path stroke="currentColor" d="M3.75 5.75C3.61193 5.75 3.5 5.63807 3.5 5.5C3.5 5.36193 3.61193 5.25 3.75 5.25"></path><path stroke="currentColor" d="M3.75 5.75C3.88807 5.75 4 5.63807 4 5.5C4 5.36193 3.88807 5.25 3.75 5.25"></path><path stroke="currentColor" d="M6.9248 5.75C6.78673 5.75 6.6748 5.63807 6.6748 5.5C6.6748 5.36193 6.78673 5.25 6.9248 5.25"></path><path stroke="currentColor" d="M6.9248 5.75C7.06288 5.75 7.1748 5.63807 7.1748 5.5C7.1748 5.36193 7.06288 5.25 6.9248 5.25"></path><path stroke="currentColor" d="M10.0996 5.75C9.96154 5.75 9.84961 5.63807 9.84961 5.5C9.84961 5.36193 9.96154 5.25 10.0996 5.25"></path><path stroke="currentColor" d="M10.0996 5.75C10.2377 5.75 10.3496 5.63807 10.3496 5.5C10.3496 5.36193 10.2377 5.25 10.0996 5.25"></path><path stroke="currentColor" d="M10.25 18C10.1119 18 10 17.8881 10 17.75C10 17.6119 10.1119 17.5 10.25 17.5"></path><path stroke="currentColor" d="M10.25 18C10.3881 18 10.5 17.8881 10.5 17.75C10.5 17.6119 10.3881 17.5 10.25 17.5"></path><g><path stroke="currentColor" d="M13.75 18C13.6119 18 13.5 17.8881 13.5 17.75C13.5 17.6119 13.6119 17.5 13.75 17.5"></path><path stroke="currentColor" d="M13.75 18C13.8881 18 14 17.8881 14 17.75C14 17.6119 13.8881 17.5 13.75 17.5"></path></g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.5 3H2.5C1.39543 3 0.5 3.89543 0.5 5V19C0.5 20.1046 1.39543 21 2.5 21H21.5C22.6046 21 23.5 20.1046 23.5 19V5C23.5 3.89543 22.6046 3 21.5 3Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.9998 10.5L14.6198 15.67C14.5836 15.7658 14.5195 15.8486 14.4357 15.9074C14.3518 15.9663 14.2522 15.9986 14.1498 16H10.0698C9.97248 15.9991 9.87747 15.9704 9.79596 15.9172C9.71445 15.864 9.64986 15.7887 9.60979 15.7L8.53979 12.7C8.50652 12.6238 8.49279 12.5405 8.49985 12.4576C8.5069 12.3747 8.53452 12.2949 8.58019 12.2254C8.62587 12.1559 8.68816 12.0989 8.76143 12.0595C8.83469 12.0202 8.91662 11.9997 8.99979 12H15.5998"></path></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Zero Code</h3></div><div class="text-color-muted">Design and ship your dream website without using any code. Yes, zero. It's so easy.</div></div><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90ce6f-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><g><line x1="0.5" y1="19.09" x2="10.5" y2="19.09" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><path d="M3.5,19.09H.5V5.59a.5.5,0,0,1,.5-.5H3a.5.5,0,0,1,.5.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><polyline points="16 15.59 17.5 14.59 17.5 18.59" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></polyline><line x1="0.6" y1="1.27" x2="1.19" y2="2.56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="3.94" y1="0.91" x2="3.41" y2="2.32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="6.22" y1="3.37" x2="4.94" y2="3.96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><g><circle cx="17.25" cy="16.84" r="4.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></circle><line x1="23.5" y1="23.09" x2="20.61" y2="20.19" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g><line x1="16.5" y1="18.59" x2="18.5" y2="18.59" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><path d="M8.5,19.09h-3v-11a.5.5,0,0,1,.5-.5H8a.5.5,0,0,1,.5.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5,19.09v-8.5a.5.5,0,0,1,.5-.5h2a.5.5,0,0,1,.5.5v.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">SEO Optimized</h3></div><div class="text-color-muted">Images, Videos, Headings and the HTML Structure are optimized for the latest SEO features.</div></div><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90ce77-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="32" width="32"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.5 19.5C23.5 20.0304 23.2893 20.5391 22.9142 20.9142C22.5391 21.2893 22.0304 21.5 21.5 21.5H2.5C1.96957 21.5 1.46086 21.2893 1.08579 20.9142C0.710714 20.5391 0.5 20.0304 0.5 19.5V3.5C0.5 2.96957 0.710714 2.46086 1.08579 2.08579C1.46086 1.71071 1.96957 1.5 2.5 1.5H21.5C22.0304 1.5 22.5391 1.71071 22.9142 2.08579C23.2893 2.46086 23.5 2.96957 23.5 3.5V19.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 6.5H23.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 18.001H6"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.07199 14.001L6.80399 15.001"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 11.072L9 12.804"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 10V11.999"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.93 13.999L17.198 14.998"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.002 17.999H18.003"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.629 11.9299C15.829 11.4189 15.682 11.3189 15.293 11.7079L11.207 15.7939C10.784 16.2655 10.5346 16.8674 10.5 17.4999V17.9999C10.4948 18.1227 10.5183 18.2451 10.5686 18.3572C10.619 18.4693 10.6948 18.5681 10.79 18.6458C10.8853 18.7235 10.9973 18.7778 11.1173 18.8046C11.2372 18.8314 11.3618 18.8298 11.481 18.7999L12.019 18.6919C12.3132 18.6156 12.5869 18.4753 12.8206 18.281C13.0543 18.0867 13.2423 17.8432 13.371 17.5679L15.629 11.9299Z"></path><path stroke="currentColor" d="M4.25 4.25C4.11193 4.25 4 4.13807 4 4C4 3.86193 4.11193 3.75 4.25 3.75"></path><path stroke="currentColor" d="M4.25 4.25C4.38807 4.25 4.5 4.13807 4.5 4C4.5 3.86193 4.38807 3.75 4.25 3.75"></path><path stroke="currentColor" d="M7.25 4.25C7.11193 4.25 7 4.13807 7 4C7 3.86193 7.11193 3.75 7.25 3.75"></path><path stroke="currentColor" d="M7.25 4.25C7.38807 4.25 7.5 4.13807 7.5 4C7.5 3.86193 7.38807 3.75 7.25 3.75"></path><g><path stroke="currentColor" d="M10.25 4.25C10.1119 4.25 10 4.13807 10 4C10 3.86193 10.1119 3.75 10.25 3.75"></path><path stroke="currentColor" d="M10.25 4.25C10.3881 4.25 10.5 4.13807 10.5 4C10.5 3.86193 10.3881 3.75 10.25 3.75"></path></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Fast Page Loading Speed</h3></div><div class="text-color-muted">Our Templates are optimized for fast page loading and are using latest optimization features like WebP.</div></div><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90ce7f-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><g><g><path d="M5.58,4.5A1.47,1.47,0,0,1,7,3.5H22a1.54,1.54,0,0,1,1.5,1.59V16.91A1.54,1.54,0,0,1,22,18.5H8.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="10" y1="20.5" x2="19" y2="20.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="14.5" y1="18.5" x2="14.5" y2="20.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="13.5" y1="15.5" x2="23.5" y2="15.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g><g><path d="M3.5,9.5v-2a1,1,0,0,1,1-1h6a1,1,0,0,1,1,1v8a1,1,0,0,1-1,1h-2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="8.5" y1="14.5" x2="11.5" y2="14.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g><g><rect x="0.5" y="11.5" width="6" height="9" rx="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="0.5" y1="18.5" x2="6.5" y2="18.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">100% Responsive</h3></div><div class="text-color-muted">Each template is optimized for big desktop screens, to tablets, smartphones and other mobile devices.</div></div><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90ce87-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><g><path d="M6.43,5.6l2.78,1L11,4.8A.61.61,0,0,1,12,5.25l.07,3.13,2.8,1.1a.66.66,0,0,1-.08,1.24l-3.2.9-.9,3.2a.66.66,0,0,1-1.24.08l-1.1-2.8L5.25,12A.61.61,0,0,1,4.8,11L6.56,9.21l-1-2.78A.66.66,0,0,1,6.43,5.6Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.25,11.44,23,21a1.4,1.4,0,0,1,.47,1A1.4,1.4,0,0,1,22,23.5,1.4,1.4,0,0,1,21,23L11.44,12.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="0.5" y1="9.5" x2="2.5" y2="9.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="9.5" y1="0.5" x2="9.5" y2="2.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="2.5" y1="1.5" x2="2.5" y2="3.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="3.5" y1="2.5" x2="1.5" y2="2.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="3.5" y1="15" x2="3.5" y2="17" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="4.5" y1="16" x2="2.5" y2="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="15" y1="3.5" x2="17" y2="3.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="16" y1="4.5" x2="16" y2="2.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Advanced Animations</h3></div><div class="text-color-muted">Modern and andvanced animations ensuring an impressive browsing experience.</div></div><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90ce8f-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><defs></defs><title>pie-line-graph</title><circle cx="17" cy="7" r="3.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M3.5,20.5l2.2-3.083a.5.5,0,0,1,.706-.11L7.6,18.2a.5.5,0,0,0,.7-.1L11,14.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><polyline points="17.751 3.581 17 7 20.474 6.575" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></polyline><rect x="14.5" y="13.5" width="6" height="7" rx="0.5" ry="0.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="16.5" y1="16.5" x2="18.5" y2="16.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="16.5" y1="18.5" x2="17.5" y2="18.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><rect x="3.5" y="3.5" width="6" height="7" rx="0.5" ry="0.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect><line x1="5.5" y1="5.5" x2="7.5" y2="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="5.5" y1="7.5" x2="6.5" y2="7.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><rect x="0.5" y="0.5" width="23" height="23" rx="1" ry="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></rect></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">UI Kit & Components</h3></div><div class="text-color-muted">Each template comes with a full Styleguide and a UIkit with easy reusable Webflow components.</div></div><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90ce9f-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><g><circle cx="15.83" cy="12" r="2.83" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M12,8.17H8.17A3.84,3.84,0,1,1,8.17.5H12Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12,8.17h3.83a3.84,3.84,0,1,0,0-7.67H12Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12,15.83H8.17a3.83,3.83,0,1,1,0-7.66H12Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12,19.67a3.84,3.84,0,1,1-3.83-3.84H12Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Figma File</h3></div><div class="text-color-muted">Each template comes with a fully editable Figma File.</div></div><div id="w-node-_5876bde9-2627-e443-eb66-832d3e90cea7-c5be682c"><div class="margin-bottom margin-small"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="32" width="32"><defs></defs><circle cx="19.29" cy="9.557" r="2.43" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M23.5,16.848a4.253,4.253,0,0,0-8.419,0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M.5,8.909l4.8,3.885a.424.424,0,0,0,.543,0l4.8-3.885" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.726,8.4h.462a.49.49,0,0,1,.461.513v6.157a.49.49,0,0,1-.461.513H.961A.49.49,0,0,1,.5,15.066V8.909A.49.49,0,0,1,.961,8.4H9.726Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.213,5.024A7.547,7.547,0,0,0,5.52,4.042" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="15.067" y1="4.619" x2="18.214" y2="5.024" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="18.658" y1="2.36" x2="18.214" y2="5.024" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><path d="M5.337,18.976a7.547,7.547,0,0,0,12.693.982" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="8.484" y1="19.381" x2="5.337" y2="18.976" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="4.893" y1="21.64" x2="5.337" y2="18.976" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line></svg></div></div><div class="margin-bottom margin-xsmall"><h3 class="heading-h4">Premium Support</h3></div><div class="text-color-muted">Need help with your Webflow template? Get premium support from Webflow experts.</div></div></div></div></div></div></section></div><section class="section-faq"><div class="page-padding"><div class="container-large"><div class="padding-vertical padding-xxhuge"><div id="w-node-_7d45f6aa-aab0-87a1-88aa-f679000d2077-000d2073" class="template-single-faq-grid"><div id="w-node-_7d45f6aa-aab0-87a1-88aa-f679000d2078-000d2073"><h2>Frequently <br/>Asked Questions</h2></div><div id="w-node-_7d45f6aa-aab0-87a1-88aa-f679000d207d-000d2073" class="faq"><div class="accordion"><div class="accordion-title-wapper"><div class="accordion-title-grid"><h3 class="accordion-title">How do I access my free Figma file?</h3><div class="accordion-icon"><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" fill="currentColor" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.75 7.875V9H9V15.75H7.875V9H1.125V7.875H7.875V1.125H9V7.875H15.75Z" fill="#242424"/> </svg></div></div></div></div><div class="accordion-content-wrapper"><div class="accordion-content"><p class="text-color-muted"><strong>Webflow Template</strong><br/>Once you鈥檝e purchased your template, simply send us an email with your order confirmation. We鈥檒l deliver the file to your inbox.<br/><br/><strong>Framer Templates</strong><br/>Simply login to your Lemonsqueezy account to download the Figma File.<br/></p></div></div></div><div class="accordion"><div class="accordion-title-wapper"><div class="accordion-title-grid"><h3 class="accordion-title">Can I use everything in the template?</h3><div class="accordion-icon"><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" fill="currentColor" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.75 7.875V9H9V15.75H7.875V9H1.125V7.875H7.875V1.125H9V7.875H15.75Z" fill="#242424"/> </svg></div></div></div></div><div class="accordion-content-wrapper"><div class="accordion-content"><p class="text-color-muted">Yes, you can use all images, videos, fonts, and other assets included in the template completely free of charge, both for personal and commercial use. Find more information on the license page of each template.</p></div></div></div><div class="accordion"><div class="accordion-title-wapper"><div class="accordion-title-grid"><h3 class="accordion-title">Is the template SEO optimized?</h3><div class="accordion-icon"><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" fill="currentColor" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.75 7.875V9H9V15.75H7.875V9H1.125V7.875H7.875V1.125H9V7.875H15.75Z" fill="#242424"/> </svg></div></div></div></div><div class="accordion-content-wrapper"><div class="accordion-content"><p class="text-color-muted">The template's images, videos, headings, and HTML structure are all optimized for the latest algorithms.</p></div></div></div><div class="accordion"><div class="accordion-title-wapper"><div class="accordion-title-grid"><h3 class="accordion-title">Do you offer template customizations?</h3><div class="accordion-icon"><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" fill="currentColor" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.75 7.875V9H9V15.75H7.875V9H1.125V7.875H7.875V1.125H9V7.875H15.75Z" fill="#242424"/> </svg></div></div></div></div><div class="accordion-content-wrapper"><div class="accordion-content"><p class="text-color-muted">No, I don't offer template customization.</p></div></div></div><div class="accordion"><div class="accordion-title-wapper"><div class="accordion-title-grid"><h3 class="accordion-title">Can I use the template for multiple projects with the same license?</h3><div class="accordion-icon"><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" fill="currentColor" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.75 7.875V9H9V15.75H7.875V9H1.125V7.875H7.875V1.125H9V7.875H15.75Z" fill="#242424"/> </svg></div></div></div></div><div class="accordion-content-wrapper"><div class="accordion-content"><p class="text-color-muted">No, you鈥檒l need to buy a new license to use the template for other projects.</p></div></div></div></div></div></div></div></div></section><section class="section-template-single-related"><div class="page-padding"><div class="container-large"><div class="padding-bottom padding-xxhuge"><div class="margin-bottom margin-xlarge"><div class="template-single-related-heading"><h2>You might also like</h2><a href="/templates" class="button-text w-inline-block"><div class="button-text-text">See All</div><div class="button-text-line"></div></a></div></div><div class="w-dyn-list"><div fs-cmsload-mode="pagination" class="template-single-related-grid w-dyn-items" fs-cmscombine-element="list" fs-cmsfilter-tagformat="category" fs-cmsfilter-element="list" role="list" fs-cmssort-element="list" fs-cmsload-element="list" fs-cmsfilter-showquery="true"><div role="listitem" class="template w-dyn-item"><div class="margin-bottom margin-small"><div class="template-image-wrapper"><a href="/template/olsson" class="template-link w-inline-block"></a><div class="template-buttons"><a data-w-id="0c7d4066-18db-eff0-2139-d331f692ddf0" href="https://olsson-template.webflow.io/" target="_blank" class="button primary w-inline-block"><div class="button-inner"><div class="button-inner-text">Preview Template</div><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0031 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.5031V12.75H12.0031V7.0605Z" fill="currentColor"/> </svg></div></div></a></div><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/63bbd923e3ca2a1639f7023a_olsson-search-result-preview.webp" loading="lazy" alt="Olsson - Portfolio Webflow Template" sizes="(max-width: 479px) 100vw, (max-width: 767px) 45vw, (max-width: 991px) 46vw, (max-width: 1919px) 45vw, 676px" srcset="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/63bbd923e3ca2a1639f7023a_olsson-search-result-preview-p-500.webp 500w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/63bbd923e3ca2a1639f7023a_olsson-search-result-preview-p-800.webp 800w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/63bbd923e3ca2a1639f7023a_olsson-search-result-preview-p-1080.webp 1080w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/63bbd923e3ca2a1639f7023a_olsson-search-result-preview.webp 1200w" class="template-image"/></div></div><div class="template-content"><div class="margin-bottom margin-tiny"><div class="template-heading"><div class="template-heading-left"><a href="/template/olsson" class="w-inline-block"><h2 class="heading-h5">Olsson</h2></a><div class="template-preview-platforms"><div class="webflow-badge"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/6543af276810de2fe74ef707_buy-badge-webflow-icon.svg" loading="lazy" width="15" alt="" class="webflow-badge-image"/></div><div class="framer-badge w-condition-invisible"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/63f2ec08b222cb67c12cefdd_logo-framer.png" loading="lazy" width="9" alt="Framer Logo" class="framer-badge-image"/></div></div></div></div></div><div class="text-size-small text-color-muted">Portfolio Webflow Template</div></div></div><div role="listitem" class="template w-dyn-item"><div class="margin-bottom margin-small"><div class="template-image-wrapper"><a href="/template/ayano" class="template-link w-inline-block"></a><div class="template-buttons"><a data-w-id="0c7d4066-18db-eff0-2139-d331f692ddf0" href="https://ayano-template.webflow.io/" target="_blank" class="button primary w-inline-block"><div class="button-inner"><div class="button-inner-text">Preview Template</div><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0031 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.5031V12.75H12.0031V7.0605Z" fill="currentColor"/> </svg></div></div></a></div><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/66c98b8a4bae6ab8fe08d68b_ayano-architecture-website-template-preview.webp" loading="lazy" alt="Ayano - Architecture Webflow Template & Framer Template" class="template-image"/></div></div><div class="template-content"><div class="margin-bottom margin-tiny"><div class="template-heading"><div class="template-heading-left"><a href="/template/ayano" class="w-inline-block"><h2 class="heading-h5">Ayano</h2></a><div class="template-preview-platforms"><div class="webflow-badge"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/6543af276810de2fe74ef707_buy-badge-webflow-icon.svg" loading="lazy" width="15" alt="" class="webflow-badge-image"/></div><div class="framer-badge"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/63f2ec08b222cb67c12cefdd_logo-framer.png" loading="lazy" width="9" alt="Framer Logo" class="framer-badge-image"/></div></div></div></div></div><div class="text-size-small text-color-muted">Architecture Website Template</div></div></div><div role="listitem" class="template w-dyn-item"><div class="margin-bottom margin-small"><div class="template-image-wrapper"><a href="/template/bjelle" class="template-link w-inline-block"></a><div class="template-buttons"><a data-w-id="0c7d4066-18db-eff0-2139-d331f692ddf0" href="https://bjelle-template.webflow.io/" target="_blank" class="button primary w-inline-block"><div class="button-inner"><div class="button-inner-text">Preview Template</div><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0031 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.5031V12.75H12.0031V7.0605Z" fill="currentColor"/> </svg></div></div></a></div><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/65fea39898ab5f81e1274996_bjelle-photography-webflow-template-preview.webp" loading="lazy" alt="Bjelle - Photography Webflow Template" sizes="(max-width: 479px) 100vw, (max-width: 767px) 45vw, (max-width: 991px) 46vw, (max-width: 1919px) 45vw, 676px" srcset="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/65fea39898ab5f81e1274996_bjelle-photography-webflow-template-preview-p-500.webp 500w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/65fea39898ab5f81e1274996_bjelle-photography-webflow-template-preview-p-800.webp 800w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/65fea39898ab5f81e1274996_bjelle-photography-webflow-template-preview-p-1080.webp 1080w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/65fea39898ab5f81e1274996_bjelle-photography-webflow-template-preview.webp 1200w" class="template-image"/></div></div><div class="template-content"><div class="margin-bottom margin-tiny"><div class="template-heading"><div class="template-heading-left"><a href="/template/bjelle" class="w-inline-block"><h2 class="heading-h5">Bjelle</h2></a><div class="template-preview-platforms"><div class="webflow-badge"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/6543af276810de2fe74ef707_buy-badge-webflow-icon.svg" loading="lazy" width="15" alt="" class="webflow-badge-image"/></div><div class="framer-badge w-condition-invisible"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/63f2ec08b222cb67c12cefdd_logo-framer.png" loading="lazy" width="9" alt="Framer Logo" class="framer-badge-image"/></div></div></div></div></div><div class="text-size-small text-color-muted">Photography Webflow Template</div></div></div><div role="listitem" class="template w-dyn-item"><div class="margin-bottom margin-small"><div class="template-image-wrapper"><a href="/template/kista" class="template-link w-inline-block"></a><div class="template-buttons"><a data-w-id="0c7d4066-18db-eff0-2139-d331f692ddf0" href="https://kista-template.webflow.io/" target="_blank" class="button primary w-inline-block"><div class="button-inner"><div class="button-inner-text">Preview Template</div><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0031 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.5031V12.75H12.0031V7.0605Z" fill="currentColor"/> </svg></div></div></a></div><img src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/661de8b882581d823175a20a_kista-agency-portfolio-website-template-preview.webp" loading="lazy" alt="Kista - Agency & Portfolio Webflow Template & Framer Template" sizes="(max-width: 479px) 100vw, (max-width: 767px) 45vw, (max-width: 991px) 46vw, (max-width: 1919px) 45vw, 676px" srcset="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/661de8b882581d823175a20a_kista-agency-portfolio-website-template-preview-p-500.webp 500w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/661de8b882581d823175a20a_kista-agency-portfolio-website-template-preview-p-800.webp 800w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/661de8b882581d823175a20a_kista-agency-portfolio-website-template-preview-p-1080.webp 1080w, https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/661de8b882581d823175a20a_kista-agency-portfolio-website-template-preview.webp 1200w" class="template-image"/></div></div><div class="template-content"><div class="margin-bottom margin-tiny"><div class="template-heading"><div class="template-heading-left"><a href="/template/kista" class="w-inline-block"><h2 class="heading-h5">Kista</h2></a><div class="template-preview-platforms"><div class="webflow-badge"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/6543af276810de2fe74ef707_buy-badge-webflow-icon.svg" loading="lazy" width="15" alt="" class="webflow-badge-image"/></div><div class="framer-badge"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/63f2ec08b222cb67c12cefdd_logo-framer.png" loading="lazy" width="9" alt="Framer Logo" class="framer-badge-image"/></div></div></div></div></div><div class="text-size-small text-color-muted">Agency & Portfolio Website Template</div></div></div></div></div></div></div></div></section></main><section style="-webkit-transform:translate3d(null, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(null, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(null, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(null, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="template-floating-nav"><div class="template-floating-nav-center"><img alt="Arik - Portfolio Framer Template" loading="lazy" width="80" src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/642d3259e2d90c86265bf4c5_arik-portfolio-framer-template-thumbnail.webp" class="template-floating-nav-image"/><div id="w-node-c619091b-34c7-d5be-c237-5c4235be77b0-c5be682c"><div class="heading-h6">Arik</div><div class="hide-tablet"><div class="text-size-small text-color-muted">Portfolio</div></div></div></div><div class="template-floating-nav-right"><a href="https://gola.lemonsqueezy.com/buy/ec9af3a4-defc-4646-9621-f73d8605e1c9" target="_blank" class="template-button small figma w-inline-block"><div id="w-node-_74880893-75ff-5389-88df-8fd00679929d-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/639ef2561dc0874939e8ee8d_icon-figma.svg" loading="lazy" alt="Figma Logo"/></div><div id="w-node-_7562f0ef-f229-e507-7512-1900c0af7d94-c5be682c" class="subnav xsmall"><div id="w-node-_7562f0ef-f229-e507-7512-1900c0af7d95-c5be682c">Get Figma File</div><div>-</div><div class="text-uppercase">Free</div></div></a><a href="https://www.framer.com/marketplace/templates/arik?via=pawelgola" target="_blank" class="template-button small framer w-inline-block"><div id="w-node-_40b39c0e-e74e-d109-df7f-71fe8f9e4b44-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/63f2ec08b222cb67c12cefdd_logo-framer.png" loading="lazy" width="15" alt="Framer Logo"/></div><div id="w-node-_40b39c0e-e74e-d109-df7f-71fe8f9e4b46-c5be682c" class="subnav xsmall"><div id="w-node-_40b39c0e-e74e-d109-df7f-71fe8f9e4b47-c5be682c">Get Template</div><div>-</div><div class="text-uppercase w-condition-invisible">Free</div><div class="text-uppercase">Free</div></div></a><a href="#" class="template-button small webflow w-inline-block w-condition-invisible"><div id="w-node-b30d66d0-5d43-8cac-a5b7-426ddb3c3241-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/6543af276810de2fe74ef707_buy-badge-webflow-icon.svg" loading="lazy" alt=""/></div><div id="w-node-a0233065-c952-2388-90d5-6c3d2dafadd5-c5be682c" class="subnav xsmall"><div>Get Template</div><div>-</div><div class="w-dyn-bind-empty"></div></div></a></div><div class="template-floating-nav-right-mobile"><a href="#" class="button w-inline-block"><div class="button-inner"><div class="button-inner-text">Preview </div><div class="icon-1x1-xsmall w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0031 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.5031V12.75H12.0031V7.0605Z" fill="currentColor"/> </svg></div></div></a><div class="hide-mobile-portrait"><a href="https://gola.lemonsqueezy.com/buy/ec9af3a4-defc-4646-9621-f73d8605e1c9" target="_blank" class="template-button small figma w-inline-block"><div id="w-node-_4d7a2a8c-8b83-38d2-9767-4be7a65e40e8-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/639ef2561dc0874939e8ee8d_icon-figma.svg" loading="lazy" alt="Figma Logo"/></div><div id="w-node-_4d7a2a8c-8b83-38d2-9767-4be7a65e40eb-c5be682c">Get Figma File</div></a></div><a href="#" class="template-button small webflow w-inline-block w-condition-invisible"><div id="w-node-_4d7a2a8c-8b83-38d2-9767-4be7a65e40f1-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/6543af276810de2fe74ef707_buy-badge-webflow-icon.svg" loading="lazy" alt=""/></div><div id="w-node-_4d7a2a8c-8b83-38d2-9767-4be7a65e40f3-c5be682c" class="subnav xsmall"><div>Buy Now</div><div class="w-dyn-bind-empty"></div></div></a><a href="https://www.framer.com/marketplace/templates/arik?via=pawelgola" target="_blank" class="template-button small framer w-inline-block"><div id="w-node-_414b9bc2-26fd-e54a-c4ac-d92f63b92b08-c5be682c" class="template-button-image"><img src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/63f2ec08b222cb67c12cefdd_logo-framer.png" loading="lazy" width="14" alt="Framer Logo"/></div><div id="w-node-_414b9bc2-26fd-e54a-c4ac-d92f63b92b0a-c5be682c" class="subnav xsmall"><div>Buy Now</div><div class="w-dyn-bind-empty"></div></div></a></div></section><div class="template-plattoforms-list w-dyn-list"><div fs-cmsnest-collection="plattform" role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/template-plattform/framer">Framer</a></div></div></div><div class="footer"><div class="line"></div><div class="page-padding"><div class="container-xlarge"><div class="padding-vertical padding-huge"><div id="w-node-d9c9ab67-8e86-f109-6dc0-dc7d3fc48d5d-3fc48d54" class="footer-grid-right-inner"><div id="w-node-d9c9ab67-8e86-f109-6dc0-dc7d3fc48d5e-3fc48d54" class="footer-column"><div class="margin-bottom margin-medium"><h3 class="heading-h5">Pages</h3></div><div class="nav"><a href="/" class="nav-item w-inline-block"><div class="nav-item-inner"><div class="nav-item-text">Home</div><div class="nav-item-line"></div></div></a><a href="/templates" class="nav-item w-inline-block"><div class="nav-item-inner"><div class="nav-item-text">Webflow Templates</div><div class="nav-item-line"></div></div></a><a href="/framer" class="nav-item w-inline-block"><div class="nav-item-inner"><div class="nav-item-text">Framer Templates</div><div class="nav-item-line"></div></div></a><a href="/blog" class="nav-item w-inline-block"><div class="nav-item-inner"><div class="nav-item-text">Blog</div><div class="nav-item-line"></div></div></a></div></div><div id="w-node-d9c9ab67-8e86-f109-6dc0-dc7d3fc48d75-3fc48d54" class="footer-column"><div class="margin-bottom margin-medium"><h3 class="heading-h5">Social</h3></div><div class="nav"><a href="https://webflow.com/templates/designers/pawel-gola" target="_blank" class="nav-item w-inline-block"><div class="icon-1x1-small w-embed"><svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.65 0L17.4654 16H9.77778L13.203 9.36892H13.0493C10.2235 13.0372 6.00738 15.452 0 16V9.46068C0 9.46068 3.84306 9.23369 6.10229 6.85844H0V0.000126383H6.85832V5.64099L7.01225 5.64036L9.8148 0.000126383H15.0016V5.60523L15.1555 5.60497L18.0632 0H25.65Z" fill="currentColor"/> </svg></div><div class="nav-item-inner"><div class="nav-item-text">Webflow</div><div class="nav-item-line"></div></div></a><a href="https://www.instagram.com/gola.design" target="_blank" class="nav-item w-inline-block"><div class="icon-1x1-small w-embed"><svg width="20" height="20" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.3333 8.07918C9.67029 8.07918 9.03441 8.34257 8.56557 8.81142C8.09672 9.28026 7.83333 9.91614 7.83333 10.5792C7.83333 11.2422 8.09672 11.8781 8.56557 12.3469C9.03441 12.8158 9.67029 13.0792 10.3333 13.0792C10.9964 13.0792 11.6323 12.8158 12.1011 12.3469C12.5699 11.8781 12.8333 11.2422 12.8333 10.5792C12.8333 9.91614 12.5699 9.28026 12.1011 8.81142C11.6323 8.34257 10.9964 8.07918 10.3333 8.07918ZM10.3333 6.41252C11.4384 6.41252 12.4982 6.8515 13.2796 7.6329C14.061 8.41431 14.5 9.47411 14.5 10.5792C14.5 11.6843 14.061 12.7441 13.2796 13.5255C12.4982 14.3069 11.4384 14.7458 10.3333 14.7458C9.22826 14.7458 8.16846 14.3069 7.38705 13.5255C6.60565 12.7441 6.16667 11.6843 6.16667 10.5792C6.16667 9.47411 6.60565 8.41431 7.38705 7.6329C8.16846 6.8515 9.22826 6.41252 10.3333 6.41252ZM15.75 6.20418C15.75 6.48045 15.6403 6.7454 15.4449 6.94075C15.2496 7.1361 14.9846 7.24585 14.7083 7.24585C14.4321 7.24585 14.1671 7.1361 13.9718 6.94075C13.7764 6.7454 13.6667 6.48045 13.6667 6.20418C13.6667 5.92792 13.7764 5.66296 13.9718 5.46761C14.1671 5.27226 14.4321 5.16252 14.7083 5.16252C14.9846 5.16252 15.2496 5.27226 15.4449 5.46761C15.6403 5.66296 15.75 5.92792 15.75 6.20418ZM10.3333 3.91252C8.27167 3.91252 7.935 3.91835 6.97583 3.96085C6.3225 3.99168 5.88417 4.07918 5.4775 4.23752C5.13718 4.36246 4.82951 4.56273 4.5775 4.82335C4.31667 5.07535 4.11613 5.383 3.99083 5.72335C3.8325 6.13168 3.745 6.56918 3.715 7.22168C3.67167 8.14168 3.66667 8.46335 3.66667 10.5792C3.66667 12.6408 3.6725 12.9775 3.715 13.9367C3.74583 14.5892 3.83333 15.0283 3.99083 15.4342C4.1325 15.7967 4.29917 16.0575 4.57583 16.3342C4.85667 16.6142 5.1175 16.7817 5.47583 16.92C5.8875 17.0792 6.32583 17.1675 6.97583 17.1975C7.89583 17.2408 8.2175 17.2458 10.3333 17.2458C12.395 17.2458 12.7317 17.24 13.6908 17.1975C14.3425 17.1667 14.7817 17.0792 15.1883 16.9217C15.5281 16.7961 15.8356 16.5962 16.0883 16.3367C16.3692 16.0559 16.5367 15.795 16.675 15.4367C16.8333 15.0258 16.9217 14.5867 16.9517 13.9367C16.995 13.0167 17 12.695 17 10.5792C17 8.51752 16.9942 8.18085 16.9517 7.22168C16.9208 6.57002 16.8333 6.13002 16.675 5.72335C16.5494 5.38335 16.3492 5.07582 16.0892 4.82335C15.8373 4.56239 15.5296 4.36182 15.1892 4.23668C14.7808 4.07835 14.3425 3.99085 13.6908 3.96085C12.7708 3.91752 12.4492 3.91252 10.3333 3.91252ZM10.3333 2.24585C12.5975 2.24585 12.88 2.25418 13.7683 2.29585C14.6558 2.33752 15.26 2.47668 15.7917 2.68335C16.3417 2.89502 16.805 3.18168 17.2683 3.64418C17.6921 4.06076 18.02 4.56467 18.2292 5.12085C18.435 5.65168 18.575 6.25668 18.6167 7.14418C18.6558 8.03252 18.6667 8.31502 18.6667 10.5792C18.6667 12.8433 18.6583 13.1258 18.6167 14.0142C18.575 14.9017 18.435 15.5058 18.2292 16.0375C18.0206 16.594 17.6926 17.098 17.2683 17.5142C16.8516 17.9378 16.3478 18.2656 15.7917 18.475C15.2608 18.6808 14.6558 18.8209 13.7683 18.8625C12.88 18.9017 12.5975 18.9125 10.3333 18.9125C8.06917 18.9125 7.78667 18.9042 6.89833 18.8625C6.01083 18.8209 5.40667 18.6808 4.875 18.475C4.3186 18.2662 3.81461 17.9383 3.39833 17.5142C2.97451 17.0977 2.64661 16.5937 2.4375 16.0375C2.23083 15.5067 2.09167 14.9017 2.05 14.0142C2.01083 13.1258 2 12.8433 2 10.5792C2 8.31502 2.00833 8.03252 2.05 7.14418C2.09167 6.25585 2.23083 5.65252 2.4375 5.12085C2.64603 4.56433 2.974 4.06028 3.39833 3.64418C3.81473 3.22021 4.31869 2.89229 4.875 2.68335C5.40667 2.47668 6.01 2.33752 6.89833 2.29585C7.78667 2.25668 8.06917 2.24585 10.3333 2.24585Z" fill="currentColor"/> </svg></div><div class="nav-item-inner"><div class="nav-item-text">Instagram</div><div class="nav-item-line"></div></div></a><a href="https://twitter.com/gola99" target="_blank" class="nav-item w-inline-block"><div class="icon-1x1-small w-embed"><svg width="20" height="20" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.8018 5.29237C18.1656 5.57379 17.4909 5.7586 16.8001 5.84071C17.5282 5.40523 18.0732 4.71989 18.3334 3.91237C17.6501 4.31904 16.9009 4.60404 16.1201 4.75821C15.5956 4.19702 14.9004 3.82484 14.1425 3.69953C13.3847 3.57421 12.6067 3.70278 11.9295 4.06525C11.2522 4.42772 10.7137 5.00378 10.3977 5.70387C10.0816 6.40396 10.0057 7.18886 10.1818 7.93654C8.79601 7.86709 7.44036 7.50698 6.20282 6.87959C4.96529 6.25221 3.87352 5.37158 2.99842 4.29487C2.68866 4.82692 2.52588 5.43173 2.52675 6.04737C2.52675 7.25571 3.14175 8.32321 4.07675 8.94821C3.52343 8.93079 2.98228 8.78136 2.49842 8.51237V8.55571C2.49858 9.36046 2.77706 10.1404 3.28662 10.7633C3.79619 11.3861 4.50549 11.8136 5.29425 11.9732C4.7806 12.1124 4.24201 12.1329 3.71925 12.0332C3.94164 12.7259 4.37509 13.3317 4.95891 13.7658C5.54273 14.1999 6.24769 14.4405 6.97508 14.454C6.25215 15.0218 5.4244 15.4415 4.53915 15.6892C3.6539 15.9368 2.72852 16.0076 1.81592 15.8974C3.409 16.9219 5.2635 17.4658 7.15758 17.464C13.5684 17.464 17.0743 12.1532 17.0743 7.54737C17.0743 7.39737 17.0701 7.24571 17.0634 7.09737C17.7458 6.60418 18.3348 5.99322 18.8026 5.29321L18.8018 5.29237Z" fill="currentColor"/> </svg></div><div class="nav-item-inner"><div class="nav-item-text">Twitter</div><div class="nav-item-line"></div></div></a><a href="https://www.linkedin.com/in/pawel-gola-386585142/" target="_blank" class="nav-item w-inline-block"><div class="icon-1x1-small w-embed"><svg width="20" height="20" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.6125 15.8616H13.3917V12.3808C13.3917 11.5508 13.375 10.4824 12.2334 10.4824C11.0759 10.4824 10.8992 11.3858 10.8992 12.3199V15.8616H8.67754V8.7041H10.8109V9.6791H10.84C11.1384 9.11743 11.8634 8.52327 12.9467 8.52327C15.1967 8.52327 15.6134 10.0049 15.6134 11.9324V15.8616H15.6125ZM6.16921 7.72493C5.99967 7.72515 5.83176 7.69191 5.67509 7.62711C5.51843 7.5623 5.3761 7.46722 5.25625 7.3473C5.13641 7.22738 5.04142 7.08498 4.97672 6.92828C4.91201 6.77157 4.87888 6.60364 4.87921 6.4341C4.87937 6.17896 4.95519 5.9296 5.09707 5.71756C5.23896 5.50551 5.44054 5.3403 5.67632 5.24281C5.9121 5.14533 6.17149 5.11995 6.42169 5.16988C6.67189 5.21982 6.90167 5.34283 7.08196 5.52336C7.26226 5.70388 7.38497 5.93382 7.43458 6.18409C7.4842 6.43435 7.45848 6.69371 7.36069 6.92937C7.2629 7.16502 7.09743 7.36638 6.8852 7.50799C6.67297 7.6496 6.42351 7.7251 6.16837 7.72493H6.16921ZM7.28254 15.8616H5.05504V8.7041H7.28337V15.8616H7.28254ZM16.725 3.0791H3.94087C3.32754 3.0791 2.83337 3.56243 2.83337 4.15993V16.9983C2.83337 17.5958 3.32837 18.0791 3.94004 18.0791H16.7217C17.3334 18.0791 17.8334 17.5958 17.8334 16.9983V4.15993C17.8334 3.56243 17.3334 3.0791 16.7217 3.0791H16.7242H16.725Z" fill="currentColor"/> </svg></div><div class="nav-item-inner"><div class="nav-item-text">LinkedIn</div><div class="nav-item-line"></div></div></a><a href="https://dribbble.com/pawelgola" target="_blank" class="nav-item w-inline-block"><div class="icon-1x1-small w-embed"><svg width="20" height="20" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.9908 10.2223C16.9225 8.91053 16.4663 7.64861 15.68 6.59644C15.4404 6.85446 15.1843 7.09664 14.9133 7.32144C14.0808 8.01298 13.1504 8.57743 12.1525 8.99644C12.2917 9.28811 12.4192 9.5706 12.5317 9.83727V9.83977C12.5634 9.91428 12.594 9.98929 12.6233 10.0648C13.885 9.92311 15.215 9.97477 16.5042 10.1489C16.6758 10.1723 16.8375 10.1973 16.9908 10.2223ZM9.17 4.01394C9.98211 5.15825 10.731 6.34614 11.4133 7.57227C12.4325 7.17061 13.275 6.66394 13.9533 6.09977C14.1888 5.90572 14.4104 5.69548 14.6167 5.47061C13.4175 4.46204 11.9003 3.91005 10.3333 3.91227C9.94336 3.91201 9.55411 3.94574 9.17 4.01311V4.01394ZM3.8775 8.90977C4.44519 8.89545 5.0122 8.86126 5.5775 8.80727C6.94387 8.68506 8.29856 8.45602 9.62917 8.12227C8.93376 6.91411 8.18296 5.7387 7.37917 4.59977C6.5206 5.0251 5.76355 5.63011 5.15937 6.37376C4.55519 7.11741 4.11802 7.9823 3.8775 8.90977ZM5.1525 14.7748C5.47583 14.3023 5.90083 13.7706 6.465 13.1923C7.67667 11.9506 9.10667 10.9839 10.7617 10.4506L10.8133 10.4356C10.6758 10.1323 10.5467 9.86144 10.4167 9.60644C8.88667 10.0523 7.275 10.3306 5.66917 10.4748C4.88583 10.5456 4.18333 10.5764 3.66667 10.5814C3.66519 12.1086 4.19024 13.5896 5.15333 14.7748H5.1525ZM12.8375 16.7581C12.5161 15.1375 12.0613 13.5462 11.4775 12.0006C9.80917 12.6064 8.48 13.4923 7.4525 14.5489C7.03784 14.9676 6.66985 15.43 6.355 15.9281C7.50401 16.7854 8.89973 17.2477 10.3333 17.2456C11.1916 17.2468 12.042 17.0819 12.8375 16.7598V16.7581ZM14.3983 15.8623C15.6994 14.8621 16.5857 13.417 16.8875 11.8039C16.6042 11.7331 16.245 11.6623 15.85 11.6073C14.9718 11.4808 14.0807 11.4716 13.2 11.5798C13.6959 12.9788 14.0962 14.4099 14.3983 15.8631V15.8623ZM10.3333 18.9123C5.73083 18.9123 2 15.1814 2 10.5789C2 5.97644 5.73083 2.24561 10.3333 2.24561C14.9358 2.24561 18.6667 5.97644 18.6667 10.5789C18.6667 15.1814 14.9358 18.9123 10.3333 18.9123Z" fill="currentColor"/> </svg></div><div class="nav-item-inner"><div class="nav-item-text">Dribbble</div><div class="nav-item-line"></div></div></a><a href="https://www.behance.net/pawelgola" target="_blank" class="nav-item w-inline-block"><div class="icon-1x1-small w-embed"><svg width="20" height="20" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.58342 9.74561C7.02544 9.74561 7.44937 9.57001 7.76193 9.25745C8.07449 8.94489 8.25008 8.52097 8.25008 8.07894C8.25008 7.63691 8.07449 7.21299 7.76193 6.90043C7.44937 6.58787 7.02544 6.41227 6.58342 6.41227H2.83341V9.74561H6.58342ZM7.41675 11.4123H2.83341V14.7456H7.41675C7.85878 14.7456 8.2827 14.57 8.59526 14.2574C8.90782 13.9449 9.08342 13.521 9.08342 13.0789C9.08342 12.6369 8.90782 12.213 8.59526 11.9004C8.2827 11.5879 7.85878 11.4123 7.41675 11.4123ZM9.13591 10.2223C9.76052 10.5979 10.2448 11.1678 10.5147 11.8448C10.7845 12.5219 10.825 13.2687 10.63 13.971C10.4349 14.6732 10.0151 15.2922 9.43476 15.7331C8.85443 16.174 8.14558 16.4126 7.41675 16.4123H1.16675V4.74561H6.58342C7.21798 4.74568 7.83933 4.92688 8.37447 5.26791C8.9096 5.60895 9.33627 6.09564 9.60433 6.67081C9.8724 7.24597 9.97072 7.8857 9.88774 8.51481C9.80476 9.14392 9.54394 9.73628 9.13591 10.2223ZM13.2501 5.57894H17.8334V6.82894H13.2501V5.57894ZM19.5001 12.6623H13.2501V12.8706C13.2499 13.3854 13.423 13.8852 13.7416 14.2896C14.0602 14.694 14.5056 14.9793 15.0061 15.0996C15.5066 15.2199 16.0331 15.1682 16.5007 14.9528C16.9682 14.7374 17.3496 14.3709 17.5834 13.9123H19.3617C19.1079 14.8358 18.5278 15.6361 17.7291 16.1647C16.9304 16.6934 15.9671 16.9147 15.0178 16.7875C14.0684 16.6604 13.1973 16.1935 12.5659 15.4733C11.9344 14.7531 11.5854 13.8284 11.5834 12.8706V11.6206C11.5834 10.5708 12.0005 9.56397 12.7428 8.82164C13.4851 8.07931 14.4919 7.66227 15.5417 7.66227C16.5916 7.66227 17.5984 8.07931 18.3407 8.82164C19.083 9.56397 19.5001 10.5708 19.5001 11.6206V12.6623ZM17.7467 10.9956C17.6103 10.516 17.3212 10.094 16.9233 9.79349C16.5254 9.49299 16.0404 9.33043 15.5417 9.33043C15.0431 9.33043 14.5581 9.49299 14.1602 9.79349C13.7623 10.094 13.4732 10.516 13.3367 10.9956H17.7467Z" fill="currentColor"/> </svg></div><div class="nav-item-inner"><div class="nav-item-text">Behance</div><div class="nav-item-line"></div></div></a><a href="https://www.pinterest.de/gola_design/" target="_blank" class="nav-item w-inline-block"><div class="icon-1x1-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M13.3717 2.09442C8.42512 1.41268 3.73383 4.48505 2.38064 9.29256C1.02745 14.1001 3.42711 19.1692 8.00271 21.1689C7.94264 20.4008 7.99735 19.628 8.16502 18.8761C8.34964 18.0374 9.46121 13.4132 9.46121 13.4132C9.23971 12.9173 9.12893 12.379 9.13659 11.8359C9.13659 10.3509 9.99353 9.24295 11.0597 9.24295C11.4472 9.23718 11.8181 9.40028 12.0758 9.68981C12.3335 9.97934 12.4526 10.3667 12.402 10.751C12.402 11.6512 11.8236 13.0131 11.5228 14.2903C11.4014 14.7656 11.5131 15.2703 11.8237 15.65C12.1343 16.0296 12.6069 16.2389 13.0967 16.2139C14.9944 16.2139 16.2675 13.7825 16.2675 10.9126C16.2675 8.71205 14.8098 7.0655 12.1243 7.0655C10.826 7.01531 9.56388 7.4996 8.63223 8.40543C7.70057 9.31126 7.18084 10.5595 7.19423 11.859C7.16563 12.5722 7.39566 13.2717 7.84194 13.8287C8.01361 13.9564 8.07985 14.1825 8.00425 14.3827C7.9581 14.5673 7.84194 15.0059 7.79578 15.1675C7.77632 15.278 7.70559 15.3728 7.60516 15.4228C7.50473 15.4729 7.38651 15.4724 7.28654 15.4214C5.9019 14.8674 5.24957 13.3439 5.24957 11.6051C5.24957 8.75822 7.63424 5.3497 12.4036 5.3497C16.1998 5.3497 18.723 8.1273 18.723 11.0972C18.723 15.0059 16.5468 17.9451 13.3298 17.9451C12.3526 17.9761 11.4273 17.5061 10.8759 16.6986C10.8759 16.6986 10.2974 19.0146 10.1835 19.4531C9.95101 20.2099 9.60779 20.9281 9.16505 21.5844C10.0877 21.8643 11.0471 22.0044 12.0113 22C14.6636 22.0017 17.2078 20.9484 19.0829 19.072C20.958 17.1957 22.0099 14.6504 22.0069 11.9975C22.004 7.00306 18.3183 2.77616 13.3717 2.09442Z"></path></svg></div><div class="nav-item-inner"><div class="nav-item-text">Pinterest</div><div class="nav-item-line"></div></div></a></div></div><div id="w-node-_63b4b033-7568-c715-08aa-aff88de788c9-3fc48d54" class="footer-column"><div class="margin-bottom margin-medium"><h3 class="heading-h5">Latest Webflow Templates</h3></div><div class="w-dyn-list"><div role="list" class="footer-templates-latest-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/template/hanssen" class="footer-templates-latest-item w-inline-block"><img alt="Kajo - Portfolio Webflow Template & Framer Template" loading="lazy" width="90" src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/670e24101dc0fb4e0265c856_kajo-free-website-template-thumbnail.webp" class="footer-templates-latest-image"/><div><div>Hanssen</div><div class="text-size-small text-color-muted">Portfolio & Agency</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/template/kajo" class="footer-templates-latest-item w-inline-block"><img alt="Kajo - Portfolio Webflow Template & Framer Template" loading="lazy" width="90" src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/670e24101dc0fb4e0265c856_kajo-free-website-template-thumbnail.webp" class="footer-templates-latest-image"/><div><div>Kajo</div><div class="text-size-small text-color-muted">Portfolio & Agency</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/template/conto" class="footer-templates-latest-item w-inline-block"><img alt="Conto - Startup & SaaS Webflow Template & Framer Template" loading="lazy" width="90" src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/66f26794a2f3562e0d5a3e50_conto-saas-website-template--thumbnail.webp" class="footer-templates-latest-image"/><div><div>Conto</div><div class="text-size-small text-color-muted">Startup & SaaS</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/template/ayano" class="footer-templates-latest-item w-inline-block"><img alt="Ayano - Architecture Webflow Template & Framer Template" loading="lazy" width="90" src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/66bda5272c8bd2420e8d1e80_ayano-architecture-website-template-thumbnail.webp" class="footer-templates-latest-image"/><div><div>Ayano</div><div class="text-size-small text-color-muted">Architecture</div></div></a></div></div></div></div><div id="w-node-f164b04e-b288-7871-67fa-4f5f4d625652-3fc48d54" class="footer-column"><div class="margin-bottom margin-medium"><h3 class="heading-h5">Latest Framer Templates</h3></div><div class="w-dyn-list"><div role="list" class="footer-templates-latest-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/template/hanssen" class="footer-templates-latest-item w-inline-block"><img alt="Kajo - Portfolio Webflow Template & Framer Template" loading="lazy" width="90" src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/670e24101dc0fb4e0265c856_kajo-free-website-template-thumbnail.webp" class="footer-templates-latest-image"/><div><div>Hanssen</div><div class="text-size-small text-color-muted">Portfolio & Agency</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/template/kajo" class="footer-templates-latest-item w-inline-block"><img alt="Kajo - Portfolio Webflow Template & Framer Template" loading="lazy" width="90" src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/670e24101dc0fb4e0265c856_kajo-free-website-template-thumbnail.webp" class="footer-templates-latest-image"/><div><div>Kajo</div><div class="text-size-small text-color-muted">Portfolio & Agency</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/template/conto" class="footer-templates-latest-item w-inline-block"><img alt="Conto - Startup & SaaS Webflow Template & Framer Template" loading="lazy" width="90" src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/66f26794a2f3562e0d5a3e50_conto-saas-website-template--thumbnail.webp" class="footer-templates-latest-image"/><div><div>Conto</div><div class="text-size-small text-color-muted">Startup & SaaS</div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/template/ayano" class="footer-templates-latest-item w-inline-block"><img alt="Ayano - Architecture Webflow Template & Framer Template" loading="lazy" width="90" src="https://cdn.prod.website-files.com/639e3a353adcb618f4be6835/66bda5272c8bd2420e8d1e80_ayano-architecture-website-template-thumbnail.webp" class="footer-templates-latest-image"/><div><div>Ayano</div><div class="text-size-small text-color-muted">Architecture</div></div></a></div></div></div></div></div></div></div></div><div class="page-padding"><div class="container-xlarge"><div class="line"></div><div class="footer-bottom"><div class="text-size-small">漏 Made by <a href="https://gola.io" target="_blank" class="text-style-link">Pawel Gola</a>. All rights reserved.</div><div class="subnav"><a href="https://gola.io/datenschutz.html" target="_blank" class="subnav-item w-inline-block"><div class="subnav-item-text">Privacy</div><div class="subnav-item-line inverse"></div></a><a href="https://gola.io/impressum.html" target="_blank" class="subnav-item w-inline-block"><div class="subnav-item-text">Imprint</div><div class="subnav-item-line inverse"></div></a></div></div></div></div></div></div><div class="cookie-banner"><div fs-cc="banner" class="fs-cc-banner"><div class="fs-cc-banner2_container"><div class="margin-bottom margin-small"><h3 class="heading-h5">This website uses cookies</h3></div><div class="fs-cc-banner2_text">We use cookies on our website. Some of them are essential, while others help us improve this website and your experience.</div><div class="fs-cc-banner2_buttons-wrapper"><a fs-cc="allow" href="#" class="fs-cc-banner2_button w-button">Accept</a><a fs-cc="open-preferences" href="#" class="fs-cc-banner2_button fs-cc-button-alt w-button">Change Settings</a></div></div></div><div fs-cc="manager" class="fs-cc-manager"><div fs-cc="open-preferences" role="button" tabindex="0" title="Cookie Preferences" aria-label="Cookie Preferences" class="fs-cc-manager-button w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="20" width="20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20 6.88003C19.2606 6.87942 18.5361 6.67265 17.9077 6.28296C17.2794 5.89327 16.7721 5.3361 16.443 4.67403C16.4134 4.61512 16.3725 4.56264 16.3225 4.51961C16.2726 4.47659 16.2146 4.44386 16.152 4.42332C16.0893 4.40278 16.0232 4.39483 15.9575 4.39993C15.8918 4.40503 15.8277 4.42307 15.769 4.45303C15.2216 4.73373 14.6152 4.8801 14 4.88003C12.9391 4.88003 11.9217 4.4586 11.1716 3.70845C10.4214 2.95831 10 1.94089 10 0.880027C10.0001 0.841348 9.9915 0.803141 9.97493 0.76819C9.95836 0.733239 9.9342 0.702426 9.90422 0.677995C9.87423 0.653564 9.83917 0.636132 9.80159 0.626969C9.76401 0.617806 9.72486 0.617142 9.687 0.625027C7.55563 1.06265 5.59215 2.09595 4.02459 3.60492C2.45703 5.11389 1.34971 7.03661 0.83125 9.14976C0.312787 11.2629 0.404449 13.4798 1.09559 15.5429C1.78673 17.6061 3.049 19.4308 4.73578 20.8052C6.42256 22.1796 8.46464 23.0473 10.6249 23.3075C12.7851 23.5677 14.9748 23.2097 16.9397 22.2751C18.9045 21.3405 20.564 19.8676 21.7252 18.0276C22.8865 16.1876 23.5019 14.0559 23.5 11.88C23.5003 10.0984 23.0814 8.34172 22.277 6.75203C22.2189 6.63659 22.1183 6.54816 21.9963 6.50528C21.8744 6.4624 21.7406 6.4684 21.623 6.52203C21.1142 6.75728 20.5605 6.87942 20 6.88003V6.88003Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 10.88C9.10457 10.88 10 9.98457 10 8.88C10 7.77544 9.10457 6.88 8 6.88C6.89543 6.88 6 7.77544 6 8.88C6 9.98457 6.89543 10.88 8 10.88Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15 14.88C15.5523 14.88 16 14.4323 16 13.88C16 13.3277 15.5523 12.88 15 12.88C14.4477 12.88 14 13.3277 14 13.88C14 14.4323 14.4477 14.88 15 14.88Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9 18.88C10.1046 18.88 11 17.9846 11 16.88C11 15.7754 10.1046 14.88 9 14.88C7.89543 14.88 7 15.7754 7 16.88C7 17.9846 7.89543 18.88 9 18.88Z"></path><path stroke="currentColor" d="M4 13.13C3.86193 13.13 3.75 13.0181 3.75 12.88C3.75 12.7419 3.86193 12.63 4 12.63"></path><path stroke="currentColor" d="M4 13.13C4.13807 13.13 4.25 13.0181 4.25 12.88C4.25 12.7419 4.13807 12.63 4 12.63"></path><path stroke="currentColor" d="M16 10.13C15.8619 10.13 15.75 10.0181 15.75 9.88C15.75 9.74193 15.8619 9.63 16 9.63"></path><path stroke="currentColor" d="M16 10.13C16.1381 10.13 16.25 10.0181 16.25 9.88C16.25 9.74193 16.1381 9.63 16 9.63"></path><g><path stroke="currentColor" d="M15 19.13C14.8619 19.13 14.75 19.0181 14.75 18.88C14.75 18.7419 14.8619 18.63 15 18.63"></path><path stroke="currentColor" d="M15 19.13C15.1381 19.13 15.25 19.0181 15.25 18.88C15.25 18.7419 15.1381 18.63 15 18.63"></path></g></svg></div></div><div fs-cc-scroll="disable" fs-cc="preferences" class="fs-cc-prefs"><div class="fs-cc-prefs2_form-wrapper w-form"><form id="cookie-preferences" name="wf-form-Cookie-Preferences" data-name="Cookie Preferences" method="get" class="fs-cc-prefs2_form" data-wf-page-id="639e3a353adcb645c5be682c" data-wf-element-id="2abb8123-2ede-8325-e5e4-d83a02093d09"><div fs-cc="close" class="fs-cc-prefs2_close"><div class="fs-cc-preferences2_close-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg></div></div><div class="fs-cc-prefs2_content"><div class="fs-cc-prefs2_space-small"><div class="fs-cc-prefs2_title">Privacy Settings</div></div><div class="fs-cc-prefs2_option"><div class="fs-cc-prefs2_toggle-wrapper-2"><div class="fs-cc-prefs2_label">Essential</div><div class="text-size-small">Required</div></div></div><div class="fs-cc-prefs2_option hide"><div class="fs-cc-prefs2_toggle-wrapper-2"><div class="fs-cc-prefs2_label">Marketing cookies</div><label class="w-checkbox fs-cc-prefs2_checkbox-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom fs-cc-prefs2_checkbox-2"></div><input type="checkbox" id="marketing-2" name="marketing-2" data-name="Marketing 2" fs-cc-checkbox="marketing" style="opacity:0;position:absolute;z-index:-1"/><span for="marketing-2" class="fs-cc-prefs2_checkbox-label w-form-label">Essential</span></label></div></div><div class="fs-cc-prefs2_option hide"><div class="fs-cc-prefs2_toggle-wrapper-2"><div class="fs-cc-prefs2_label">Personalization cookies</div><label class="w-checkbox fs-cc-prefs2_checkbox-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom fs-cc-prefs2_checkbox-2"></div><input type="checkbox" id="personalization-2" name="personalization-2" data-name="Personalization 2" fs-cc-checkbox="personalization" style="opacity:0;position:absolute;z-index:-1"/><span for="personalization-2" class="fs-cc-prefs2_checkbox-label w-form-label">Essential</span></label></div></div><div class="fs-cc-prefs2_option"><div class="fs-cc-prefs2_toggle-wrapper-2"><div class="fs-cc-prefs2_label">Analytics</div><label class="w-checkbox fs-cc-prefs2_checkbox-field"><div class="w-checkbox-input w-checkbox-input--inputType-custom fs-cc-prefs2_checkbox-2"></div><input type="checkbox" id="analytics-2" name="analytics-2" data-name="Analytics 2" fs-cc-checkbox="analytics" style="opacity:0;position:absolute;z-index:-1"/><span for="analytics-2" class="fs-cc-prefs2_checkbox-label w-form-label">Essential</span></label></div><p class="text-size-tiny text-color-muted">Accepting this setting authorizes the loading of Google Analytics.<br/></p></div><div class="fs-cc-prefs2_buttons-wrapper"><a fs-cc="deny" href="#" class="fs-cc-prefs2_button-2 fs-cc-button-alt w-button">Deny All</a><a fs-cc="allow" href="#" class="fs-cc-prefs2_button-2 w-button">Accept All</a><a fs-cc="submit" href="#" class="fs-cc-prefs2_submit w-button">Save</a></div></div></form><div class="w-form-done"></div><div class="w-form-fail"></div><div fs-cc="close" class="fs-cc-prefs2_overlay"></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=639e3a353adcb6fb6ebe6825" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/639e3a353adcb6fb6ebe6825/js/gola-templates.ce82660bb.js" type="text/javascript"></script><script> (function () { var currentdate = new Date(); var datetime = "Last Sync: " + currentdate.getDate() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getFullYear() + " @ " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); console.log(datetime); var deadline = '2024/12/02 23:59'; function pad(num, size) { var s = "0" + num; return s.substr(s.length - size); } // fixes "Date.parse(date)" on safari function parseDate(date) { const parsed = Date.parse(date); if (!isNaN(parsed)) return parsed return Date.parse(date.replace(/-/g, '/').replace(/[a-z]+/gi, ' ')); } function getTimeRemaining(endtime) { let total = parseDate(endtime) - Date.parse(new Date()) let seconds = Math.floor((total / 1000) % 60) let minutes = Math.floor((total / 1000 / 60) % 60) let hours = Math.floor((total / (1000 * 60 * 60)) % 24) let days = Math.floor(total / (1000 * 60 * 60 * 24)) return { total, days, hours, minutes, seconds }; } function clock(id, endtime) { let days = document.getElementById(id + '-days') let hours = document.getElementById(id + '-hours') let minutes = document.getElementById(id + '-minutes') let seconds = document.getElementById(id + '-seconds') var timeinterval = setInterval(function () { var time = getTimeRemaining(endtime); if (time.total <= 0) { clearInterval(timeinterval); } else { days.innerHTML = pad(time.days, 2); hours.innerHTML = pad(time.hours, 2); minutes.innerHTML = pad(time.minutes, 2); seconds.innerHTML = pad(time.seconds, 2); } }, 1000); } clock('js-clock', deadline); })(); </script> </body></html>