-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
45 lines (43 loc) · 2.04 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>lit</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,700" rel="stylesheet">
<!-- Link to your stylesheet here -->
<link rel="stylesheet" href="dist/lit.css">
<link rel="stylesheet" href="dist/util.css">
<script async defer src="https://buttons.github.io/buttons.js"></script>
<!-- Place this tag in your head or just before your close body tag. -->
</head>
<body class="m0">
<div class="c">
<header class="mb3">
<h1 class="tc mb0">lit 🔥</h1>
<h5 class="tc mb1">a ridiculously small responsive css framework</h5>
<div class="tc">
<a class="github-button" href="https://github.com/ajusa/lit" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star ajusa/lit on GitHub">Star</a>
</div>
<hr>
</header>
<p>lit has two modules: lit and util. Both of them are designed to be as small as possible, and easy to extend.</p>
<div class="row mt3">
<div class="5 col card tc b-accent">
<h4 class="mb1 normal accent">lit</h4>
<p>lit contains all of the basics for a framework, such as a responsive grid, typography, and other elements.</p>
<form action="docs/lit.html">
<button class="mt1 btn primary white bold" type="submit">Get Started</button>
</form>
</div>
<div class="5 col card tc b-info">
<h4 class="mb1 normal info">util</h4>
<p>util has many CSS utility classes that can be used to extend lit, or any CSS framework.</p>
<form action="docs/util.html">
<button class="mt1 btn bg-info b-info white bold" type="submit">Get Started</button>
</form>
</div>
</div>
</div>
</body>