holakit
Version:
Yet another design-driven UI component set.
34 lines (29 loc) • 1.03 kB
HTML
<html dir="ltr" lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
<title>Holakit</title>
<script src="/build/holakitcore.js"></script>
</head>
<body>
<hola-base></hola-base>
<hola-container>
<hola-hero dark-bg="">
<hola-button ghost="">Test Button</hola-button>
<hola-card with-image="">
<img src="https://source.unsplash.com/random" alt="">
<h2 class="title">Test Card</h2>
<p>... with a little content.</p>
</hola-card>
</hola-hero>
</hola-container>
<script>
if ('serviceWorker' in navigator && location.protocol !== 'file:') {
// auto-unregister service worker during dev mode
navigator.serviceWorker.getRegistration().then(function(registration) {
if (registration) {
registration.unregister().then(function() { location.reload(true) });
}
});
}
</script>
</body></html>