CINXE.COM

<!doctype html> <html lang="en"> <head> <link rel="canonical" href="https://themesberg.com/knowledge-center"> <title>Knowledge Center - Themesberg</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Learn about web development and technologies at the Knowledge Center of Themesberg."> <meta name="author" content="Themesberg"> <meta name="csrf-token" content="OdYRnLKNvAPpTxtxqhSYOwZFH5cBvIsiAjgUZkoz"> <meta name="image" content="https://themesberg.com/img/thumbnail.jpg"> <meta itemprop="name" content="Knowledge Center"> <meta itemprop="description" content="Learn about web development and technologies at the Knowledge Center of Themesberg."> <meta itemprop="image" content="https://themesberg.com/img/thumbnail.jpg"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Knowledge Center"> <meta name="twitter:description" content="Learn about web development and technologies at the Knowledge Center of Themesberg."> <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="Knowledge Center"> <meta name="og:description" content="Learn about web development and technologies at the Knowledge Center of Themesberg."> <meta name="og:url" content="https://themesberg.com/knowledge-center"> <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 bg-soft 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 89519 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> <section class="section-header bg-soft pt-6 pb-5"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 text-center"> <h1 class="mb-3 display-2">Knowledge Center</h1> <h2 class="lead px-lg-10 mb-5">Learn more about web development and technologies such as Bootstrap, Tailwind and React</h2> </div> </div> </div> </section> <section class="section section-sm pt-5 pt-lg-7 bg-white"> <div class="container"> <div class="row justify-content-center"> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/tailwind-css/reduce-file-size" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">How to reduce the file size of Tailwind CSS using PurgeCSS?</h2> <p class="text-gray mb-4">Learn how to reduce the file size of Tailwind CSS</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <svg style="height: 15px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 54 33"> <g clip-path="url(#prefix__clip0)"> <path fill="#14B4C6" fill-rule="evenodd" d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0zM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2z" clip-rule="evenodd"/> </g> <defs> <clipPath id="prefix__clip0"> <path fill="#fff" d="M0 0h54v32.4H0z"/> </clipPath> </defs> </svg> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/tailwind-css/html" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">How to add Tailwind CSS to HTML?</h2> <p class="text-gray mb-4">Learn how to add Tailwind CSS to your HTML templates</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <svg style="height: 15px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 54 33"> <g clip-path="url(#prefix__clip0)"> <path fill="#14B4C6" fill-rule="evenodd" d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0zM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2z" clip-rule="evenodd"/> </g> <defs> <clipPath id="prefix__clip0"> <path fill="#fff" d="M0 0h54v32.4H0z"/> </clipPath> </defs> </svg> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/tailwind-css/how-to-use-tailwind-css" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">How to use Tailwind CSS?</h2> <p class="text-gray mb-4">Learn how to use Tailwind CSS in the recommended method</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <svg style="height: 15px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 54 33"> <g clip-path="url(#prefix__clip0)"> <path fill="#14B4C6" fill-rule="evenodd" d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0zM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2z" clip-rule="evenodd"/> </g> <defs> <clipPath id="prefix__clip0"> <path fill="#fff" d="M0 0h54v32.4H0z"/> </clipPath> </defs> </svg> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/tailwind-css/what-is-tailwind-css" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">What is Tailwind CSS?</h2> <p class="text-gray mb-4">Learn more about what is Tailwind CSS and the utility-first CSS approach</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <svg style="height: 15px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 54 33"> <g clip-path="url(#prefix__clip0)"> <path fill="#14B4C6" fill-rule="evenodd" d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0zM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2z" clip-rule="evenodd"/> </g> <defs> <clipPath id="prefix__clip0"> <path fill="#fff" d="M0 0h54v32.4H0z"/> </clipPath> </defs> </svg> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/bootstrap/cdn" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">What is Bootstrap CDN?</h2> <p class="text-gray mb-4">Learn more about Bootstrap CDN and how it can help you make your website faster</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <span style="color: #7952B3" class="fab fa-bootstrap mr-1"></span> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/bootstrap/what-is-bootstrap" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">What is Bootstrap?</h2> <p class="text-gray mb-4">Learn more about Bootstrap on how it started and what it is and how it can help you</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <span style="color: #7952B3" class="fab fa-bootstrap mr-1"></span> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/bootstrap/how-to-use-bootstrap" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">How to use Bootstrap?</h2> <p class="text-gray mb-4">In this guide you will learn multiple ways how you can get started with Bootstrap</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <span style="color: #7952B3" class="fab fa-bootstrap mr-1"></span> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/bootstrap/override-bootstrap-css" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">How to override Bootstrap CSS?</h2> <p class="text-gray mb-4">Read this article to see how you can override the Bootstrap CSS</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <span style="color: #7952B3" class="fab fa-bootstrap mr-1"></span> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/bootstrap/bootstrap-to-html" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">How to add Bootstrap to HTML?</h2> <p class="text-gray mb-4">Check out this article to see how you can add Bootstrap to your HTML templates</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <span style="color: #7952B3" class="fab fa-bootstrap mr-1"></span> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> <article class="col-12 col-md-6 col-lg-4 mb-3 mb-5"> <a href="https://themesberg.com/knowledge-center/bootstrap/bootstrap-templates" class="card topic-card animate-up-3 shadow-sm border-light p-0 p-lg-4"> <div class="card-body"> <h2 class="mb-4 mt-0 h5">How to use Bootstrap templates?</h2> <p class="text-gray mb-4">We explain in this article how you can get started with Bootstrap templates</p> <div class="d-flex align-items-center"> <div class="icon icon-sm"> <span style="color: #7952B3" class="fab fa-bootstrap mr-1"></span> </div> <div class="small text-gray ml-2"> <div><span>Updated 4 years ago</span></div> </div> </div> </div> </a> </article> </div> </div> </section> </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 89519 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-2024 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>