-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·122 lines (119 loc) · 6.18 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
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
122
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Blueprint: A CSS Framework | Spend your time innovating, not replicating</title>
<meta name="description" content="The official homepage for Blueprint, the original CSS framework. Also known as Blueprint CSS.">
<link rel="stylesheet" href="/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="/css/latest.css?v=3.1.0" type="text/css" media="screen, projection">
<style type="text/css" media="print">img { display:none; }</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://twitter.com/statuses/friends_timeline/14030122.rss">
<link rel="icon" type="image/ico" href="/favicon.ico">
</head>
<body>
<div id="header">
<h1 id="title">
<img src="/img/blueprint_header_clean.png" alt="Blueprint: A CSS Framework" width="412" height="100">
</h1>
</div>
<div id="main">
<div id="main_content">
<div class='container' id="content">
<div class='column span-12 append-1'>
<p id="statement">
Blueprint is a <strong>CSS framework</strong>, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
</p>
</div>
<div class="column span-5 box last">
<h2>Download Now</h2>
<ul id="download_list">
<li><a href="http://github.com/joshuaclayton/blueprint-css/zipball/master">ZIP</a></li>
<li><a href="http://github.com/joshuaclayton/blueprint-css/tarball/master">TGZ</a></li>
<li id="all_releases"><a href="http://github.com/joshuaclayton/blueprint-css/downloads">All Releases</a></li>
</ul>
<p class="bottom">
Latest version: <strong>0.9.1</strong><br>
Last updated August 20, 2009
</p>
</div>
<div class="column span-10 append-1">
<h2>What does Blueprint have to offer?</h2>
<ul class="simple">
<li>A CSS reset that eliminates the discrepancies across browsers.</li>
<li>A solid grid that can support the most complex of layouts.</li>
<li>Typography based on expert principles that predate the web.</li>
<li>Form styles for great looking user interfaces.</li>
<li>Print styles for making any webpage ready for paper.</li>
<li>Plugins for buttons, tabs and sprites.</li>
<li>Tools, editors, and templates for every step in your workflow.</li>
</ul>
<h2>Stay Connected</h2>
<ul id="social_list">
<li id="twitter"><a href="http://twitter.com/blueprintcss">Follow on Twitter</a></li>
<li id="facebook"><a href="http://www.facebook.com/pages/Blueprint/34149071444">Facebook fan page</a></li>
<li id="sharethis">
<script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=b7143360-cdff-4b51-9b56-36789f21e0ca&type=website&embeds=true&post_services=facebook%2Cdigg%2Creddit%2Cdelicious%2Ctwitter%2Cstumbleupon%2Ctechnorati%2Cmixx%2Cblogger%2Ctypepad%2Cwordpress%2Cgoogle_bmarks%2Cwindows_live%2Cmyspace%2Cpropeller%2Cnewsvine%2Clinkedin%2Cfriendfeed&headerTitle=Spread%20the%20word%20about%20Blueprint"></script>
</li>
</ul>
</div>
<div class="column span-8 last">
<h2>Get started</h2>
<dl>
<dt><a href="/tests/">Live Demos</a></dt>
<dd>Grid, typography, and form examples.</dd>
<dt><a href="http://github.com/joshuaclayton/blueprint-css/wikis/home">Blueprint Wiki</a></dt>
<dd>Tutorials, tools, browser compatibility list and more.</dd>
<dt><a href="http://groups.google.com/group/blueprintcss">Discussion Group & Mailing List</a></dt>
<dd>Post a question, get answers!</dd>
<dt><a href="http://github.com/joshuaclayton/blueprint-css/tree/master">Github Repository</a></dt>
<dd>Fork & watch — contribute to the future of Blueprint.</dd>
<dt><a href="http://blueprintcss.lighthouseapp.com/">Bug Tracker</a></dt>
<dd>Post any bugs you find.</dd>
</dl>
</div>
</div>
<div class="container" id="gallery">
<div class="column span-19 last">
<h2>Sites using Blueprint</h2>
</div>
<div class="column span-9 append-1">
<span class="item">
<img src="/gallery/webvanta.jpg" alt="Webvanta screenshot" width="344" height="350">
<a href="http://www.webvanta.com/" class="caption">Webvanta</a>
</span>
</div>
<div class="column span-9 last">
<span class="item">
<img src="/gallery/cca.jpg" alt="CCA screenshot" width="344" height="350">
<a href="http://www.cca.qc.ca/" class="caption">Canadian Centre for Architecture</a>
</span>
</div>
<div class="column span-9 append-1">
<span class="item">
<img src="/gallery/quantcast.png" alt="Quantcast screenshot" width="344" height="350">
<a href="http://www.quantcast.com" class="caption">Quantcast</a>
</span>
</div>
<div class="column span-9 last">
<span class="item">
<img src="/gallery/blueflavor.jpg" alt="Blue Flavor screenshot" width="344" height="350">
<a href="http://www.blueflavor.com/" class="caption">Blue Flavor</a>
</span>
</div>
<div class="column span-19 last">
<p><a href="http://blueprintsites.com/"><strong>View more sites using Blueprint at BlueprintSites.com</strong></a></p>
</div>
</div>
<div class="container" id="footer">
<div class="column span-19 last" id="credit">
<p class="bottom">
Icons by <a href="http://code.google.com/p/twotiny/">Paul Jarvis</a> & <a href="http://komodomedia.com/">Komodo Media</a>. Site by <a href="http://www.christianmontoya.net">Christian Montoya</a> with help from the Blueprint community.
</p>
</div>
</div>
</div>
</div>
</body>
</html>