Add introduction buttons

nt1m · Feb 22, 2015 · 4096123 · 4096123
1 parent 3f5ee69
commit 4096123
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/css/material.css b/css/material.css
@@ -488,6 +488,12 @@ code {
 	box-shadow: none !important;
 	pointer-events: none;
 }
+.button i {
+	font-size: 1.5em;
+	height: 1em;
+	margin-right: 0.5em;
+	vertical-align: middle;
+}
 
 /* Fabs */
 .fab {

diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
 	<link rel="stylesheet" href="css/material.css"/>
 	<link rel="stylesheet" href="demo-files/demo.css"/>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+	<meta name="description" content="Material Framework is an easy to use Material Design Framework for the web.">
 	<meta charset="utf-8"/>
 </head>
 <body>
@@ -54,6 +55,10 @@ <h2>What is this ?</h2>
 		<p>Material Framework is a simple responsive CSS framework that allows you to integrate <a href="http://google.com/design/spec">Material Design</a> in any web page or web app.</p>
 		<h2>How do I use it ?</h2>
 		<p>Just import material.css on any page you need. Start navigating the documentation by opening the menu !</p>
+		<h2>Where do I get it ?</h2>
+		<p>You can find it on Github. Grab it now before your internet gets slow :)</p>
+		<a href="https://github.com/nt1m/material-framework/" class="button raised color-black" target="_blank"><i class="icon-visibility"></i>View on Github</a>
+		<a href="https://github.com/nt1m/material-framework/archive/master.zip" target="_blank" class="button raised bg-blue-500 color-white" download="material-framework.zip"><i class="icon-file-download"></i>Download</a>
 	</div>
 	<div class="section">
 		<h1>Showcase</h1>