Add HTML5up

Author: Magicode1

LICENSE.txt

@@ -0,0 +1,35 @@
+Forty by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+This is Forty, my latest and greatest addition to HTML5 UP and, per its incredibly
+creative name, my 40th (woohoo)! It's built around a grid of "image tiles" that are
+set up to smoothly transition to secondary landing pages (for which a separate page
+template is provided), and includes a number of neat effects (check out the menu!),
+extra features, and all the usual stuff you'd expect. Hope you dig it!
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = not included)
+
+AJ
+[email protected] | @ajlkn
+
+
+Credits:
+
+	Demo Images:
+		Unsplash (unsplash.com)
+
+	Icons:
+		Font Awesome (fortawesome.github.com/Font-Awesome)
+
+	Other:
+		jQuery (jquery.com)
+		html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+		background-size polyfill (github.com/louisremi)
+		Misc. Sass functions (@HugoGiraudel)
+		Respond.js (j.mp/respondjs)
+		Skel (skel.io)

README.txt

@@ -0,0 +1,43 @@
+/*
+	Forty by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Button */
+
+	.button {
+		border: solid 2px !important;
+	}
+
+		.button.next {
+			padding-right: 1.75em;
+		}
+
+			.button.next:before, .button.next:after {
+				display: none;
+			}
+
+/* Tiles */
+
+	.tiles article {
+		width: 50%;
+		-ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
+		background-size: cover;
+	}
+
+/* Banner */
+
+	#banner {
+		-ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
+	}
+
+		#banner:after {
+			display: none;
+		}
+
+/* Menu */
+
+	#menu {
+		background: #242943;
+	}

assets/css/font-awesome.min.css

@@ -0,0 +1,94 @@
+/*
+	Forty by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Spotlights */
+
+	.spotlights > section:after {
+		content: '';
+		display: block;
+		clear: both;
+	}
+
+	.spotlights > section > .image {
+		float: left;
+	}
+
+	.spotlights > section > .content {
+		float: left;
+	}
+
+/* Tiles */
+
+	.tiles:after {
+		content: '';
+		display: block;
+		clear: both;
+	}
+
+	.tiles article {
+		padding: 8em 4em 6em 4em ;
+		float: left;
+		height: auto;
+		max-height: none;
+		min-height: 0;
+	}
+
+/* Header */
+
+	#header .logo {
+		position: absolute;
+		top: 0;
+		left: 0;
+	}
+
+	#header nav {
+		position: absolute;
+		top: 0;
+		right: 0;
+	}
+
+/* Banner */
+
+	#banner {
+		padding: 7em 0 4em 0 ;
+		background-attachment: scroll;
+		height: auto;
+		max-height: none;
+		min-height: 0;
+	}
+
+		#banner > .inner .content {
+			display: block;
+		}
+
+			#banner > .inner .content > * {
+				margin-left: 0;
+				margin: 0 0 2em 0;
+			}
+
+		#banner.major {
+			height: auto;
+			max-height: none;
+			min-height: 0;
+		}
+
+/* Contact */
+
+	#contact:after {
+		content: '';
+		display: block;
+		clear: both;
+	}
+
+	#contact > .inner > * {
+		float: left;
+	}
+
+/* Menu */
+
+	#menu .inner {
+		margin: 0 auto;
+	}