diff options
Diffstat (limited to '404.html')
| -rw-r--r-- | 404.html | 66 |
1 files changed, 56 insertions, 10 deletions
@@ -5,9 +5,11 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <title>404 - File not found ยท Bootstrap Icons</title> <meta name="description" content="Official open source SVG icon library for Bootstrap"> -<meta name="generator" content="Hugo 0.67.1"> +<meta name="generator" content="Hugo 0.69.2"> -<link rel="stylesheet" href="/assets/css/bootstrap.css"><link rel="stylesheet" href="/assets/css/docs.css"> +<link rel="canonical" href="https://icons.getbootstrap.com/404.html"> + +<link rel="stylesheet" href="/assets/css/bootstrap.min.css"><link rel="stylesheet" href="/assets/css/docs.css"> <!-- Favicons --> <link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180"> @@ -32,8 +34,7 @@ <meta property="og:title" content="404 - File not found"> <meta property="og:description" content="Official open source SVG icon library for Bootstrap"> <meta property="og:type" content="website"> -<meta property="og:image" content="http://icons.getbootstrap.com/assets/img/bootstrap-icons-social.png"> -<meta property="og:image:secure_url" content="https://icons.getbootstrap.com/assets/img/bootstrap-icons-social.png"> +<meta property="og:image" content="https://icons.getbootstrap.com/assets/img/bootstrap-icons-social.png"> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="1000"> <meta property="og:image:height" content="500"> @@ -48,7 +49,7 @@ </head> - <body class="d-flex flex-column min-vh-100"> + <body id="icons-body"> <a class="skippy sr-only-focusable" href="#content"> <span class="skippy-text">Skip to main content</span> </a> @@ -66,10 +67,10 @@ <a class="nav-link " href="https://getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a> </li> <li class="nav-item"> - <a class="nav-link" href="https://getbootstrap.com/docs/4.4/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Docs</a> + <a class="nav-link" href="https://getbootstrap.com/docs/4.5/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Docs</a> </li> <li class="nav-item"> - <a class="nav-link" href="https://getbootstrap.com/docs/4.4/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a> + <a class="nav-link" href="https://getbootstrap.com/docs/4.5/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a> </li> <li class="nav-item"> <a class="nav-link active" href="/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Icons');">Icons</a> @@ -109,17 +110,62 @@ </li> </ul> - <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="https://github.com/twbs/icons/archive/v1.0.0-alpha3.zip">Download</a> + <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="https://github.com/twbs/icons/archive/v1.0.0-alpha4.zip">Download</a> </div> </header> + <div class="hero py-5"> + <div class="container"> + <h1 class="f0">Bootstrap Icons</h1> + <p class="mb-4 f3 font-weight-normal">For the first time ever, Bootstrap has its own icon library, custom designed and built for our components and documentation.</p> + + <div class="row text-muted"> + <div class="col-sm"> + <p>Bootstrap Icons are designed to work with <a href="https://getbootstrap.com/">Bootstrap</a> components, from form controls to navigation. Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS. While they're built for Bootstrap, they'll work in any project.</p> + </div> + <div class="col-sm"> + <p>They're open sourced (MIT), so you're free to download, use, and extend. Heads up though, <strong>they're in alpha right now</strong> and subject to sweeping changes.</p> + </div> + <div class="col-md-3 col-lg-4"> + <script async src="https://cdn.carbonads.com/carbon.js?serve=CE7D4277&placement=iconsgetbootstrapcom" id="_carbonads_js"></script> + </div> + </div> + + <hr class="my-4"> - <main class="my-auto p-5" id="content" role="main"> + <p class="text-muted"> + Currently v1.0.0-alpha4 + <span class="px-1">•</span> + <a href="#icons">Icons</a> + <span class="px-1">•</span> + <a href="#install">Install</a> + <span class="px-1">•</span> + <a href="#usage">Usage</a> + <span class="px-1">•</span> + <a href="#styling">Styling</a> + <span class="px-1">•</span> + <a href="https://github.com/twbs/icons">GitHub repo</a> + </p> + </div> +</div> + + + <main class="container" id="content" role="main"> <div class="text-center py-5"> <h1 class="display-1">404</h1> <h2>File not found</h2> </div> - </main> + </main><footer class="bd-footer p-3 p-md-5 mt-5 bg-light text-center text-sm-left"> + <div class="container"> + <ul class="bd-footer-links"> + <li><a href="https://github.com/twbs">GitHub</a></li> + <li><a href="https://twitter.com/getbootstrap">Twitter</a></li> + <li><a href="https://getbootstrap.com/docs/4.5/about/overview/">About</a></li> + </ul> + <p>Currently v1.0.0-alpha4. Icons and documentation licensed <a href="https://github.com/twbs/icons/blob/master/LICENSE.md" target="_blank" rel="license noopener">MIT</a>.</p> + </div> +</footer> + </body> </html> |