https://startbootstrap.com/

1<!DOCTYPE html><html lang="en"><head>
2        <meta charset="utf-8">
3        <title>Start Bootstrap</title>
4        <base href="/">
5        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6        <meta name="msapplication-TileColor" content="#dd3d31">
7        <meta name="theme-color" content="#dd3d31">
8        <link rel="icon" type="image/png" href="favicon.png">
9        <!-- Preload in script-->
10        <link rel="apple-touch-icon" sizes="180x180" href="https://assets.startbootstrap.com/img/icons/apple-touch-icon.png">
11        <link rel="icon" type="image/png" sizes="32x32" href="https://assets.startbootstrap.com/img/icons/favicon-32x32.png">
12        <link rel="icon" type="image/png" sizes="16x16" href="https://assets.startbootstrap.com/img/icons/favicon-16x16.png">
13        <link rel="mask-icon" href="https://assets.startbootstrap.com/img/icons/safari-pinned-tab.svg" color="#dd3d31">
14        <link rel="manifest" href="manifest.webmanifest">
15        <meta name="description" content="Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap." data-dynamic="true">
16        <meta name="og:description" content="Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap." data-dynamic="true">
17        <meta name="og:image" content="https://assets.startbootstrap.com/img/meta/og-image-start-bootstrap.png" data-dynamic="true">
18        <meta name="og:image:alt" content="Start Bootstrap - website themes and templates built using the Bootstrap framework" data-dynamic="true">
19        <meta name="og:image:height" content="630" data-dynamic="true">
20        <meta name="og:image:secure_url" content="https://assets.startbootstrap.com/img/meta/og-image-start-bootstrap.png" data-dynamic="true">
21        <meta name="og:image:width" content="1200" data-dynamic="true">
22        <meta name="og:locale" content="en_US" data-dynamic="true">
23        <meta name="og:site_name" content="Start Bootstrap" data-dynamic="true">
24        <meta name="og:title" content="Free Bootstrap Themes, Templates, Snippets, and Guides" data-dynamic="true">
25        <meta name="og:type" content="website" data-dynamic="true">
26        <meta name="og:url" content="https://startbootstrap.com" data-dynamic="true">
27        <meta name="twitter:card" content="summary_large_image" data-dynamic="true">
28        <meta name="twitter:description" content="Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap." data-dynamic="true">
29        <meta name="twitter:image" content="https://assets.startbootstrap.com/img/meta/twitter-image-start-bootstrap.png" data-dynamic="true">
30        <meta name="twitter:site" content="@SBootstrap" data-dynamic="true">
31        <meta name="twitter:title" content="Free Bootstrap Themes, Templates, Snippets, and Guides" data-dynamic="true">
32        

32<script async="" src="/app-scripts/preload.js"></script>

32
33        

33<script>
34            setTimeout(() => {
35                !(function (f, b, e, v, n, t, s) {
36                    if (f.fbq) return;
37                    n = f.fbq = function () {
38                        n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
39                    };
40                    if (!f._fbq) f._fbq = n;
41                    n.push = n;
42                    n.loaded = !0;
43                    n.version = '2.0';
44                    n.queue = [];
45                    t = b.createElement(e);
46                    t.async = !0;
47                    t.src = v;
48                    s = b.getElementsByTagName(e)[0];
49                    s.parentNode.insertBefore(t, s);
50                })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
51                fbq.disablePushState;
52                fbq('init', '470997813790692');
53            }, 2000);
54        </script>

54
55        <noscript><img height="1" width="1" style="display: none" src="https://www.facebook.com/tr?id=470997813790692&ev=PageView&noscript=1" /></noscript>
56        

56<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5287323383309901" crossorigin="anonymous"></script>

56
57    <style>@charset "UTF-8";:root{--bs-gray:#69707a;--bs-gray-dark:#363d47;--bs-gray-100:#f2f6fc;--bs-gray-200:#e0e5ec;--bs-gray-300:#d4dae3;--bs-gray-400:#c5ccd6;--bs-gray-500:#a7aeb8;--bs-gray-600:#69707a;--bs-gray-700:#4a515b;--bs-gray-800:#363d47;--bs-gray-900:#212832;--bs-primary:#dc392d;--bs-secondary:#e0e5ec;--bs-success:#00ac69;--bs-info:#00cfd5;--bs-warning:#f4a100;--bs-danger:#e81500;--bs-light:#f2f6fc;--bs-dark:#212832;--bs-black:#000;--bs-white:#fff;--bs-red:#dc392d;--bs-orange:#f76400;--bs-yellow:#f4a100;--bs-green:#00ac69;--bs-teal:#00ba94;--bs-cyan:#00cfd5;--bs-blue:#0061f2;--bs-indigo:#5800e8;--bs-purple:#6900c7;--bs-pink:#e30059;--bs-red-soft:#f0e3e7;--bs-orange-soft:#f3e7e3;--bs-yellow-soft:#f2eee3;--bs-green-soft:#daefed;--bs-teal-soft:#daf0f2;--bs-cyan-soft:#daf2f8;--bs-blue-soft:#dae7fb;--bs-indigo-soft:#e3ddfa;--bs-purple-soft:#e4ddf7;--bs-pink-soft:#f1ddec;--bs-primary-soft:#f0e3e7;--bs-secondary-soft:#f0f4fa;--bs-success-soft:#daefed;--bs-info-soft:#daf2f8;--bs-warning-soft:#f2eee3;--bs-danger-soft:#f1e0e3;--bs-primary-rgb:220, 57, 45;--bs-secondary-rgb:224, 229, 236;--bs-success-rgb:0, 172, 105;--bs-info-rgb:0, 207, 213;--bs-warning-rgb:244, 161, 0;--bs-danger-rgb:232, 21, 0;--bs-light-rgb:242, 246, 252;--bs-dark-rgb:33, 40, 50;--bs-red-rgb:220, 57, 45;--bs-orange-rgb:247, 100, 0;--bs-yellow-rgb:244, 161, 0;--bs-green-rgb:0, 172, 105;--bs-teal-rgb:0, 186, 148;--bs-cyan-rgb:0, 207, 213;--bs-blue-rgb:0, 97, 242;--bs-indigo-rgb:88, 0, 232;--bs-purple-rgb:105, 0, 199;--bs-pink-rgb:227, 0, 89;--bs-red-soft-rgb:240, 227, 231;--bs-orange-soft-rgb:243, 231, 227;--bs-yellow-soft-rgb:242, 238, 227;--bs-green-soft-rgb:218, 239, 237;--bs-teal-soft-rgb:218, 240, 242;--bs-cyan-soft-rgb:218, 242, 248;--bs-blue-soft-rgb:218, 231, 251;--bs-indigo-soft-rgb:227, 221, 250;--bs-purple-soft-rgb:228, 221, 247;--bs-pink-soft-rgb:241, 221, 236;--bs-primary-soft-rgb:240, 227, 231;--bs-secondary-soft-rgb:240, 244, 250;--bs-success-soft-rgb:218, 239, 237;--bs-info-soft-rgb:218, 242, 248;--bs-warning-soft-rgb:242, 238, 227;--bs-danger-soft-rgb:241, 224, 227;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-body-color-rgb:105, 112, 122;--bs-body-bg-rgb:255, 255, 255;--bs-font-sans-serif:"Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:Metropolis, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#69707a;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#e0e5ec;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.35rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#dc392d;--bs-link-hover-color:#b02e24;--bs-code-color:#e30059;--bs-highlight-bg:#fdeccc}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{height:100%}body{overflow-x:hidden}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-Thin.otf);font-weight:100;font-style:normal}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-ThinItalic.otf);font-weight:100;font-style:italic}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-ExtraLight.otf);font-weight:200;font-style:normal}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-ExtraLightItalic.otf);font-weight:200;font-style:italic}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-Light.otf);font-weight:300;font-style:normal}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-LightItalic.otf);font-weight:300;font-style:italic}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-RegularItalic.otf);font-weight:400;font-style:italic}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-MediumItalic.otf);font-weight:500;font-style:italic}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-SemiBold.otf);font-weight:600;font-style:normal}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-SemiBoldItalic.otf);font-weight:600;font-style:italic}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-BoldItalic.otf);font-weight:700;font-style:italic}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-ExtraBold.otf);font-weight:800;font-style:normal}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-ExtraBoldItalic.otf);font-weight:800;font-style:italic}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-Black.otf);font-weight:800;font-style:normal}@font-face{font-family:Metropolis;src:url(/assets/fonts/metropolis/Metropolis-BlackItalic.otf);font-weight:800;font-style:italic}:root{--litepicker-month-header-color:#4a515b;--litepicker-button-prev-month-color:#69707a;--litepicker-button-next-month-color:#69707a;--litepicker-button-prev-month-color-hover:#212832;--litepicker-button-next-month-color-hover:#212832;--litepicker-month-weekday-color:#69707a;--litepicker-month-week-number-color:#69707a;--litepicker-day-width:34px;--litepicker-day-color:#363d47;

57--litepicker-day-color-hover:#dc392d;--litepicker-is-today-color:#69707a;--litepicker-is-in-range-color:rgba(220, 57, 45, .15);--litepicker-is-start-color:#fff;--litepicker-is-start-color-bg:#dc392d;--litepicker-is-end-color:#fff;--litepicker-is-end-color-bg:#dc392d;--litepicker-button-apply-color-bg:#dc392d;--litepicker-button-reset-color-hover:#dc392d;--litepicker-highlighted-day-color:#363d47;--litepicker-highlighted-day-color-bg:rgba(220, 57, 45, .15)}</style><link rel="stylesheet" href="styles.19e555e2fc527962.css" crossorigin="anonymous" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.19e555e2fc527962.css"></noscript></head>
58    <body>
59        <app-root></app-root>
60    

60<script src="runtime.78fe65772c8aff3e.js" type="module" crossorigin="anonymous"></script>

60<script src="polyfills.f3824fe6dc0460ae.js" type="module" crossorigin="anonymous"></script>

60<script src="scripts.cd816875f3dc91fb.js" defer crossorigin="anonymous"></script>

60<script src="main.6700dedd9b90aef0.js" type="module" crossorigin="anonymous"></script>

60
61

62<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6e2c2575ac8f44ed824cef7899ba8463","spa":2}' crossorigin="anonymous"></script>

62

63<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a400643eac0dca43',t:'MTc5MDIzODI1Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>

63</body></html>