-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgettingStarted.html
121 lines (116 loc) · 4.18 KB
/
gettingStarted.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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Getting Started</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel="stylesheet" type="text/css" href="build/css/is-ui.min.css">
<link rel="stylesheet" type="text/css" href="prism.css">
<script type="text/javascript" src='build/include/jquery.js'></script>
<script type="text/javascript" src='build/js/is-ui.min.js'></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-53711221-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<nav class='nav-top fixed' id='top'>
<ul class="mobile-menu">
<button class="btn btn-default no-select">></button>
</ul>
<ul class="menu-right">
<li>
<a href="gettingStarted.html">IS-UI</a>
</li>
<li>
<a href="javascript.html">JavaScript</a>
</li>
<li>
<a href="index.html">Components</a>
</li>
<li>
<a href="css.html">CSS</a>
</li>
<li class="active">
<a href='#'>Getting Started ￬</a>
<ul class="dropdown">
<li><a href='gettingStarted.html'>Basic Template</a></li>
<li>
<a href='#'><div class="dim dim-6">￩</div> Download</a>
<ul class="dropdown drop-left">
<li>
<a href='https://github.com/chaseWillden/is-ui' target="_blank">GitHub</a>
</li>
<li>
<a href='https://github.com/chaseWillden/is-ui/raw/master/dist/is-ui.0.2.2.zip'>Download v0.2.2 (beta)</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
<div class="container">
<div class="row row-1">
<hr class="empty">
</div>
<div class="row">
<div class="col-12 pit md">
<h1 class="center">IS-UI</h1>
<h3 class="center">Another mobile-first front-end CSS framework.</h3>
<div class="row">
<div class="col-12 center">
<a href='https://github.com/chaseWillden/is-ui' target="_blank" class="btn btn-xl blue">Fork on GitHub</a>
<a class="btn btn-xl green screen-only" href='https://github.com/chaseWillden/is-ui/raw/master/dist/is-ui.0.2.2.zip'>Download v0.2.2 (beta)</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-2"></div>
<div class="col-8">
<h2>Vision</h2>
<div class="bar-left">
<p>IS-UI is another mobile-first front-end CSS framework. The sole purpose of this is literally to be another alternative, to be another solution. With night you have day. With water you have land. With rice you have beans. All are good, neither are evil, both are useful. Let this be another resource for developing the web even furthur.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-2"></div>
<div class="col-8">
<h2>A Basic Template</h2>
<div class="bar-left">
<p>Like any useful web tool, there needs to be good documentation and a good template. Below is a simple template which can be used in many circumstances.</p>
</div>
<pre class="language-markup line-numbers"><code><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Template</title>
<link rel="stylesheet" type="text/css" href="build/css/is-ui.min.css">
<script type="text/javascript" src='build/include/jquery.js'></script>
<script type="text/javascript" src='build/js/is-ui.min.js'></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-12 pit lg">
<h1 class="center">IS-UI Template</h1>
</div>
</div>
</div>
</body>
</html></code></pre>
</div>
</div>
<footer class='footer'>
</footer>
</div>
<script type="text/javascript" src='prism.js'></script>
</body>
</html>