61 lines
3.3 KiB
HTML
61 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>steevcss</title>
|
|
<link rel="stylesheet" href="https://steevlp.github.io/steevcss/dist/steevcss.bundled.min.css">
|
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/default.min.css">
|
|
</head>
|
|
<body>
|
|
<header style="box-shadow: 0 2px 0px rgba(0, 0, 0, 0.356);">
|
|
<h1 class="nav-logo">SteevCSS</h1>
|
|
<input id="nav-toggle" type="checkbox" class="nav-toggle">
|
|
<label for="nav-toggle" class="nav-toggle-label">
|
|
<span></span>
|
|
</label>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="/steevcss/">Home</a></li>
|
|
<li><a href="/steevcss/docs/index.html">DOCS</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<div class="embed" style="border-radius: 0; background-color: #3498db; color: white; padding: 2%;box-shadow: 0 2px 0px rgba(0, 0, 0, 0.356);">
|
|
<div class="container" style="text-align: center;">
|
|
<h1>SteevCSS</h1>
|
|
<p>A simple lightweight Web Development Library, written in SASS and JavaScript</p>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-2"></div>
|
|
<div class="col-8">
|
|
<h1>SteevCSS to boost your web design process</h1>
|
|
<p>With premade and customizable elements such as the embed or alert elements, this library helps you with your first steps when starting your new web app. SteevCSS is written so you have to barely use CSS to change colors and that's it</p>
|
|
</div>
|
|
<div class="col-2"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-1"></div>
|
|
<div class="col-10">
|
|
<h1>Usage</h1>
|
|
<p>You can use SteevCSS by either using the hosted version or by getting it from the <a target="_blank" class="link" href="https://github.com/steevLP/steevcss/releases">releases</a> tab on <a target="_blank" class="link" href="https://github.com/steevLP/steevcss">Github</a></p>
|
|
<pre>
|
|
<code class="language-html">
|
|
<link rel="stylesheet" href="https://steevlp.github.io/steevcss/dist/steevcss.bundled.min.css">
|
|
<!-- <script src="https://steevlp.github.io/steevcss/dist/steevcss.js"></script> -->
|
|
</code>
|
|
</pre>
|
|
Due to an issue that only should appear when displaying code, the script tag for the optional Javascript file is commented out, if you are using it, don't add it as a comment.
|
|
</div>
|
|
<div class="col-1"></div>
|
|
</div>
|
|
</div>
|
|
<script src="https://steevlp.github.io/steevcss/dist/steevcss.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/highlight.min.js"></script>
|
|
<script>hljs.highlightAll();</script>
|
|
</body>
|
|
</html> |