133 lines
3 KiB
HTML
133 lines
3 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<title>min - examples</title>
|
||
|
||
<link href="entireframework.min.css" rel="stylesheet" type="text/css" />
|
||
|
||
<!--[if lt IE 9]>
|
||
<style>
|
||
html {
|
||
overflow-x: hidden;
|
||
}
|
||
</style>
|
||
<![endif]-->
|
||
|
||
<style type="text/css">
|
||
/* Min+ plugin*/
|
||
message {
|
||
display: block;
|
||
padding: 2em;
|
||
background: #def;
|
||
border-left: 5px solid #44e;
|
||
}
|
||
|
||
.warning {
|
||
border-color: #e44;
|
||
background: #fdd;
|
||
}
|
||
|
||
.great {
|
||
border-color: #2d2;
|
||
background: #dfd;
|
||
}
|
||
|
||
/* Fun h1s */
|
||
h1:not(.exampleh1) {
|
||
margin: 0.2em 0;
|
||
border-bottom: 5px solid;
|
||
margin-bottom: 15px;
|
||
padding-bottom: 5px;
|
||
}
|
||
|
||
.fourways {
|
||
color: #666;
|
||
margin-bottom: 0;
|
||
}
|
||
small {
|
||
color: #6b6;
|
||
font-size: 0.6em;
|
||
}
|
||
|
||
/* New css */
|
||
img {
|
||
border: 1px solid;
|
||
border-radius: 6px;
|
||
align-self: center;
|
||
vertical-align: middle;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
a {
|
||
color: #5583bb;
|
||
}
|
||
</style>
|
||
|
||
<!--[if lte IE 6]>
|
||
<style>
|
||
.col {
|
||
margin: 0.5%;
|
||
}
|
||
.c12 {
|
||
margin: 0.5%;
|
||
margin-left: 0.5%;
|
||
width: 97%;
|
||
}
|
||
.container {
|
||
width: 90%;
|
||
}
|
||
</style>
|
||
<![endif]-->
|
||
</head>
|
||
<body>
|
||
<nav class="nav" tabindex="-1" onclick="this.focus()">
|
||
<div class="container">
|
||
<a class="pagename current" href="index.html">Min</a>
|
||
<a href="docs.html">Docs</a>
|
||
<!--
|
||
<a href="bootstrapconverter.html">Bootstrap Converter</a>
|
||
<a href="examples.html">Examples</a>
|
||
-->
|
||
<a href="download.html">Download</a>
|
||
<a class="current" href="#">Examples</a>
|
||
<a href="https://github.com/owenversteeg/min">Github</a>
|
||
</div>
|
||
</nav>
|
||
<button class="btn btn-sm btn-close">×</button>
|
||
<div class="container">
|
||
<h1>Examples</h1>
|
||
<p>
|
||
All of these examples are completely free to use, copy, and distribute however you like; they are all MIT licensed.
|
||
<br><br>
|
||
<a href="example.html"><img class="exampleimg" src="example-1.jpg">Basic Page w/Nav</a>
|
||
<br><br>
|
||
<a href="example2.html"><img class="exampleimg" src="example-2.jpg">Standard Page w/Hero</a>
|
||
<br><br>
|
||
<a href="example3.html"><img class="exampleimg" src="example-3.jpg">Page w/More Elements</a>
|
||
</p>
|
||
</div>
|
||
|
||
<script src="compiledcss.js" type="text/javascript"></script>
|
||
<script src="download.js" type="text/javascript"></script>
|
||
|
||
<script type="text/javascript">
|
||
function downloadJSAtOnload() {
|
||
var element = document.createElement("script");
|
||
element.src = "defer.js";
|
||
document.body.appendChild(element);
|
||
}
|
||
if (window.addEventListener)
|
||
window.addEventListener("load", downloadJSAtOnload, false);
|
||
else if (window.attachEvent)
|
||
window.attachEvent("onload", downloadJSAtOnload);
|
||
else window.onload = downloadJSAtOnload;
|
||
</script>
|
||
<script src="defer.js"></script>
|
||
</body>
|
||
</html>
|