@trumpetstech/bootwind
Version:
Utility and component-centric design system based on Bootstrap for fast, responsive UI development.
119 lines (112 loc) • 4.03 kB
HTML
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap w/ Parcel</title>
<link rel="stylesheet" href="scss/main.scss">
<link rel="stylesheet" href="scss/utility.scss">
<script type="module" src="js/main.js"></script>
</head>
<body>
<div class="container-xxl">
<div class="col-md-9 px-3 mx-auto">
<div class="text-center mt-20 mb-12">
<h1 class="display-3 ls-tight">
<span class="d-inline-flex text-transparent bg-clip-text gradient-bottom-right start-purple-500 end-indigo-400 position-relative">Bootstrap</span> Starter Kit
</h1>
<p class="text-lg font-semibold mt-5 px-lg-32 text-primary">
Minimal starter template for websites using Bootstrap 5 and Bootwind CSS next to the Eleventy static site generator.
</p>
<div class="mx-sm-n2 mt-7">
<a href="https://github.com/bootwind/bootstrap-starter-kit" class="btn btn-dark" target="_blank">
<i class="bi bi-github me-2"></i>
<span>See on Github</span>
</a>
</div>
</div>
<div class="row g-6 g-lg-6">
<div class="col-12 col-md-6">
<div class="position-relative rounded-4 shadow-4-hover bg-surface-secondary">
<div class="p-5 p-md-5 p-xl-10">
<section>
<header>
<h1 class="h3 ls-tight mb-4">
Eleventy
</h1>
</header>
<p class="text-muted mb-5">
A simpler static site generator that transforms a directory of templates into HTML.
</p>
<footer>
<a href="https://www.11ty.dev/docs/" class="font-semibold link-primary stretched-link">Documentation -></a>
</footer>
</section>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="position-relative rounded-4 shadow-4-hover bg-surface-secondary">
<div class="p-5 p-md-5 p-xl-10">
<section>
<header>
<h1 class="h3 ls-tight mb-4">
Bootstrap 5
</h1>
</header>
<p class="text-muted mb-5">
The world’s most popular framework for building responsive, mobile-first sites.
</p>
<footer>
<a href="https://getbootstrap.com/docs/" class="font-semibold link-primary stretched-link">Documentation -></a>
</footer>
</section>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="position-relative rounded-4 shadow-4-hover bg-surface-secondary">
<div class="p-5 p-md-5 p-xl-10">
<section>
<header>
<h1 class="h3 ls-tight mb-4">
Bootwind CSS
</h1>
</header>
<p class="text-muted mb-5">
Utility and component-centric design system based on Bootstrap 5.
</p>
<footer>
<a href="https://bootwind.trumpetstech.com/docs/css/" class="font-semibold link-primary stretched-link">Documentation -></a>
</footer>
</section>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="position-relative rounded-4 shadow-4-hover bg-surface-secondary">
<div class="p-5 p-md-5 p-xl-10">
<section>
<header>
<h1 class="h3 ls-tight mb-4">
Bootwind Components
</h1>
</header>
<p class="text-muted mb-5">
Explore over 500 fully responsive and carefully designed Bootstrap components.
</p>
<footer>
<a href="https://bootwind.trumpetstech.com/components/" class="font-semibold link-primary stretched-link">Start Using -></a>
</footer>
</section>
</div>
</div>
</div>
</div>
<p class="text-muted text-sm font-semibold text-center my-12">
Made with <i class="bi bi-heart mx-1"></i> by <a href="https://bootwind.trumpetstech.com/">Bootwind</a>
</p>
</div>
</div>
</body>
</html>