-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
48 lines (40 loc) · 1.66 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
46
47
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Pure CSS pyramid infographic</title>
<style>
body {
font-size: 100%;
font-family: Helvetica, Arial, sans-serif;
}
</style>
<link rel="stylesheet" href="css/pyramids.css">
</head>
<body>
<div id="pyramids">
<span class="base">Base Stylesheet</span>
<span class="auxiliary">Auxiliary Stylesheet</span>
<span class="styles">Styles</span>
<span class="layouts">Layouts</span>
<span class="variables">Variables</span>
<span class="mixins">Mixins</span>
<span class="plugins">Plugins</span>
<span class="helpers">Helpers</span>
<div class="base"></div>
<div class="auxiliary"></div>
<div class="styles"></div>
<div class="layouts"></div>
<div class="variables"></div>
<div class="mixins"></div>
<div class="plugins"></div>
<div class="helpers"></div>
</div>
<!-- GitHub fork ribbon -->
<a href="https://github.com/sergeylukin/css-pyramid-infographic"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
<!-- Resize img -->
<img src="img/resize.png" alt="Resize me!" id="resize" />
<!-- Analytics -->
<script type="text/javascript">var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-31126253-1']);_gaq.push(['_trackPageview']);(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();</script>
</body>
</html>