CINXE.COM

<!doctype html> <html lang="en"> <head> <link rel="canonical" href="https://themesberg.com/blog"> <title>Web Development & Design Blog by Themesberg</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="The official Themesberg Blog. We help you with tips and resources about web development and web design using popular CSS frameworks such as Bootstrap or Tailwind CSS."> <meta name="author" content="Themesberg"> <meta name="csrf-token" content="L2eSFasOgI96bnE9Pfs9vp9vpAn0HanIGxUNzAu7"> <meta name="image" content="https://themesberg.com/img/thumbnail.jpg"> <meta itemprop="name" content="Web Development & Design Blog by Themesberg"> <meta itemprop="description" content="The official Themesberg Blog. We help you with tips and resources about web development and web design using popular CSS frameworks such as Bootstrap or Tailwind CSS."> <meta itemprop="image" content="https://themesberg.com/img/thumbnail.jpg"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Web Development & Design Blog by Themesberg"> <meta name="twitter:description" content="The official Themesberg Blog. We help you with tips and resources about web development and web design using popular CSS frameworks such as Bootstrap or Tailwind CSS."> <meta name="twitter:site" content="@themesberg"> <meta name="twitter:creator" content="@themesberg"> <meta name="twitter:image:src" content="https://themesberg.com/img/thumbnail.jpg"> <meta name="og:title" content="Web Development & Design Blog by Themesberg"> <meta name="og:description" content="The official Themesberg Blog. We help you with tips and resources about web development and web design using popular CSS frameworks such as Bootstrap or Tailwind CSS."> <meta name="og:url" content="https://themesberg.com/blog"> <meta name="og:site_name" content="Themesberg"> <meta name="fb:admins" content="214738555737136"> <meta name="og:type" content="website"> <link rel="apple-touch-icon" sizes="180x180" href="https://themesberg.com/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://themesberg.com/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://themesberg.com/favicon-16x16.png"> <link rel="manifest" href="https://themesberg.com/site.webmanifest"> <link rel="mask-icon" href="https://themesberg.com/safari-pinned-tab.svg" color="#ff7f66"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" /> <link type="text/css" href="https://themesberg.com/css/themesberg.css" rel="stylesheet"> <script src="https://cdn.usefathom.com/script.js" data-site="ZLGNUJDJ" defer></script> </head> <body> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THQTXJ7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <header> <nav class="navbar navbar-main navbar-expand-lg navbar-light " > <div class="container"> <a class="navbar-brand mr-lg-4" href="https://themesberg.com"> <div class="d-flex align-items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 64"><defs><style>.class-1{fill:#ff7f66;}.class-2,.class-4{fill:#2a344f;}.class-2{opacity:0.32;isolation:isolate;}.class-3{opacity:0.16;}</style></defs><title>logo</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="Group_16" data-name="Group 16"><g id="Group_15" data-name="Group 15"><g id="Group_12" data-name="Group 12"><path id="Path_35" data-name="Path 35" class="class-1" d="M53.52,1.87l-22,5.39a1.61,1.61,0,0,1-1.23-.21L19.89.25a1.57,1.57,0,0,0-1.3-.19l-18,5.3A.77.77,0,0,0,0,6.09V16.87L18.59,11.4a1.57,1.57,0,0,1,1.3.19l10.4,6.79a1.53,1.53,0,0,0,1.23.21L54,13.09V2.23a.39.39,0,0,0-.39-.38Z"/><path id="Path_36" data-name="Path 36" class="class-1" d="M40.25,27.84l-8.73,2.1a1.57,1.57,0,0,1-1.23-.21l-10.4-6.8a.37.37,0,0,0-.53.11.31.31,0,0,0-.07.2V33.47a.75.75,0,0,0,.34.63l10.66,7a1.57,1.57,0,0,0,1.23.2l9.23-2.21A6.86,6.86,0,0,0,46,32.45v-.21a4.62,4.62,0,0,0-4.68-4.55A4.93,4.93,0,0,0,40.25,27.84Z"/><path id="Path_37" data-name="Path 37" class="class-1" d="M40.25,50.52l-8.73,2.1a1.61,1.61,0,0,1-1.23-.21l-10.4-6.8a.38.38,0,0,0-.53.1.35.35,0,0,0-.07.21V56.15a.75.75,0,0,0,.34.63l10.66,7a1.53,1.53,0,0,0,1.23.21l9.23-2.22A6.84,6.84,0,0,0,46,55.13v-.21a4.62,4.62,0,0,0-4.68-4.55A4.39,4.39,0,0,0,40.25,50.52Z"/></g><path id="Path_38" data-name="Path 38" class="class-2" d="M30.86,41.29V30a1.63,1.63,0,0,0,.66,0L35.28,29l2.2,10.8-6,1.46A1.47,1.47,0,0,1,30.86,41.29Zm8.82,9.33-8.16,2a1.63,1.63,0,0,1-.66,0V64a1.63,1.63,0,0,0,.66,0l10.36-2.54Zm-8.82-32a1.63,1.63,0,0,0,.66,0l1.57-.38L30.86,7.28Z"/><g id="Group_13" data-name="Group 13" class="class-3"><path id="Path_39" data-name="Path 39" class="class-4" d="M19.29,11.36a1.82,1.82,0,0,1,.6.23l10.4,6.8a1.41,1.41,0,0,0,.57.22V7.27a1.41,1.41,0,0,1-.57-.22L19.89.25a1.82,1.82,0,0,0-.6-.23Z"/><path id="Path_40" data-name="Path 40" class="class-4" d="M30.86,52.64a1.67,1.67,0,0,1-.57-.23l-10.4-6.8a.39.39,0,0,0-.54.11.36.36,0,0,0-.06.2V56.15a.75.75,0,0,0,.34.63l10.66,7a1.73,1.73,0,0,0,.57.22Z"/><path id="Path_41" data-name="Path 41" class="class-4" d="M19.89,22.93a.39.39,0,0,0-.54.11.36.36,0,0,0-.06.2V33.47a.75.75,0,0,0,.34.63l10.66,7a1.58,1.58,0,0,0,.57.22V30a1.43,1.43,0,0,1-.57-.23Z"/></g></g></g></g></g></svg> <p class="ml-2 mb-0 logo-text ">Themesberg</p> </div> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse pt-3 pt-lg-0" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a href="https://themesberg.com/themes" class="nav-link">Themes</a> </li> <li class="nav-item"> <a href="https://themesberg.com/blog" class="nav-link">Blog</a> </li> <li class="nav-item"> <a href="https://themesberg.com/contact" class="nav-link">Contact</a> </li> </ul> <div class="d-flex align-items-center"> <div class="d-flex align-items-center"> <a href="https://themesberg.com/login" class="btn btn-sm btn-outline-primary mt-2 mt-lg-0" data-toggle="tooltip" data-placement="bottom" title="Join 102625 developers to access Free Themes"> <i class="fad fa-sign-in-alt mr-2"></i>Login/Register </a> </div> </div> </div> </div> </nav> </header> <main> <div class="section section-sm pt-3 pt-lg-5 pb-7"> <div class="container"> <div class="row justify-content-center"> <article class="col-12 col-lg-8"> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="Apr 05 2022">3 years ago</time> <span>in <a href="https://themesberg.com/blog/wordpress" style="color: #0073aa !important">WordPress</a></span> </div> <a href="https://themesberg.com/blog/wordpress/gutenberg-tutorial"> <h2 class="h2 mt-0 mt-md-2 mb-0">WordPress Gutenberg Tutorial - Learn how to get started with custom blocks using the Bergify theme</h2> </a> <a href="https://themesberg.com/blog/wordpress/gutenberg-tutorial" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/posts/wordpress/wordpress-gutenberg-editor.jpg" class="blog-img card-img-top lazy" alt="WordPress Gutenberg Tutorial - Learn how to get started with custom blocks using the Bergify theme Preview"> </a> <p class="mb-0 mb-lg-4">Learn more about the official and open source site builder from WordPress called Gutenberg with our free Bergify theme.</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/wordpress/gutenberg-tutorial#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="Nov 26 2021">3 years ago</time> <span>in <a href="https://themesberg.com/blog/deals" style="color: #000000 !important">Deals</a></span> </div> <a href="https://themesberg.com/blog/deals/black-friday-2021"> <h2 class="h2 mt-0 mt-md-2 mb-0">Black Friday 2021 - Top 10 Software Deals for Web Developers and Designer</h2> </a> <a href="https://themesberg.com/blog/deals/black-friday-2021" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/posts/black-friday-2021/black-friday-deals.jpg" class="blog-img card-img-top lazy" alt="Black Friday 2021 - Top 10 Software Deals for Web Developers and Designer Preview"> </a> <p class="mb-0 mb-lg-4">Read more about this year's best Black Friday software deals for web developers and designers</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/deals/black-friday-2021#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="Aug 27 2021">3 years ago</time> <span>in <a href="https://themesberg.com/blog/laravel" style="color: #fb503b !important">Laravel</a></span> </div> <a href="https://themesberg.com/blog/laravel/dashboard-tutorial"> <h2 class="h2 mt-0 mt-md-2 mb-0">Laravel Dashboard Tutorial - Create a new page and list the users from the database using Livewire</h2> </a> <a href="https://themesberg.com/blog/laravel/dashboard-tutorial" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/posts/laravel/dashboard-tutorial/laravel-dashboard-tutorial.jpg" class="blog-img card-img-top lazy" alt="Laravel Dashboard Tutorial - Create a new page and list the users from the database using Livewire Preview"> </a> <p class="mb-0 mb-lg-4">Learn how to create a new page using Laravel with an open-source admin dashboard interface project using Bootstrap 5 and Livewire.</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/laravel/dashboard-tutorial#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="Aug 06 2021">3 years ago</time> <span>in <a href="https://themesberg.com/blog/laravel" style="color: #fb503b !important">Laravel</a></span> </div> <a href="https://themesberg.com/blog/laravel/themes-and-templates"> <h2 class="h2 mt-0 mt-md-2 mb-0">Top 20 Laravel Themes and Templates for your next project</h2> </a> <a href="https://themesberg.com/blog/laravel/themes-and-templates" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/blog/laravel/themes-and-templates-2021/top-20-laravel-themes.png" class="blog-img card-img-top lazy" alt="Top 20 Laravel Themes and Templates for your next project Preview"> </a> <p class="mb-0 mb-lg-4">Read more the top 20 Laravel themes and templates that we've been searching for all over the internet.</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/laravel/themes-and-templates#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="May 25 2021">3 years ago</time> <span>in <a href="https://themesberg.com/blog/figma" style="color: #f24f1e !important">Figma</a></span> </div> <a href="https://themesberg.com/blog/figma/design-kit-tailwind-css"> <h2 class="h2 mt-0 mt-md-2 mb-0">Introducing FlowBite: a figma design kit built for integration with Tailwind CSS</h2> </a> <a href="https://themesberg.com/blog/figma/design-kit-tailwind-css" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/posts/tailwind-figma/og-image.png" class="blog-img card-img-top lazy" alt="Introducing FlowBite: a figma design kit built for integration with Tailwind CSS Preview"> </a> <p class="mb-0 mb-lg-4">Figma design kit built for integration with Tailwind CSS featuring 27 hand-crafted pages, Figma variants, auto-layout, responsive pages, and many more.</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/figma/design-kit-tailwind-css#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="Apr 20 2021">3 years ago</time> <span>in <a href="https://themesberg.com/blog/marketplace" style="color: #EA755E !important">Marketplace</a></span> </div> <a href="https://themesberg.com/blog/marketplace/bootstrap-sponsorship-glassmorphism-ui-and-new-figma-project"> <h2 class="h2 mt-0 mt-md-2 mb-0">Marketplace update: sponsoring Bootstrap, progress on Glassmorphism UI, and a new Figma project</h2> </a> <a href="https://themesberg.com/blog/marketplace/bootstrap-sponsorship-glassmorphism-ui-and-new-figma-project" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/posts/marketplace-updates/update-1/marketplace-update.jpg" class="blog-img card-img-top lazy" alt="Marketplace update: sponsoring Bootstrap, progress on Glassmorphism UI, and a new Figma project Preview"> </a> <p class="mb-0 mb-lg-4">Read this new marketplace update to learn what we've been doing the past few weeks and what new projects we will launch</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/marketplace/bootstrap-sponsorship-glassmorphism-ui-and-new-figma-project#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="Apr 19 2021">3 years ago</time> <span>in <a href="https://themesberg.com/blog/glassmorphism" style="color: #4d4ae8 !important">Glassmorphism</a></span> </div> <a href="https://themesberg.com/blog/glassmorphism/icons-and-tech-stack"> <h2 class="h2 mt-0 mt-md-2 mb-0">Glassmorphism UI Update #2: tech stack, SVG icons, and a couple of new components</h2> </a> <a href="https://themesberg.com/blog/glassmorphism/icons-and-tech-stack" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/posts/glassmorphism/update-1/glassmorphism.png" class="blog-img card-img-top lazy" alt="Glassmorphism UI Update #2: tech stack, SVG icons, and a couple of new components Preview"> </a> <p class="mb-0 mb-lg-4">Read about our progress for the new glassmorphism based CSS UI library</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/glassmorphism/icons-and-tech-stack#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="Apr 18 2021">3 years ago</time> <span>in <a href="https://themesberg.com/blog/glassmorphism" style="color: #4d4ae8 !important">Glassmorphism</a></span> </div> <a href="https://themesberg.com/blog/glassmorphism/css-library-forking-bootstrap-5"> <h2 class="h2 mt-0 mt-md-2 mb-0">Glassmorphism UI Update #1: We have forked Bootstrap 5 and started working on the components</h2> </a> <a href="https://themesberg.com/blog/glassmorphism/css-library-forking-bootstrap-5" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/posts/glassmorphism/update-1/glassmorphism.png" class="blog-img card-img-top lazy" alt="Glassmorphism UI Update #1: We have forked Bootstrap 5 and started working on the components Preview"> </a> <p class="mb-0 mb-lg-4">Read more about our progress with the new CSS UI library using glassmorphism as the newest design trend.</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/glassmorphism/css-library-forking-bootstrap-5#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="Apr 01 2021">4 years ago</time> <span>in <a href="https://themesberg.com/blog/django" style="color: #0C4B33 !important">Django</a></span> </div> <a href="https://themesberg.com/blog/django/user-profile-tutorial"> <h2 class="h2 mt-0 mt-md-2 mb-0">Django User Profile - Learn to code in Django</h2> </a> <a href="https://themesberg.com/blog/django/user-profile-tutorial" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/posts/django-edit-profile/django-edit-profile.png" class="blog-img card-img-top lazy" alt="Django User Profile - Learn to code in Django Preview"> </a> <p class="mb-0 mb-lg-4">Learn how to code a profile page outside of the Django Admin Module - Free Sample Included</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/django/user-profile-tutorial#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <section class="blog-card mb-4 mb-lg-5"> <div class="card shadow-sm border-light px-0 py-3 p-md-4"> <div class="card-body py-2"> <div class="font-small mb-3"> <span>By</span> <a href="https://twitter.com/zoltanszogyenyi" target="_blank" rel="author" class="text-dark"> <address class="mb-0 d-inline mr-1"><span class="font-weight-medium">Zoltán Szőgyényi</span></address> </a> <time class="d-inline" pubdate datetime="Mar 24 2021">4 years ago</time> <span>in <a href="https://themesberg.com/blog/glassmorphism" style="color: #4d4ae8 !important">Glassmorphism</a></span> </div> <a href="https://themesberg.com/blog/glassmorphism/tutorial"> <h2 class="h2 mt-0 mt-md-2 mb-0">Glassmorphism tutorial - learn how to implement the new design trend using only HTML and CSS</h2> </a> <a href="https://themesberg.com/blog/glassmorphism/tutorial" class="d-block mb-0 mb-lg-2 mt-1"> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/posts/glassmorphism/tutorial/glassmorphism-tutorial.png" class="blog-img card-img-top lazy" alt="Glassmorphism tutorial - learn how to implement the new design trend using only HTML and CSS Preview"> </a> <p class="mb-0 mb-lg-4">Follow through this tutorial about glassmorphism to learn how to implement the new design trend using only HTML and CSS.</p> </div> <div class="card-footer mx-4 px-0 pt-0 mt-3 mt-lg-0"> <div class="d-flex align-items-center justify-content-between"> <div class="post-meta"> <i class="fad fa-comments mr-2 text-dark"></i> <a class="text-dark" href="https://themesberg.com/blog/glassmorphism/tutorial#disqus_thread"> Post a comment </a> </div> </div> </div> </div> </section> <div class="d-flex justify-content-center"> <nav> <ul class="pagination"> <li class="page-item disabled" aria-disabled="true" aria-label="« Previous"> <span class="page-link" aria-hidden="true">&lsaquo;</span> </li> <li class="page-item active" aria-current="page"><span class="page-link">1</span></li> <li class="page-item"><a class="page-link" href="https://themesberg.com/blog?page=2">2</a></li> <li class="page-item"><a class="page-link" href="https://themesberg.com/blog?page=3">3</a></li> <li class="page-item"><a class="page-link" href="https://themesberg.com/blog?page=4">4</a></li> <li class="page-item"><a class="page-link" href="https://themesberg.com/blog?page=5">5</a></li> <li class="page-item"> <a class="page-link" href="https://themesberg.com/blog?page=2" rel="next" aria-label="Next »">&rsaquo;</a> </li> </ul> </nav> </div> </article> <aside class="col-12 col-lg-4 mt-3 mt-lg-0 pl-lg-4"> <div class="card shadow-sm border-light rounded-md p-3 pt-4"> <p class="mb-3 text-center h6">Join our newsletter</p> <script src="https://f.convertkit.com/ckjs/ck.5.js"></script> <form action="https://app.convertkit.com/forms/1881096/subscriptions" class="seva-form formkit-form" method="post" data-sv-form="1881096" data-uid="62926e41f0" data-format="inline" data-version="5" data-options="{"settings":{"after_subscribe":{"action":"message","success_message":"Success! Now check your email to confirm your subscription.","redirect_url":""},"analytics":{"google":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":false,"url":"https://convertkit.com?utm_source=dynamic&utm_medium=referral&utm_campaign=poweredby&utm_content=form"},"recaptcha":{"enabled":false},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}" min-width="400 500 600 700 800"><div data-style="clean"><ul class="formkit-alert formkit-alert-error" data-element="errors" data-group="alert"></ul><div data-element="fields" data-stacked="false" class="seva-fields formkit-fields"><div class="formkit-field"><input class="formkit-input" name="email_address" aria-label="Email Address" placeholder="Email Address" required="" type="email" style="color: rgb(0, 0, 0); border-color: rgb(227, 227, 227); border-radius: 4px; font-weight: 400;"></div><button data-element="submit" class="formkit-submit formkit-submit" style="color: rgb(255, 255, 255); background-color: rgb(234, 117, 94); border-radius: 4px; font-weight: 400;"><div class="formkit-spinner"><div></div><div></div><div></div></div><span class="">Subscribe</span></button></div></div><style>.formkit-form[data-uid="62926e41f0"] *{box-sizing:border-box;}.formkit-form[data-uid="62926e41f0"]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.formkit-form[data-uid="62926e41f0"] legend{border:none;font-size:inherit;margin-bottom:10px;padding:0;position:relative;display:table;}.formkit-form[data-uid="62926e41f0"] fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0;}.formkit-form[data-uid="62926e41f0"] body:not(:-moz-handler-blocked) fieldset{display:table-cell;}.formkit-form[data-uid="62926e41f0"] h1,.formkit-form[data-uid="62926e41f0"] h2,.formkit-form[data-uid="62926e41f0"] h3,.formkit-form[data-uid="62926e41f0"] h4,.formkit-form[data-uid="62926e41f0"] h5,.formkit-form[data-uid="62926e41f0"] h6{color:inherit;font-size:inherit;font-weight:inherit;}.formkit-form[data-uid="62926e41f0"] p{color:inherit;font-size:inherit;font-weight:inherit;}.formkit-form[data-uid="62926e41f0"] ol:not([template-default]),.formkit-form[data-uid="62926e41f0"] ul:not([template-default]),.formkit-form[data-uid="62926e41f0"] blockquote:not([template-default]){text-align:left;}.formkit-form[data-uid="62926e41f0"] p:not([template-default]),.formkit-form[data-uid="62926e41f0"] hr:not([template-default]),.formkit-form[data-uid="62926e41f0"] blockquote:not([template-default]),.formkit-form[data-uid="62926e41f0"] ol:not([template-default]),.formkit-form[data-uid="62926e41f0"] ul:not([template-default]){color:inherit;font-style:initial;}.formkit-form[data-uid="62926e41f0"] .ordered-list,.formkit-form[data-uid="62926e41f0"] .unordered-list{list-style-position:outside !important;padding-left:1em;}.formkit-form[data-uid="62926e41f0"] .list-item{padding-left:0;}.formkit-form[data-uid="62926e41f0"][data-format="modal"]{display:none;}.formkit-form[data-uid="62926e41f0"][data-format="slide in"]{display:none;}.formkit-form[data-uid="62926e41f0"][data-format="sticky bar"]{display:none;}.formkit-sticky-bar .formkit-form[data-uid="62926e41f0"][data-format="sticky bar"]{display:block;}.formkit-form[data-uid="62926e41f0"] .formkit-input,.formkit-form[data-uid="62926e41f0"] .formkit-select,.formkit-form[data-uid="62926e41f0"] .formkit-checkboxes{width:100%;}.formkit-form[data-uid="62926e41f0"] .formkit-button,.formkit-form[data-uid="62926e41f0"] .formkit-submit{border:0;border-radius:5px;color:#ffffff;cursor:pointer;display:inline-block;text-align:center;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:15px;overflow:hidden;padding:0;position:relative;vertical-align:middle;}.formkit-form[data-uid="62926e41f0"] .formkit-button:hover,.formkit-form[data-uid="62926e41f0"] .formkit-submit:hover,.formkit-form[data-uid="62926e41f0"] .formkit-button:focus,.formkit-form[data-uid="62926e41f0"] .formkit-submit:focus{outline:none;}.formkit-form[data-uid="62926e41f0"] .formkit-button:hover > span,.formkit-form[data-uid="62926e41f0"] .formkit-submit:hover > span,.formkit-form[data-uid="62926e41f0"] .formkit-button:focus > span,.formkit-form[data-uid="62926e41f0"] .formkit-submit:focus > span{background-color:rgba(0,0,0,0.1);}.formkit-form[data-uid="62926e41f0"] .formkit-button > span,.formkit-form[data-uid="62926e41f0"] .formkit-submit > span{display:block;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;padding:12px 24px;}.formkit-form[data-uid="62926e41f0"] .formkit-input{background:#ffffff;font-size:15px;padding:12px;border:1px solid #e3e3e3;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;line-height:1.4;margin:0;-webkit-transition:border-color ease-out 300ms;transition:border-color ease-out 300ms;}.formkit-form[data-uid="62926e41f0"] .formkit-input:focus{outline:none;border-color:#1677be;-webkit-transition:border-color ease 300ms;transition:border-color ease 300ms;}.formkit-form[data-uid="62926e41f0"] .formkit-input::-webkit-input-placeholder{color:inherit;opacity:0.8;}.formkit-form[data-uid="62926e41f0"] .formkit-input::-moz-placeholder{color:inherit;opacity:0.8;}.formkit-form[data-uid="62926e41f0"] .formkit-input:-ms-input-placeholder{color:inherit;opacity:0.8;}.formkit-form[data-uid="62926e41f0"] .formkit-input::placeholder{color:inherit;opacity:0.8;}.formkit-form[data-uid="62926e41f0"] [data-group="dropdown"]{position:relative;display:inline-block;width:100%;}.formkit-form[data-uid="62926e41f0"] [data-group="dropdown"]::before{content:"";top:calc(50% - 2.5px);right:10px;position:absolute;pointer-events:none;border-color:#4f4f4f transparent transparent transparent;border-style:solid;border-width:6px 6px 0 6px;height:0;width:0;z-index:999;}.formkit-form[data-uid="62926e41f0"] [data-group="dropdown"] select{height:auto;width:100%;cursor:pointer;color:#333333;line-height:1.4;margin-bottom:0;padding:0 6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;padding:12px;padding-right:25px;border:1px solid #e3e3e3;background:#ffffff;}.formkit-form[data-uid="62926e41f0"] [data-group="dropdown"] select:focus{outline:none;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"]{text-align:left;margin:0;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"]{margin-bottom:10px;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] *{cursor:pointer;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"]:last-of-type{margin-bottom:0;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"]{display:none;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"] + label::after{content:none;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"]:checked + label::after{border-color:#ffffff;content:"";}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"]:checked + label::before{background:#10bf7a;border-color:#10bf7a;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] label{position:relative;display:inline-block;padding-left:28px;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] label::before,.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] label::after{position:absolute;content:"";display:inline-block;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] label::before{height:16px;width:16px;border:1px solid #e3e3e3;background:#ffffff;left:0px;top:3px;}.formkit-form[data-uid="62926e41f0"] [data-group="checkboxes"] [data-group="checkbox"] label::after{height:4px;width:8px;border-left:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:4px;top:8px;}.formkit-form[data-uid="62926e41f0"] .formkit-alert{background:#f9fafb;border:1px solid #e3e3e3;border-radius:5px;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;list-style:none;margin:25px auto;padding:12px;text-align:center;width:100%;}.formkit-form[data-uid="62926e41f0"] .formkit-alert:empty{display:none;}.formkit-form[data-uid="62926e41f0"] .formkit-alert-success{background:#d3fbeb;border-color:#10bf7a;color:#0c905c;}.formkit-form[data-uid="62926e41f0"] .formkit-alert-error{background:#fde8e2;border-color:#f2643b;color:#ea4110;}.formkit-form[data-uid="62926e41f0"] .formkit-spinner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:0px;width:0px;margin:0 auto;position:absolute;top:0;left:0;right:0;width:0px;overflow:hidden;text-align:center;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}.formkit-form[data-uid="62926e41f0"] .formkit-spinner > div{margin:auto;width:12px;height:12px;background-color:#fff;opacity:0.3;border-radius:100%;display:inline-block;-webkit-animation:formkit-bouncedelay-formkit-form-data-uid-62926e41f0- 1.4s infinite ease-in-out both;animation:formkit-bouncedelay-formkit-form-data-uid-62926e41f0- 1.4s infinite ease-in-out both;}.formkit-form[data-uid="62926e41f0"] .formkit-spinner > div:nth-child(1){-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}.formkit-form[data-uid="62926e41f0"] .formkit-spinner > div:nth-child(2){-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}.formkit-form[data-uid="62926e41f0"] .formkit-submit[data-active] .formkit-spinner{opacity:1;height:100%;width:50px;}.formkit-form[data-uid="62926e41f0"] .formkit-submit[data-active] .formkit-spinner ~ span{opacity:0;}.formkit-form[data-uid="62926e41f0"] .formkit-powered-by[data-active="false"]{opacity:0.35;}.formkit-form[data-uid="62926e41f0"] .formkit-powered-by-convertkit-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;z-index:5;margin:10px 0;position:relative;}.formkit-form[data-uid="62926e41f0"] .formkit-powered-by-convertkit-container[data-active="false"]{opacity:0.35;}.formkit-form[data-uid="62926e41f0"] .formkit-powered-by-convertkit{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;border:1px solid #dce1e5;border-radius:4px;color:#373f45;cursor:pointer;display:block;height:36px;margin:0 auto;opacity:0.95;padding:0;-webkit-text-decoration:none;text-decoration:none;text-indent:100%;-webkit-transition:ease-in-out all 200ms;transition:ease-in-out all 200ms;white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:190px;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='162' height='20' viewBox='0 0 162 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83.0561 15.2457C86.675 15.2457 89.4722 12.5154 89.4722 9.14749C89.4722 5.99211 86.8443 4.06563 85.1038 4.06563C82.6801 4.06563 80.7373 5.76407 80.4605 8.28551C80.4092 8.75244 80.0387 9.14403 79.5686 9.14069C78.7871 9.13509 77.6507 9.12841 76.9314 9.13092C76.6217 9.13199 76.3658 8.88106 76.381 8.57196C76.4895 6.38513 77.2218 4.3404 78.618 2.76974C80.1695 1.02445 82.4289 0 85.1038 0C89.5979 0 93.8406 4.07791 93.8406 9.14749C93.8406 14.7608 89.1832 19.3113 83.1517 19.3113C78.8502 19.3113 74.5179 16.5041 73.0053 12.5795C72.9999 12.565 72.9986 12.5492 73.0015 12.534C73.0218 12.4179 73.0617 12.3118 73.1011 12.2074C73.1583 12.0555 73.2143 11.907 73.2062 11.7359L73.18 11.1892C73.174 11.0569 73.2075 10.9258 73.2764 10.8127C73.3452 10.6995 73.4463 10.6094 73.5666 10.554L73.7852 10.4523C73.9077 10.3957 74.0148 10.3105 74.0976 10.204C74.1803 10.0974 74.2363 9.97252 74.2608 9.83983C74.3341 9.43894 74.6865 9.14749 75.0979 9.14749C75.7404 9.14749 76.299 9.57412 76.5088 10.1806C77.5188 13.1 79.1245 15.2457 83.0561 15.2457Z' fill='%23373F45'/%3E%3Cpath d='M155.758 6.91365C155.028 6.91365 154.804 6.47916 154.804 5.98857C154.804 5.46997 154.986 5.06348 155.758 5.06348C156.53 5.06348 156.712 5.46997 156.712 5.98857C156.712 6.47905 156.516 6.91365 155.758 6.91365ZM142.441 12.9304V9.32833L141.415 9.32323V8.90392C141.415 8.44719 141.786 8.07758 142.244 8.07986L142.441 8.08095V6.55306L144.082 6.09057V8.08073H145.569V8.50416C145.569 8.61242 145.548 8.71961 145.506 8.81961C145.465 8.91961 145.404 9.01047 145.328 9.08699C145.251 9.16351 145.16 9.2242 145.06 9.26559C144.96 9.30698 144.853 9.32826 144.745 9.32822H144.082V12.7201C144.082 13.2423 144.378 13.4256 144.76 13.4887C145.209 13.5629 145.583 13.888 145.583 14.343V14.9626C144.029 14.9626 142.441 14.8942 142.441 12.9304Z' fill='%23373F45'/%3E%3Cpath d='M110.058 7.92554C108.417 7.88344 106.396 8.92062 106.396 11.5137C106.396 14.0646 108.417 15.0738 110.058 15.0318C111.742 15.0738 113.748 14.0646 113.748 11.5137C113.748 8.92062 111.742 7.88344 110.058 7.92554ZM110.07 13.7586C108.878 13.7586 108.032 12.8905 108.032 11.461C108.032 10.1013 108.878 9.20569 110.071 9.20569C111.263 9.20569 112.101 10.0995 112.101 11.459C112.101 12.8887 111.263 13.7586 110.07 13.7586Z' fill='%23373F45'/%3E%3Cpath d='M118.06 7.94098C119.491 7.94098 120.978 8.33337 120.978 11.1366V14.893H120.063C119.608 14.893 119.238 14.524 119.238 14.0689V10.9965C119.238 9.66506 118.747 9.16047 117.891 9.16047C117.414 9.16047 116.797 9.52486 116.502 9.81915V14.069C116.502 14.1773 116.481 14.2845 116.44 14.3845C116.398 14.4845 116.337 14.5753 116.261 14.6519C116.184 14.7284 116.093 14.7891 115.993 14.8305C115.893 14.8719 115.786 14.8931 115.678 14.8931H114.847V8.10918H115.773C115.932 8.10914 116.087 8.16315 116.212 8.26242C116.337 8.36168 116.424 8.50033 116.46 8.65577C116.881 8.19328 117.428 7.94098 118.06 7.94098ZM122.854 8.09713C123.024 8.09708 123.19 8.1496 123.329 8.2475C123.468 8.34541 123.574 8.48391 123.631 8.64405L125.133 12.8486L126.635 8.64415C126.692 8.48402 126.798 8.34551 126.937 8.2476C127.076 8.1497 127.242 8.09718 127.412 8.09724H128.598L126.152 14.3567C126.091 14.5112 125.986 14.6439 125.849 14.7374C125.711 14.831 125.549 14.881 125.383 14.8809H124.333L121.668 8.09713H122.854Z' fill='%23373F45'/%3E%3Cpath d='M135.085 14.5514C134.566 14.7616 133.513 15.0416 132.418 15.0416C130.496 15.0416 129.024 13.9345 129.024 11.4396C129.024 9.19701 130.451 7.99792 132.191 7.99792C134.338 7.99792 135.254 9.4378 135.158 11.3979C135.139 11.8029 134.786 12.0983 134.38 12.0983H130.679C130.763 13.1916 131.562 13.7662 132.615 13.7662C133.028 13.7662 133.462 13.7452 133.983 13.6481C134.535 13.545 135.085 13.9375 135.085 14.4985V14.5514ZM133.673 10.949C133.785 9.87621 133.061 9.28752 132.191 9.28752C131.321 9.28752 130.734 9.93979 130.679 10.9489L133.673 10.949Z' fill='%23373F45'/%3E%3Cpath d='M137.345 8.11122C137.497 8.11118 137.645 8.16229 137.765 8.25635C137.884 8.35041 137.969 8.48197 138.005 8.62993C138.566 8.20932 139.268 7.94303 139.759 7.94303C139.801 7.94303 140.068 7.94303 140.489 7.99913V8.7265C140.489 9.11748 140.15 9.4147 139.759 9.4147C139.31 9.4147 138.651 9.5829 138.131 9.8773V14.8951H136.462V8.11112L137.345 8.11122ZM156.6 14.0508V8.09104H155.769C155.314 8.09104 154.944 8.45999 154.944 8.9151V14.8748H155.775C156.23 14.8748 156.6 14.5058 156.6 14.0508ZM158.857 12.9447V9.34254H157.749V8.91912C157.749 8.46401 158.118 8.09506 158.574 8.09506H158.857V6.56739L160.499 6.10479V8.09506H161.986V8.51848C161.986 8.97359 161.617 9.34254 161.161 9.34254H160.499V12.7345C160.499 13.2566 160.795 13.44 161.177 13.503C161.626 13.5774 162 13.9024 162 14.3574V14.977C160.446 14.977 158.857 14.9086 158.857 12.9447ZM98.1929 10.1124C98.2033 6.94046 100.598 5.16809 102.895 5.16809C104.171 5.16809 105.342 5.44285 106.304 6.12953L105.914 6.6631C105.654 7.02011 105.16 7.16194 104.749 6.99949C104.169 6.7702 103.622 6.7218 103.215 6.7218C101.335 6.7218 99.9169 7.92849 99.9068 10.1123C99.9169 12.2959 101.335 13.5201 103.215 13.5201C103.622 13.5201 104.169 13.4717 104.749 13.2424C105.16 13.0799 105.654 13.2046 105.914 13.5615L106.304 14.0952C105.342 14.7819 104.171 15.0566 102.895 15.0566C100.598 15.0566 98.2033 13.2842 98.1929 10.1124ZM147.619 5.21768C148.074 5.21768 148.444 5.58663 148.444 6.04174V9.81968L151.82 5.58131C151.897 5.47733 151.997 5.39282 152.112 5.3346C152.227 5.27638 152.355 5.24607 152.484 5.24611H153.984L150.166 10.0615L153.984 14.8749H152.484C152.355 14.8749 152.227 14.8446 152.112 14.7864C151.997 14.7281 151.897 14.6436 151.82 14.5397L148.444 10.3025V14.0508C148.444 14.5059 148.074 14.8749 147.619 14.8749H146.746V5.21768H147.619Z' fill='%23373F45'/%3E%3Cpath d='M0.773438 6.5752H2.68066C3.56543 6.5752 4.2041 6.7041 4.59668 6.96191C4.99219 7.21973 5.18994 7.62695 5.18994 8.18359C5.18994 8.55859 5.09326 8.87061 4.8999 9.11963C4.70654 9.36865 4.42822 9.52539 4.06494 9.58984V9.63379C4.51611 9.71875 4.84717 9.88721 5.05811 10.1392C5.27197 10.3882 5.37891 10.7266 5.37891 11.1543C5.37891 11.7314 5.17676 12.1841 4.77246 12.5122C4.37109 12.8374 3.81152 13 3.09375 13H0.773438V6.5752ZM1.82373 9.22949H2.83447C3.27393 9.22949 3.59473 9.16064 3.79688 9.02295C3.99902 8.88232 4.1001 8.64502 4.1001 8.31104C4.1001 8.00928 3.99023 7.79102 3.77051 7.65625C3.55371 7.52148 3.20801 7.4541 2.7334 7.4541H1.82373V9.22949ZM1.82373 10.082V12.1167H2.93994C3.37939 12.1167 3.71045 12.0332 3.93311 11.8662C4.15869 11.6963 4.27148 11.4297 4.27148 11.0664C4.27148 10.7324 4.15723 10.4849 3.92871 10.3237C3.7002 10.1626 3.35303 10.082 2.88721 10.082H1.82373Z' fill='%23373F45'/%3E%3Cpath d='M13.011 6.5752V10.7324C13.011 11.207 12.9084 11.623 12.7034 11.9805C12.5012 12.335 12.2068 12.6089 11.8201 12.8022C11.4363 12.9927 10.9763 13.0879 10.4402 13.0879C9.6433 13.0879 9.02368 12.877 8.5813 12.4551C8.13892 12.0332 7.91772 11.4531 7.91772 10.7148V6.5752H8.9724V10.6401C8.9724 11.1704 9.09546 11.5615 9.34155 11.8135C9.58765 12.0654 9.96557 12.1914 10.4753 12.1914C11.4656 12.1914 11.9607 11.6714 11.9607 10.6313V6.5752H13.011Z' fill='%23373F45'/%3E%3Cpath d='M15.9146 13V6.5752H16.9649V13H15.9146Z' fill='%23373F45'/%3E%3Cpath d='M19.9255 13V6.5752H20.9758V12.0991H23.696V13H19.9255Z' fill='%23373F45'/%3E%3Cpath d='M28.2828 13H27.2325V7.47607H25.3428V6.5752H30.1724V7.47607H28.2828V13Z' fill='%23373F45'/%3E%3Cpath d='M41.9472 13H40.8046L39.7148 9.16796C39.6679 9.00097 39.6093 8.76074 39.539 8.44727C39.4687 8.13086 39.4262 7.91113 39.4116 7.78809C39.3823 7.97559 39.3339 8.21875 39.2665 8.51758C39.2021 8.81641 39.1479 9.03905 39.1039 9.18554L38.0405 13H36.8979L36.0673 9.7832L35.2236 6.5752H36.2958L37.2143 10.3193C37.3578 10.9199 37.4604 11.4502 37.5219 11.9102C37.5541 11.6611 37.6025 11.3828 37.6669 11.0752C37.7314 10.7676 37.79 10.5186 37.8427 10.3281L38.8886 6.5752H39.9301L41.0024 10.3457C41.1049 10.6943 41.2133 11.2158 41.3276 11.9102C41.3715 11.4912 41.477 10.958 41.644 10.3105L42.558 6.5752H43.6215L41.9472 13Z' fill='%23373F45'/%3E%3Cpath d='M45.7957 13V6.5752H46.846V13H45.7957Z' fill='%23373F45'/%3E%3Cpath d='M52.0258 13H50.9755V7.47607H49.0859V6.5752H53.9155V7.47607H52.0258V13Z' fill='%23373F45'/%3E%3Cpath d='M61.2312 13H60.1765V10.104H57.2146V13H56.1643V6.5752H57.2146V9.20312H60.1765V6.5752H61.2312V13Z' fill='%23373F45'/%3E%3C/svg%3E");}.formkit-form[data-uid="62926e41f0"] .formkit-powered-by-convertkit:hover,.formkit-form[data-uid="62926e41f0"] .formkit-powered-by-convertkit:focus{background-color:#ffffff;-webkit-transform:scale(1.025) perspective(1px);-ms-transform:scale(1.025) perspective(1px);transform:scale(1.025) perspective(1px);opacity:1;}.formkit-form[data-uid="62926e41f0"] .formkit-powered-by-convertkit[data-variant="dark"],.formkit-form[data-uid="62926e41f0"] .formkit-powered-by-convertkit[data-variant="light"]{background-color:transparent;border-color:transparent;width:166px;}.formkit-form[data-uid="62926e41f0"] .formkit-powered-by-convertkit[data-variant="light"]{color:#ffffff;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='162' height='20' viewBox='0 0 162 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83.0561 15.2457C86.675 15.2457 89.4722 12.5154 89.4722 9.14749C89.4722 5.99211 86.8443 4.06563 85.1038 4.06563C82.6801 4.06563 80.7373 5.76407 80.4605 8.28551C80.4092 8.75244 80.0387 9.14403 79.5686 9.14069C78.7871 9.13509 77.6507 9.12841 76.9314 9.13092C76.6217 9.13199 76.3658 8.88106 76.381 8.57196C76.4895 6.38513 77.2218 4.3404 78.618 2.76974C80.1695 1.02445 82.4289 0 85.1038 0C89.5979 0 93.8406 4.07791 93.8406 9.14749C93.8406 14.7608 89.1832 19.3113 83.1517 19.3113C78.8502 19.3113 74.5179 16.5041 73.0053 12.5795C72.9999 12.565 72.9986 12.5492 73.0015 12.534C73.0218 12.4179 73.0617 12.3118 73.1011 12.2074C73.1583 12.0555 73.2143 11.907 73.2062 11.7359L73.18 11.1892C73.174 11.0569 73.2075 10.9258 73.2764 10.8127C73.3452 10.6995 73.4463 10.6094 73.5666 10.554L73.7852 10.4523C73.9077 10.3957 74.0148 10.3105 74.0976 10.204C74.1803 10.0974 74.2363 9.97252 74.2608 9.83983C74.3341 9.43894 74.6865 9.14749 75.0979 9.14749C75.7404 9.14749 76.299 9.57412 76.5088 10.1806C77.5188 13.1 79.1245 15.2457 83.0561 15.2457Z' fill='white'/%3E%3Cpath d='M155.758 6.91365C155.028 6.91365 154.804 6.47916 154.804 5.98857C154.804 5.46997 154.986 5.06348 155.758 5.06348C156.53 5.06348 156.712 5.46997 156.712 5.98857C156.712 6.47905 156.516 6.91365 155.758 6.91365ZM142.441 12.9304V9.32833L141.415 9.32323V8.90392C141.415 8.44719 141.786 8.07758 142.244 8.07986L142.441 8.08095V6.55306L144.082 6.09057V8.08073H145.569V8.50416C145.569 8.61242 145.548 8.71961 145.506 8.81961C145.465 8.91961 145.404 9.01047 145.328 9.08699C145.251 9.16351 145.16 9.2242 145.06 9.26559C144.96 9.30698 144.853 9.32826 144.745 9.32822H144.082V12.7201C144.082 13.2423 144.378 13.4256 144.76 13.4887C145.209 13.5629 145.583 13.888 145.583 14.343V14.9626C144.029 14.9626 142.441 14.8942 142.441 12.9304Z' fill='white'/%3E%3Cpath d='M110.058 7.92554C108.417 7.88344 106.396 8.92062 106.396 11.5137C106.396 14.0646 108.417 15.0738 110.058 15.0318C111.742 15.0738 113.748 14.0646 113.748 11.5137C113.748 8.92062 111.742 7.88344 110.058 7.92554ZM110.07 13.7586C108.878 13.7586 108.032 12.8905 108.032 11.461C108.032 10.1013 108.878 9.20569 110.071 9.20569C111.263 9.20569 112.101 10.0995 112.101 11.459C112.101 12.8887 111.263 13.7586 110.07 13.7586Z' fill='white'/%3E%3Cpath d='M118.06 7.94098C119.491 7.94098 120.978 8.33337 120.978 11.1366V14.893H120.063C119.608 14.893 119.238 14.524 119.238 14.0689V10.9965C119.238 9.66506 118.747 9.16047 117.891 9.16047C117.414 9.16047 116.797 9.52486 116.502 9.81915V14.069C116.502 14.1773 116.481 14.2845 116.44 14.3845C116.398 14.4845 116.337 14.5753 116.261 14.6519C116.184 14.7284 116.093 14.7891 115.993 14.8305C115.893 14.8719 115.786 14.8931 115.678 14.8931H114.847V8.10918H115.773C115.932 8.10914 116.087 8.16315 116.212 8.26242C116.337 8.36168 116.424 8.50033 116.46 8.65577C116.881 8.19328 117.428 7.94098 118.06 7.94098ZM122.854 8.09713C123.024 8.09708 123.19 8.1496 123.329 8.2475C123.468 8.34541 123.574 8.48391 123.631 8.64405L125.133 12.8486L126.635 8.64415C126.692 8.48402 126.798 8.34551 126.937 8.2476C127.076 8.1497 127.242 8.09718 127.412 8.09724H128.598L126.152 14.3567C126.091 14.5112 125.986 14.6439 125.849 14.7374C125.711 14.831 125.549 14.881 125.383 14.8809H124.333L121.668 8.09713H122.854Z' fill='white'/%3E%3Cpath d='M135.085 14.5514C134.566 14.7616 133.513 15.0416 132.418 15.0416C130.496 15.0416 129.024 13.9345 129.024 11.4396C129.024 9.19701 130.451 7.99792 132.191 7.99792C134.338 7.99792 135.254 9.4378 135.158 11.3979C135.139 11.8029 134.786 12.0983 134.38 12.0983H130.679C130.763 13.1916 131.562 13.7662 132.615 13.7662C133.028 13.7662 133.462 13.7452 133.983 13.6481C134.535 13.545 135.085 13.9375 135.085 14.4985V14.5514ZM133.673 10.949C133.785 9.87621 133.061 9.28752 132.191 9.28752C131.321 9.28752 130.734 9.93979 130.679 10.9489L133.673 10.949Z' fill='white'/%3E%3Cpath d='M137.345 8.11122C137.497 8.11118 137.645 8.16229 137.765 8.25635C137.884 8.35041 137.969 8.48197 138.005 8.62993C138.566 8.20932 139.268 7.94303 139.759 7.94303C139.801 7.94303 140.068 7.94303 140.489 7.99913V8.7265C140.489 9.11748 140.15 9.4147 139.759 9.4147C139.31 9.4147 138.651 9.5829 138.131 9.8773V14.8951H136.462V8.11112L137.345 8.11122ZM156.6 14.0508V8.09104H155.769C155.314 8.09104 154.944 8.45999 154.944 8.9151V14.8748H155.775C156.23 14.8748 156.6 14.5058 156.6 14.0508ZM158.857 12.9447V9.34254H157.749V8.91912C157.749 8.46401 158.118 8.09506 158.574 8.09506H158.857V6.56739L160.499 6.10479V8.09506H161.986V8.51848C161.986 8.97359 161.617 9.34254 161.161 9.34254H160.499V12.7345C160.499 13.2566 160.795 13.44 161.177 13.503C161.626 13.5774 162 13.9024 162 14.3574V14.977C160.446 14.977 158.857 14.9086 158.857 12.9447ZM98.1929 10.1124C98.2033 6.94046 100.598 5.16809 102.895 5.16809C104.171 5.16809 105.342 5.44285 106.304 6.12953L105.914 6.6631C105.654 7.02011 105.16 7.16194 104.749 6.99949C104.169 6.7702 103.622 6.7218 103.215 6.7218C101.335 6.7218 99.9169 7.92849 99.9068 10.1123C99.9169 12.2959 101.335 13.5201 103.215 13.5201C103.622 13.5201 104.169 13.4717 104.749 13.2424C105.16 13.0799 105.654 13.2046 105.914 13.5615L106.304 14.0952C105.342 14.7819 104.171 15.0566 102.895 15.0566C100.598 15.0566 98.2033 13.2842 98.1929 10.1124ZM147.619 5.21768C148.074 5.21768 148.444 5.58663 148.444 6.04174V9.81968L151.82 5.58131C151.897 5.47733 151.997 5.39282 152.112 5.3346C152.227 5.27638 152.355 5.24607 152.484 5.24611H153.984L150.166 10.0615L153.984 14.8749H152.484C152.355 14.8749 152.227 14.8446 152.112 14.7864C151.997 14.7281 151.897 14.6436 151.82 14.5397L148.444 10.3025V14.0508C148.444 14.5059 148.074 14.8749 147.619 14.8749H146.746V5.21768H147.619Z' fill='white'/%3E%3Cpath d='M0.773438 6.5752H2.68066C3.56543 6.5752 4.2041 6.7041 4.59668 6.96191C4.99219 7.21973 5.18994 7.62695 5.18994 8.18359C5.18994 8.55859 5.09326 8.87061 4.8999 9.11963C4.70654 9.36865 4.42822 9.52539 4.06494 9.58984V9.63379C4.51611 9.71875 4.84717 9.88721 5.05811 10.1392C5.27197 10.3882 5.37891 10.7266 5.37891 11.1543C5.37891 11.7314 5.17676 12.1841 4.77246 12.5122C4.37109 12.8374 3.81152 13 3.09375 13H0.773438V6.5752ZM1.82373 9.22949H2.83447C3.27393 9.22949 3.59473 9.16064 3.79688 9.02295C3.99902 8.88232 4.1001 8.64502 4.1001 8.31104C4.1001 8.00928 3.99023 7.79102 3.77051 7.65625C3.55371 7.52148 3.20801 7.4541 2.7334 7.4541H1.82373V9.22949ZM1.82373 10.082V12.1167H2.93994C3.37939 12.1167 3.71045 12.0332 3.93311 11.8662C4.15869 11.6963 4.27148 11.4297 4.27148 11.0664C4.27148 10.7324 4.15723 10.4849 3.92871 10.3237C3.7002 10.1626 3.35303 10.082 2.88721 10.082H1.82373Z' fill='white'/%3E%3Cpath d='M13.011 6.5752V10.7324C13.011 11.207 12.9084 11.623 12.7034 11.9805C12.5012 12.335 12.2068 12.6089 11.8201 12.8022C11.4363 12.9927 10.9763 13.0879 10.4402 13.0879C9.6433 13.0879 9.02368 12.877 8.5813 12.4551C8.13892 12.0332 7.91772 11.4531 7.91772 10.7148V6.5752H8.9724V10.6401C8.9724 11.1704 9.09546 11.5615 9.34155 11.8135C9.58765 12.0654 9.96557 12.1914 10.4753 12.1914C11.4656 12.1914 11.9607 11.6714 11.9607 10.6313V6.5752H13.011Z' fill='white'/%3E%3Cpath d='M15.9146 13V6.5752H16.9649V13H15.9146Z' fill='white'/%3E%3Cpath d='M19.9255 13V6.5752H20.9758V12.0991H23.696V13H19.9255Z' fill='white'/%3E%3Cpath d='M28.2828 13H27.2325V7.47607H25.3428V6.5752H30.1724V7.47607H28.2828V13Z' fill='white'/%3E%3Cpath d='M41.9472 13H40.8046L39.7148 9.16796C39.6679 9.00097 39.6093 8.76074 39.539 8.44727C39.4687 8.13086 39.4262 7.91113 39.4116 7.78809C39.3823 7.97559 39.3339 8.21875 39.2665 8.51758C39.2021 8.81641 39.1479 9.03905 39.1039 9.18554L38.0405 13H36.8979L36.0673 9.7832L35.2236 6.5752H36.2958L37.2143 10.3193C37.3578 10.9199 37.4604 11.4502 37.5219 11.9102C37.5541 11.6611 37.6025 11.3828 37.6669 11.0752C37.7314 10.7676 37.79 10.5186 37.8427 10.3281L38.8886 6.5752H39.9301L41.0024 10.3457C41.1049 10.6943 41.2133 11.2158 41.3276 11.9102C41.3715 11.4912 41.477 10.958 41.644 10.3105L42.558 6.5752H43.6215L41.9472 13Z' fill='white'/%3E%3Cpath d='M45.7957 13V6.5752H46.846V13H45.7957Z' fill='white'/%3E%3Cpath d='M52.0258 13H50.9755V7.47607H49.0859V6.5752H53.9155V7.47607H52.0258V13Z' fill='white'/%3E%3Cpath d='M61.2312 13H60.1765V10.104H57.2146V13H56.1643V6.5752H57.2146V9.20312H60.1765V6.5752H61.2312V13Z' fill='white'/%3E%3C/svg%3E");}@-webkit-keyframes formkit-bouncedelay-formkit-form-data-uid-62926e41f0-{0%,80%,100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@keyframes formkit-bouncedelay-formkit-form-data-uid-62926e41f0-{0%,80%,100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}.formkit-form[data-uid="62926e41f0"] blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #e1e1e1;} .formkit-form[data-uid="62926e41f0"]{max-width:700px;}.formkit-form[data-uid="62926e41f0"] [data-style="clean"]{width:100%;}.formkit-form[data-uid="62926e41f0"] .formkit-fields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;}.formkit-form[data-uid="62926e41f0"] .formkit-field,.formkit-form[data-uid="62926e41f0"] .formkit-submit{margin:0 0 15px 0;-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}.formkit-form[data-uid="62926e41f0"] .formkit-powered-by-convertkit-container{margin:0;}.formkit-form[data-uid="62926e41f0"][min-width~="700"] [data-style="clean"],.formkit-form[data-uid="62926e41f0"][min-width~="800"] [data-style="clean"]{padding:10px;}.formkit-form[data-uid="62926e41f0"][min-width~="700"] .formkit-fields[data-stacked="false"],.formkit-form[data-uid="62926e41f0"][min-width~="800"] .formkit-fields[data-stacked="false"]{margin-left:-5px;margin-right:-5px;}.formkit-form[data-uid="62926e41f0"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-field,.formkit-form[data-uid="62926e41f0"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-field,.formkit-form[data-uid="62926e41f0"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-submit,.formkit-form[data-uid="62926e41f0"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-submit{margin:0 5px 15px 5px;}.formkit-form[data-uid="62926e41f0"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-field,.formkit-form[data-uid="62926e41f0"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-field{-webkit-flex:100 1 auto;-ms-flex:100 1 auto;flex:100 1 auto;}.formkit-form[data-uid="62926e41f0"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-submit,.formkit-form[data-uid="62926e41f0"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-submit{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;} </style></form> </div> <div class="card shadow-sm border-light rounded-md p-3 pt-4 mt-4"> <p class="mb-3 text-center h6">Get hosting from only <strike>$8.99</strike> $2.95/mo*</p> <a href="https://www.bluehost.com/track/themesberg/blog-sidebar" class="btn btn-info" target="_blank" rel="nofollow">Get started with BlueHost <i class="fad fa-external-link ml-2"></i></a> </div> <div class="card shadow-sm border-light rounded-md mt-4 p-3 pt-4 pt-md-3 collapse show" id="carbon-ad"> <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CEBDT237&placement=themesbergcom" id="_carbonads_js"></script> <a href="#navbar" class="fas fa-times close-icon d-md-none" data-toggle="collapse" role="button" data-target="#carbon-ad" aria-controls="carbon-ad" aria-expanded="true" aria-label="Toggle ad"></a> </div> <div id="freebies" class="card shadow-sm border-light rounded-md mt-4 px-3 pb-0 pt-4"> <h2 class="h6 mb-4 text-center">Popular Freebies <i class="fas fa-heart ml-1 text-danger"></i></h2> <a href="https://themesberg.com/product/tailwind-css/landing-page" class="mb-4 animate-up-3"> <figure> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/landwind/landwind-thumbnail.jpg" class="card-img-top rounded-md mb-3 lazy" alt="Landwind - Tailwind CSS Landing Page Preview"> </figure> <p class="mb-1 text-center h6">Landwind</p> </a> <a href="https://themesberg.com/product/wordpress/bergify" class="mb-4 animate-up-3"> <figure> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/bergify/thumbnail.jpg" class="card-img-top rounded-md mb-3 lazy" alt="Bergify - Free Wordpress Theme Preview"> </figure> <p class="mb-1 text-center h6">Bergify Wordpress Theme</p> </a> <a href="https://themesberg.com/product/tailwind-css/dashboard-windster" class="mb-4 animate-up-3"> <figure> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/windster/thumbnail.jpg" class="card-img-top rounded-md mb-3 lazy" alt="Windster Tailwind CSS Dashboard Preview"> </figure> <p class="mb-1 text-center h6">Windster Tailwind CSS Dashboard</p> </a> <a href="https://themesberg.com/product/laravel/volt-admin-dashboard-template" class="mb-4 animate-up-3"> <figure> <img data-src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/volt-laravel-dashboard/volt-free-laravel-dashboard.jpg" class="card-img-top rounded-md mb-3 lazy" alt="Volt Laravel Admin Dashboard Preview"> </figure> <p class="mb-1 text-center h6">Volt Laravel Dashboard</p> </a> </div> </aside> </div> </div> </div> </main> <section class="footer section section-md mb-5 pt-0 pb-0"> <div class="container"> <div class="row position-relative no-gutters z-2 shadow-sm rounded bg-white"> <div class="col-12 col-lg-6 bg-white rounded"> <div class="border-left-md border-soft py-4 px-3 px-lg-5 m-0 bg-white rounded"> <p class="mb-2 h4">Join our community</p> <p class="font-medium mb-3">Get access to free templates and themes used by over 102625 web developers.</p> <a class="btn btn-sm btn-outline-primary d-none d-sm-inline-block mb-4" href="https://themesberg.com/register"> Create an account for free <span class="fas fa-long-arrow-alt-right ml-2"></span> </a> <p class="text-md">Follow us on social media:</p> <ul class="d-flex flew-row list-style-none"> <li class="mr-3"> <a href="https://twitter.com/themesberg" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-twitter" data-toggle="tooltip" data-placement="bottom" title="Follow @themesberg"> <span class="btn-inner-icon"><i class="fab fa-twitter"></i></span> </a> </li> <li class="mr-3"> <a href="https://www.facebook.com/themesberg/" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-facebook" data-toggle="tooltip" data-placement="bottom" title="Like Themesberg"> <span class="btn-inner-icon"><i class="fab fa-facebook"></i></span> </a> </li> <li class="mr-3"> <a href="https://github.com/themesberg" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-github" data-toggle="tooltip" data-placement="bottom" title="Open source projects"> <span class="btn-inner-icon"><i class="fab fa-github"></i></span> </a> </li> <li class="mr-3"> <a href="https://www.instagram.com/themesberg/" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-instagram" data-toggle="tooltip" data-placement="bottom" title="Follow us on Instagram"> <span class="btn-inner-icon"><i class="fab fa-instagram"></i></span> </a> </li> <li class="mr-3"> <a href="https://dribbble.com/themesberg" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-dribbble" data-toggle="tooltip" data-placement="bottom" title="Follow us on Dribbble"> <span class="btn-inner-icon"><i class="fab fa-dribbble"></i></span> </a> </li> <li class="mr-3"> <a href="https://www.linkedin.com/company/themesberg/" rel="nofollow noopener" target="_blank" class="btn-sm btn-icon-only rounded-circle btn-linkedin" data-toggle="tooltip" data-placement="bottom" title="Follow us on LinkedIn"> <span class="btn-inner-icon"><i class="fab fa-linkedin"></i></span> </a> </li> </ul> </div> </div> <div class="col-12 col-lg-6 bg-white rounded"> <div class="border-left-md border-soft py-4 px-3 px-lg-5 m-0 bg-white rounded"> <p class="mb-2 h4">Subscribe to our newsletter</p> <p class="mb-4 text-md">New themes, blog posts, marketplace journey. No spam.</p> <script async data-uid="4e9649fabb" src="https://fabulous-artisan-1281.ck.page/4e9649fabb/index.js"></script> </div> </div> </div> </div> </section> <footer class="pb-6 pt-9 bg-soft mt-n8"> <div class="container"> <div class="row mb-5 justify-content-center"> <div class="col-auto"> <a class="footer-brand" href="https://themesberg.com"> <img class="navbar-brand-light" height="35" src="https://themesberg.com/img/brand/themesberg-footer.svg" alt="Logo Themesberg"> </a> </div> </div> <ul class="text-md-center mb-4 text-center footer-links pl-0"> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://flowbite.com/" target="_blank">Flowbite - Tailwind Components</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/terms-and-conditions">Terms and Conditions</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/privacy-policy">Privacy Policy</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/cookie-policy">Cookie Policy</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/licensing">Licensing</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/knowledge-center">Knowledge Center</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/custom-development">Custom Development</a></li> <li class="list-inline-item text-md px-0 px-sm-2 mb-2"><a href="https://themesberg.com/contact">Contact</a></li> </ul> <div class="row justify-content-center text-center"> <div class="col-12"> <small class="text-gray-700">© 2019-2025 All Rights Reserved. Themesberg™ is a registered trademark of Crafty Dwarf LLC.</small> </div> </div> </div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@15.1.1/dist/lazyload.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scroll/16.1.0/smooth-scroll.min.js"></script> <script src="https://themesberg.com/js/themesberg.js"></script> <script id="dsq-count-scr" src="//https-themesberg-com.disqus.com/count.js" async></script> </body> </html>